:root{--wood-ink:#263c31;--wood-paper:#fffdf6;--wood-muted:#647264;--wood-line:#d4dbca;--wood-green:#315943;--wood-gap:10px}
*{box-sizing:border-box}body{margin:0;color:var(--wood-ink);background:#f5f3e9;font:16px/1.55 'Trebuchet MS',sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #b8732e;outline-offset:4px}button:disabled{cursor:default;opacity:.45}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.standalone-header,.standalone-footer{max-width:1124px;margin:24px auto;display:flex;justify-content:space-between;gap:20px;padding:0 20px}.standalone-header a{color:inherit}.standalone-header+main{max-width:1124px;margin:40px auto;padding:0 20px}.standalone-footer{font-size:12px;color:var(--wood-muted)}.art-definitions{position:absolute;width:0;height:0;overflow:hidden}.woodland-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);column-gap:88px;align-items:start}.woodland-intro{padding-top:12px}.game-kicker{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1.5px;font-weight:700;margin:0 0 26px}.game-kicker>span{font:700 17px Georgia,serif;border:1px solid #bcccb3;border-radius:4px;padding:5px 9px;letter-spacing:0;background:#e8eede}.woodland-intro h1{font:400 clamp(40px,4.7vw,62px)/1.06 Georgia,serif;letter-spacing:-1.9px;margin:0}.woodland-intro h1 em{color:#63814e;font-weight:400}.intro-copy{font-size:14px;line-height:1.75;color:var(--wood-muted);margin:22px 0 26px}.landscape{height:250px;background:#e8ecda url('woodland.svg') center center/cover;border-radius:45% 45% 7px 7px;position:relative;overflow:hidden}.landscape-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#263c31;background:#eee9d1e6;padding:5px 0;font-size:8px;letter-spacing:1.7px}.forest-progress{margin-top:22px}.progress-heading{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#546650}.progress-heading strong{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.progress-track{height:5px;margin-top:9px;background:#dce3d3;border-radius:5px;overflow:hidden}.progress-track span{height:100%;display:block;width:0;background:#6f9056;border-radius:5px;transition:width 300ms ease}.forest-progress p{font-size:12px;color:var(--wood-muted);margin:9px 0 0}.board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.small-label{font-size:9px;font-weight:700;letter-spacing:1.4px;color:var(--wood-muted);margin:0 0 5px}.board-heading h2{font:400 22px/1.2 Georgia,serif;margin:0;letter-spacing:-.3px}.round-mark{border:1px solid #becbb5;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#63814e;font-size:27px}.score-row{display:flex;margin-bottom:14px;border:1px solid var(--wood-line);background:#faf9f1;border-radius:7px;padding:13px 0}.score-row>div{position:relative;flex:1;text-align:center;border-left:1px solid var(--wood-line);line-height:1.2}.score-row>div:first-child{border:0}.score-row span{display:block;font-size:10px;color:var(--wood-muted);margin-bottom:4px}.score-row strong{display:block;font:700 25px/1.1 Georgia,serif;font-variant-numeric:tabular-nums}.score-row b{position:absolute;right:10px;top:20px;color:#527746;font-size:13px;pointer-events:none}.board{border-radius:10px;padding:12px;background:#597857;position:relative;box-shadow:0 5px 0 #476345,0 12px 24px #34522e16;touch-action:none;user-select:none;-webkit-user-select:none;isolation:isolate}.board-stage{position:relative;aspect-ratio:1}.cell-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:var(--wood-gap);height:100%}.cell-grid i{background:#8fa486;border-radius:5px;box-shadow:inset 0 1px 2px #304f3b16}#tiles{position:absolute;inset:0;pointer-events:none}.tile{position:absolute;width:calc((100% - 3 * var(--wood-gap))/4);height:calc((100% - 3 * var(--wood-gap))/4);left:calc(var(--col) * (100% + var(--wood-gap))/4);top:calc(var(--row) * (100% + var(--wood-gap))/4);transition:left 160ms cubic-bezier(.22,.65,.3,1),top 160ms cubic-bezier(.22,.65,.3,1);z-index:1}.tile-face{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d7ddbe;border-radius:5px;background:#edf0dc;box-shadow:0 3px 0 #34513736;color:#334c34}.tile-face svg{width:35%;height:37%;margin-top:2px}.tile-number{font:700 clamp(20px,2.6vw,33px)/1 Georgia,serif;margin-top:3px;font-variant-numeric:tabular-nums}.tile[data-value="4"] .tile-face{background:#dee7bf;border-color:#c7d69c}.tile[data-value="8"] .tile-face{background:#f0dbc0;border-color:#dfbb97}.tile[data-value="16"] .tile-face{background:#c1d5b1;border-color:#9fbc8e}.tile[data-value="32"] .tile-face{background:#f1d7ad;border-color:#d6b482}.tile[data-value="64"] .tile-face{background:#d9c7a0;border-color:#c4ac7d}.tile[data-value="128"] .tile-face{background:#e5b58a;border-color:#ca9369}.tile[data-value="256"] .tile-face{background:#cad5bb;border-color:#adbc99}.tile[data-value="512"] .tile-face{background:#c4ac86;border-color:#a78d6a}.tile[data-value="1024"] .tile-face{background:#adc799;border-color:#8da773}.tile[data-value="2048"] .tile-face{background:#f1d284;border-color:#d8b45a}.tile[data-value="1024"] .tile-number,.tile[data-value="2048"] .tile-number{font-size:clamp(18px,2.3vw,28px)}.board-overlay{position:absolute;inset:0;border-radius:10px;background:#e9eed7d9;display:grid;place-items:center;z-index:3;backdrop-filter:blur(3px)}[hidden]{display:none!important}.welcome-note{text-align:center;width:86%;max-width:340px;padding:24px 12px}.welcome-note>svg{width:44px;height:44px;margin-bottom:8px}.welcome-note h3{font:400 30px/1.15 Georgia,serif;letter-spacing:-.6px;margin:0 0 12px}.welcome-note p{font-size:13px;line-height:1.7;margin:0 0 22px;color:#4e6249}.welcome-note button{border:0;border-radius:5px;min-height:48px;min-width:180px;padding:13px 23px;background:#315943;color:#fffdf4;font-size:13px;box-shadow:0 3px 0 #23422f}.welcome-note button:hover{background:#234b36}.welcome-note button span{margin-left:14px}.direction-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:18px}.direction-controls button{min-height:48px;border:1px solid #c8d2bf;border-bottom-width:3px;background:#f8f9f0;border-radius:5px;color:#3d5940;display:flex;align-items:center;justify-content:center;gap:9px;transition:background 100ms}.direction-controls button:hover:enabled{background:#e8eddb}.direction-controls button:active:enabled{border-bottom-width:1px;padding-top:2px}.direction-controls span{font-size:23px;line-height:1}.direction-controls small{font-size:10px}.input-note{text-align:center;font-size:10px;color:var(--wood-muted);margin:8px 0 9px}.game-toolbar{display:flex;gap:5px;justify-content:space-between;border-top:1px solid var(--wood-line);padding-top:4px}.game-toolbar button{min-height:44px;min-width:66px;padding:8px 12px;border:0;background:transparent;color:#54684b;font-size:11px;border-radius:4px}.game-toolbar button:hover:enabled{background:#e8edde}.game-toolbar button:last-child{color:#70674e}.game-toolbar span{font-size:17px;margin-right:4px}.game-status{font-size:12px;line-height:1.6;min-height:39px;color:#4b6749;margin:2px 0 0;background:#e9eedf;border-left:2px solid #9eb589;padding:8px 12px}.game-guide{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;border-top:1px solid var(--wood-line);margin-top:44px;padding-top:32px}.game-guide h2{font:400 27px/1.2 Georgia,serif;margin:8px 0 10px;letter-spacing:-.5px}.game-guide>div>p:last-child{font-size:13px;color:var(--wood-muted)}.game-guide ol{list-style:none;margin:0;padding:0;display:grid;gap:20px}.game-guide li{display:flex;gap:16px}.game-guide li>span{font:italic 19px Georgia,serif;color:#8b997c}.game-guide h3{font-size:13px;font-weight:700;margin:0 0 4px}.game-guide li p{font-size:12px;line-height:1.7;color:var(--wood-muted);margin:0}.field-notes{display:flex;gap:28px;margin-top:32px;border-top:1px dashed #c4cdb6;padding:16px 0 0}.field-notes>span{font-size:8px;font-weight:700;letter-spacing:1.2px;white-space:nowrap;padding-top:2px}.field-notes p{margin:0;color:var(--wood-muted);font-size:10px;line-height:1.7}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.woodland-layout{column-gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,440px)}.landscape{height:215px}.woodland-intro h1{font-size:49px}.game-kicker{font-size:8px;gap:10px}.game-guide{gap:40px}}
@media(max-width:780px){.woodland-layout{grid-template-columns:1fr;gap:24px;max-width:490px;margin:auto}.woodland-intro{padding:0}.game-kicker{margin-bottom:16px}.woodland-intro h1{font-size:44px;line-height:1.05}.woodland-intro h1 br{display:none}.intro-copy{font-size:13px;margin:12px 0 0}.intro-copy br{display:none}.landscape{height:150px;background-position:center 56%;border-radius:70px 70px 5px 5px;margin-top:20px}.forest-progress{margin-top:12px}.board-heading{margin-bottom:12px}.game-guide{grid-template-columns:1fr;gap:16px;margin-top:30px;max-width:490px;margin-left:auto;margin-right:auto}.field-notes{flex-direction:column;gap:6px;max-width:490px;margin-left:auto;margin-right:auto}.tile-number{font-size:33px}.tile[data-value="1024"] .tile-number,.tile[data-value="2048"] .tile-number{font-size:28px}}
@media(max-width:440px){.landscape{display:none}.forest-progress{margin-top:15px}.forest-progress p{font-size:11px}.woodland-intro h1{font-size:38px;letter-spacing:-1.1px}.intro-copy{font-size:12px}.woodland-layout{gap:23px}.game-kicker{font-size:9px}.board-heading h2{font-size:20px}.score-row{padding:10px 0;margin-bottom:12px}.score-row strong{font-size:23px}.score-row span{font-size:9px}.board{padding:9px;--wood-gap:7px}.tile-number{font-size:28px}.tile[data-value="1024"] .tile-number,.tile[data-value="2048"] .tile-number{font-size:23px}.welcome-note{padding:12px 4px}.welcome-note h3{font-size:26px}.welcome-note p{font-size:12px;margin-bottom:16px}.welcome-note>svg{width:35px;height:35px;margin-bottom:4px}.direction-controls small{font-size:9px}.direction-controls button{gap:6px}.game-toolbar button{padding:8px;min-width:65px}.game-guide h2{font-size:26px}}
@media(max-width:320px){.woodland-intro h1{font-size:32px}.game-kicker{font-size:7px}.board-heading h2{font-size:18px}.tile-number{font-size:22px}.tile[data-value="1024"] .tile-number,.tile[data-value="2048"] .tile-number{font-size:18px}.welcome-note h3{font-size:20px}.welcome-note p{font-size:10px;margin-bottom:10px}.welcome-note>svg{display:none}.welcome-note button{min-width:150px;padding:10px 12px;font-size:11px}.direction-controls small{display:none}.game-toolbar{gap:0}.game-toolbar button{min-width:60px;font-size:10px;padding:6px}.score-row strong{font-size:20px}.small-label{font-size:8px}}
@media(max-width:640px){.woodland-layout{display:flex;flex-direction:column;gap:0}.woodland-intro{display:contents}.game-kicker{order:0;margin-bottom:12px}.woodland-intro h1{order:1}.intro-copy{order:2;margin:12px 0 0}.landscape{order:3;width:100%}.game-room{order:4;width:100%;margin-top:22px}.forest-progress{order:5;width:100%;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.tile,.progress-track span{transition:none}html{scroll-behavior:auto}}