:root{--ink:#2f4538;--line:#536b53;--cream:#fffcf1;--mint:#d8edc5;--sun:#f8d99f;--water:#b8dce4}*{box-sizing:border-box}html{background:#fbfaeb}body{margin:0;background:radial-gradient(#d6dec7 1px,transparent 1px) 0 0/35px 35px,#fbfaeb;color:var(--ink);font:17px/1.55 system-ui,-apple-system,'Segoe UI','PingFang TC',sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer}a{color:#23594c}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bd6c26;outline-offset:4px}.topbar{max-width:1192px;margin:auto;display:flex;align-items:center;justify-content:space-between}.topbar .wordmark img{width:185px;height:auto}.language-control{display:flex;align-items:center;flex:0 0 auto}.language-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.language-control select{appearance:none;-webkit-appearance:none;width:150px;min-width:0;max-width:150px;min-height:44px;border:1px solid #c5ceb8;border-radius:999px;background:#fffdf7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%2339493d' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center;padding:10px 40px 10px 16px;color:var(--ink);font-size:14px;line-height:1.3}.collection-switch .collection-choice{min-height:112px}.collection-switch .classics-choice[aria-current=page]{background:#ffddb1}main{max-width:1060px;margin:auto;padding:0 24px 60px}.intro{text-align:center;margin:38px auto 40px;max-width:760px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.11em;font-size:13px;font-weight:850;color:#6a7957}.intro h1{font-size:clamp(39px,6vw,70px);line-height:1.05;letter-spacing:-.06em;margin:10px 0}.intro .subtitle{font-size:clamp(19px,2.8vw,28px);font-weight:750;margin:8px}.intro p:last-child{color:#536855}.section-title{font-size:23px;margin:0 0 12px}.game-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.game-tabs a{min-height:190px;position:relative;text-decoration:none;color:var(--ink);display:grid;align-content:start;gap:5px;border:2px solid var(--line);border-radius:24px;padding:18px;background:#fffdf4;box-shadow:4px 5px 0 #b3c2a4;transition:transform .16s,background .16s}.game-tabs a:hover{transform:translateY(-3px)}.game-tabs a[aria-current]{background:var(--mint);box-shadow:4px 5px 0 var(--line)}.game-icon{font-size:43px;line-height:1.25}.game-tabs strong{line-height:1.15;font-size:19px}.game-tabs small{font-size:13px;line-height:1.3;color:#536855}.completed{position:absolute;top:12px;right:16px;font-size:21px}.walkthrough,.play,.sources{background:var(--cream);border:2px solid var(--line);border-radius:28px;box-shadow:5px 6px 0 #bdc5ae;padding:24px;margin-bottom:23px}.walkthrough:has(>.subtle){padding:10px 16px;box-shadow:none;border-style:dashed}.guide-top,.guide-bottom{display:flex;gap:14px;justify-content:space-between;align-items:center}.guide-top{font-weight:700}.guide-stage{display:grid;grid-template-columns:minmax(160px,34%) 1fr;gap:20px;align-items:center;min-height:172px}.guide-stage p{font-size:clamp(19px,2.4vw,27px);font-weight:680;line-height:1.35;animation:pop .35s ease both}.guide-art{min-height:125px;display:grid;place-content:center;border:2px dashed #b9c49d;background:#f4f7df;border-radius:24px;text-align:center;font-size:25px;animation:pop .48s ease both}.demo-den{line-height:1.8}.demo-tower{display:flex;flex-direction:column;align-items:center;justify-content:end;height:96px}.demo-tower i{background:#edb977;border:2px solid #536b53;border-radius:12px;height:19px;width:48px}.demo-tower i:nth-child(2){width:70px;background:#c1d899}.demo-tower i:nth-child(3){width:92px;background:#a2d3ce}.demo-tower.goal{transform:translateX(24px)}.step-dots{display:flex;gap:6px;margin-right:auto}.step-dots i{width:10px;height:10px;border-radius:20px;background:#bdc7ad}.step-dots i.active{width:25px;background:#407358}button.primary,.tools button,.sizes button,.dens button,.passengers button,.subtle{border:2px solid var(--line);background:#fffdf5;padding:9px 15px;border-radius:14px;font-weight:750;min-height:44px}button.primary{background:#a9dbab;box-shadow:2px 3px 0 var(--line)}button.subtle{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}.play-head{display:flex;align-items:center;gap:17px}.play-head h2{font-size:clamp(29px,3.8vw,43px);letter-spacing:-.045em;margin:0}.round-icon{font-size:40px;background:#fce4b7;border:2px solid var(--line);border-radius:23px;padding:8px 13px}.play p{margin:12px 0}.play .goal{font-weight:750;font-size:19px}.play h3{margin:14px 0 6px}.sizes,.dens,.passengers,.tools{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0}.sizes button[aria-pressed=true],.passengers button[aria-pressed=true]{background:var(--mint);box-shadow:2px 3px 0 var(--line)}.counter{font-weight:750;color:#596b51}.plan{display:flex;flex-wrap:wrap;gap:8px}.plan span{min-width:59px;text-align:center;border:2px dashed #879a7f;border-radius:14px;background:#f3f4e9;padding:9px}.plan span.filled{border-style:solid;background:#fbe2ae}.dens button{font-size:25px;min-width:53px;min-height:53px;background:#f5e9bf}.check{margin:10px 0}.banks{display:flex;align-items:stretch;gap:12px;margin:15px 0}.bank{width:45%;min-height:165px;background:#d4eac0;border:2px solid var(--line);border-radius:20px;padding:14px;position:relative}.bank.has-boat{background:#f9e4ab}.bank h3{margin:0}.bank-items{display:flex;flex-wrap:wrap;gap:8px}.bank-items span{display:inline-block;padding:4px 8px;background:#fffdf6;border-radius:10px}.boat{position:absolute;bottom:9px;right:14px;font-size:25px}.water{flex:1;color:#427c8a;display:grid;place-content:center;text-align:center}.pegs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.pegs button{height:220px;min-width:0;position:relative;border:2px solid var(--line);border-radius:20px;background:#eff4dc;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:12px}.pegs button[aria-pressed=true]{background:#ffdfac;box-shadow:inset 0 0 0 3px #bf812f}.pole{position:absolute;width:12px;height:150px;bottom:36px;border-radius:9px;background:#8caa87}.disks{display:flex;flex-direction:column-reverse;align-items:center;z-index:1;width:100%;min-height:150px;justify-content:flex-start}.disk{height:25px;border:2px solid var(--line);border-radius:20px;width:calc(32% + var(--disk)*12%);max-width:98%;background:#f3bf8d}.disk:nth-child(2n){background:#c2daa8}.disk:nth-child(3n){background:#b0dce1}.pegs button>span:last-child{z-index:2;font-size:13px;font-weight:700;margin-top:5px}.board{display:grid;grid-template-columns:repeat(var(--board-size),1fr);width:min(100%,510px);aspect-ratio:1;margin:20px auto;border:3px solid var(--line);border-radius:12px;overflow:hidden}.cell{display:grid;place-items:center;border:0;border-radius:0;background:#f3eecf;color:#385345;padding:0;font-size:clamp(20px,5vw,45px);line-height:1}.cell.dark{background:#acc7ae}.cell.clash{background:#f6a194}.feedback{min-height:28px;font-weight:750;color:#3e6b51}.saved{text-align:center;color:#60715d}.sources{box-shadow:none;border-style:dashed;padding:17px 24px}.sources summary{font-weight:800;cursor:pointer}.sources li{padding:4px}.origin-note{font-size:14px;color:#5e6b5e}footer{max-width:1060px;margin:auto;padding:25px;display:flex;justify-content:space-between;gap:16px;border-top:1px solid #b7c4a9;font-size:14px}footer p{margin:0}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){.game-tabs{grid-template-columns:repeat(2,1fr)}.game-tabs a{min-height:168px}.guide-stage{grid-template-columns:1fr;gap:3px}.guide-art{min-height:95px}.guide-stage p{margin:8px 0 18px}.banks{gap:5px}.bank{padding:9px}.water{font-size:12px}}@media(max-width:560px){main{padding:0 16px 40px}.intro{margin:27px auto}.game-tabs{gap:9px}.game-tabs a{padding:12px;min-height:165px}.game-tabs strong{font-size:17px}.game-icon{font-size:31px}.walkthrough,.play{padding:18px}.guide-bottom{flex-wrap:wrap}.step-dots{width:100%}.pegs button{height:190px}.pole{height:130px}.disks{min-height:128px}.disk{height:21px}footer{display:block}footer a{display:inline-block;margin-top:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:560px){.topbar .language-control select{width:115px;max-width:115px;padding:10px 36px 10px 12px;font-size:13px;background-position:right 14px center}}