@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(./silkscreen-latin-400-normal-CtPo2yA5.woff2) format("woff2"),url(./silkscreen-latin-400-normal-D0DfPJut.woff) format("woff")}@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:700;src:url(./silkscreen-latin-700-normal-CSE2nhgM.woff2) format("woff2"),url(./silkscreen-latin-700-normal-BjMPLkh0.woff) format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(./vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2"),url(./vt323-latin-400-normal-Dqn9ZSPj.woff) format("woff")}:root{color:#f8f4e7;background:#102a25;font-family:Inter,ui-rounded,Avenir Next,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 12% 8%,rgba(255,212,74,.17),transparent 29rem),linear-gradient(145deg,#173f35,#0b211e 72%)}button,canvas{font:inherit}.game-shell{display:grid;grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.game-frame{position:relative;min-height:0;overflow:hidden;border:6px solid #f5ebd4;border-radius:18px;background:#8ecf79;box-shadow:0 18px 48px #00000061;line-height:0}.win-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;display:grid;padding:28px;place-content:center;color:#fff8df;background:#0f2621d6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;line-height:1.4}.win-overlay[hidden]{display:none}.win-overlay p{margin:0}.win-overlay__eyebrow{color:#ffd44a;font-size:.82rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.win-overlay .win-overlay__title{margin:8px 0 10px;font-size:clamp(1.7rem,5vw,3.4rem);font-weight:900;letter-spacing:-.04em;line-height:1}.pause-overlay{background:#142b3edb}.win-overlay{z-index:1}.hud-strip,.hud-controls{z-index:2}#restart-overlay{z-index:3}.hud-strip{position:absolute;top:10px;left:10px;display:flex;max-width:calc(100% - 170px);flex-wrap:wrap;border:5px solid #7a4a2b;color:#fff;background:#1c1a17;box-shadow:4px 5px #2a1d174d;font-family:Silkscreen,ui-monospace,monospace;line-height:1.1;text-transform:uppercase;white-space:nowrap}.hud-stat{display:grid;align-content:start;gap:3px;padding:6px 12px 7px;border-left:2px dashed rgba(255,255,255,.22)}.hud-stat:first-child{border-left:0}.hud-stat__label{color:#ffd44a;font-size:10px;letter-spacing:.08em}.hud-stat__value{display:flex;min-height:22px;align-items:center;gap:6px;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.hud-stat__value strong{display:inline-block}.hud-stat__icon{display:block;width:auto;height:18px;image-rendering:pixelated}.hud-strip .is-bumped{animation:hud-bump .3s cubic-bezier(.3,1.5,.5,1)}@keyframes hud-bump{0%{color:#ffd44a;scale:1.3}}.hud-rescue .hud-stat__value{color:#ccebdc;font-size:12px}.hud-rescue[hidden]{display:none}.hud-strip.is-danger{border-color:#d63a2f;animation:hud-danger-flash .45s ease-in-out 3}@keyframes hud-danger-flash{50%{background:#7b2029}}.hud-controls{position:absolute;top:10px;right:10px;display:flex;align-items:flex-start;gap:8px}.hud-button{display:grid;width:42px;height:40px;padding:0;place-items:center;border:3px solid #1c1a17;border-radius:0;background:#ffd44a;box-shadow:0 4px #b98e08;cursor:pointer}.hud-button canvas{width:22px;height:22px;image-rendering:pixelated}.hud-button:hover{background:#ffe07a}.hud-button:active{box-shadow:0 1px #b98e08;translate:0 3px}.hud-button:focus-visible{outline:3px solid #d63a2f;outline-offset:3px}.hud-button:disabled{background:#ffd44a;box-shadow:0 4px #b98e08;cursor:not-allowed;opacity:.5;translate:none}#music-button[data-state=off]{background:#f5ebd4;box-shadow:0 4px #b9b3a5}.hud-button .icon-off,.hud-button[data-state=off] .icon-on{display:none}.hud-button[data-state=off] .icon-off{display:block}.game-frame:has(.diner--start:not([hidden])) .hud-controls,.game-frame:has(.intro-overlay:not([hidden])) .hud-controls{z-index:11}.game-frame:has(.diner--start:not([hidden])) .hud-controls>:not(#music-button),.game-frame:has(.intro-overlay:not([hidden])) .hud-controls>:not(#music-button){display:none}.overlay-actions{display:flex;justify-content:center;gap:12px;margin-top:18px}.overlay-button{min-height:44px;padding:0 24px;border:0;border-radius:999px;color:#2f2711;background:#ffd44a;box-shadow:0 5px #b98e08;font-weight:900;cursor:pointer}.overlay-button--quiet{color:#17324a;background:#d8e9e2;box-shadow:0 5px #789a8e}.overlay-button:active{transform:translateY(3px);box-shadow:0 2px #789a8e}.overlay-button:focus-visible{outline:4px solid #ffffff;outline-offset:4px}.map-credit{position:absolute;bottom:4px;left:8px;margin:0;padding:1px 6px;border-radius:4px;color:#173228d9;background:#f5ebd4b3;font-size:.62rem;line-height:1.2;transition:bottom .35s ease}.map-credit a{color:inherit}.map-credit a:hover{color:#17324a}.weather-ticker.is-visible~.map-credit{bottom:44px}@media(max-width:640px){.hud-strip{max-width:calc(100% - 156px);border-width:4px}.hud-stat{padding:5px 7px}.hud-stat__label,#rescue-state{display:none}.hud-stat__value{gap:4px;font-size:16px}.hud-stat__icon{height:15px}#level-number:before{color:#ffd44a;content:"Lv"}#score{color:#ffd44a}.hud-controls{gap:6px}.hud-button{width:38px;height:36px}.diner--start .diner__sign{padding-right:56px;padding-left:56px}.weather-ticker.is-visible~.map-credit{bottom:36px}}@media(prefers-reduced-motion:reduce){.hud-strip.is-danger,.hud-strip .is-bumped{animation:none}.map-credit{transition:none}}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;touch-action:none}button{touch-action:manipulation}.touch-stick{position:absolute;top:-44px;left:-44px;width:88px;height:88px;border:3px solid rgba(255,248,223,.7);border-radius:50%;background:#0f262147;pointer-events:none}.touch-stick[hidden]{display:none}.touch-stick__knob{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #fff8df;border-radius:50%;background:#ffd44ae6;box-shadow:0 4px 12px #0000004d}.touch-only{display:none}@media(hover:none)and (pointer:coarse){.keyboard-only{display:none}.touch-only{display:inline}}@media(max-width:600px){.game-shell{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.game-frame{border-width:4px;border-radius:12px}}.weather-ticker{--ticker-accent: #f2c230;--ticker-accent-text: #2f2711;position:absolute;right:0;bottom:0;left:0;display:flex;align-items:stretch;height:38px;color:#fff;background:#0d2242e6;box-shadow:0 -2px 0 var(--ticker-accent);font-size:.95rem;font-weight:800;line-height:38px;white-space:nowrap;transform:translateY(110%);transition:transform .35s ease}.weather-ticker.is-visible{transform:translateY(0)}.weather-ticker[data-level=flood]{--ticker-accent: #f08c1a;--ticker-accent-text: #2f1a05}.weather-ticker[data-level=closed],.weather-ticker[data-level=breaking]{--ticker-accent: #d63a2f;--ticker-accent-text: #ffffff}.weather-ticker__brand{flex:none;padding:0 12px;color:#0d2242;background:#f5ebd4;font-size:.85rem;font-weight:900;letter-spacing:.04em}.weather-ticker__brand span{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.weather-ticker__tag{flex:none;padding:0 12px;color:var(--ticker-accent-text);background:var(--ticker-accent);font-size:.8rem;font-weight:900;letter-spacing:.08em}.weather-ticker[data-level=breaking] .weather-ticker__tag{animation:ticker-flash .9s steps(2,jump-none) infinite}.weather-ticker__window{position:relative;flex:1;overflow:hidden}.weather-ticker__text{display:inline-block;margin:0;padding:0 14px;will-change:transform}@keyframes ticker-flash{0%{background:var(--ticker-accent)}to{background:#7b1d17}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:640px){.weather-ticker{height:32px;font-size:.8rem;line-height:32px}.weather-ticker__brand span{display:none}}@media(prefers-reduced-motion:reduce){.weather-ticker{transition:none}.weather-ticker[data-level=breaking] .weather-ticker__tag{animation:none}}@media(max-height:480px){.win-overlay{padding:14px 20px}.overlay-actions{margin-top:10px}.win-overlay .win-overlay__title{margin:4px 0 6px;font-size:1.6rem}}.diner{--u: min(1vw, 1.72vh);--ink: #1c1a17;--tile-yellow: #ffd44a;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-rows:auto minmax(min-content,1fr) auto;overflow-x:hidden;overflow-y:auto;color:#2a1d17;background:linear-gradient(#f6e7c4 0,#f6e7c4 66%,#2a1d17 66%,#2a1d17 66.8%,#a3482f 66.8%,#a3482f);font-family:Silkscreen,ui-monospace,monospace;font-size:calc(var(--u) * 1.8);line-height:1.1;text-transform:uppercase}.diner[hidden]{display:none}.diner p,.diner ol,.diner h2{margin:0}.diner--start{z-index:3}.game-frame:has(.diner--over-map:not([hidden])) .hud-strip{display:none}.diner--closed{background:linear-gradient(#33202b 0,#33202b 66%,#120d10 66%,#120d10 66.8%,#5a2a22 66.8%,#5a2a22)}.diner__sign{padding:calc(var(--u) * 2.4) calc(var(--u) * 2) calc(var(--u) * .6);text-align:center}.diner--over-map .diner__sign{padding-top:max(calc(var(--u) * 2.4),calc(var(--hud-clearance, 54px) + 8px))}.diner__tiles{--tile: calc(var(--u) * 7);display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--tile) * .14) calc(var(--tile) * .45)}.diner__tiles--title{--tile: calc(var(--u) * 4.4)}.diner__tile-word{display:flex;gap:calc(var(--tile) * .07)}.diner__tile{display:grid;width:var(--tile);height:var(--tile);place-items:center;border:calc(var(--tile) * .07) solid var(--ink);box-sizing:border-box;color:var(--ink);background:var(--tile-yellow);box-shadow:0 calc(var(--tile) * .08) 0 #2a1d1747;font-size:calc(var(--tile) * .7);font-weight:700;line-height:1;animation:diner-tile-drop .3s cubic-bezier(.3,1.5,.5,1) both}@keyframes diner-tile-drop{0%{opacity:0;translate:0 calc(var(--tile) * -.7)}}.diner__tiles--crooked .diner__tile:nth-child(3n+2){rotate:-6deg;translate:0 6%}.diner__tiles--crooked .diner__tile:nth-child(4n){rotate:5deg}.diner__sub{margin-top:calc(var(--u) * 1.4);color:#6e2d20;font-size:max(11px,calc(var(--u) * 2.1))}.diner--closed .diner__sub{color:#ffd9a8}.diner__body{display:grid;grid-auto-columns:auto;grid-auto-flow:column;align-items:center;justify-content:center;gap:calc(var(--u) * 19);padding:calc(var(--u) * .6) calc(var(--u) * 2)}.diner--start .diner__body{gap:calc(var(--u) * 2.5);padding:calc(var(--u) * .4) calc(var(--u) * 2)}.diner--start .diner__sign{padding-top:calc(var(--u) * 1.6)}.diner--start .diner__floor{height:calc(var(--u) * 5)}.diner--start .diner__sub{margin-top:calc(var(--u) * 1)}.diner__floor{position:relative;height:calc(var(--u) * 5.6);border-top:calc(var(--u) * .5) solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%,#f5ebd4 0 50%) 0 0 / calc(var(--u) * 6) calc(var(--u) * 6)}.diner__pair{position:absolute;bottom:calc(var(--u) * 4);left:50%;display:flex;align-items:flex-end;gap:calc(var(--u) * 1.4);translate:-50% 0}.diner__sprite{display:block;flex:none;width:auto;image-rendering:pixelated}.diner__sprite[hidden]{display:none}.diner__sprite--hero{height:calc(var(--u) * 12);animation:diner-hop .5s steps(2,jump-none) infinite}@keyframes diner-hop{to{translate:0 calc(var(--u) * -1.2)}}.diner__sprite--maya{height:calc(var(--u) * 8.2);scale:-1 1}.diner__sprite--board{height:calc(var(--u) * 5.6)}.diner__sprite--dinosaur{height:calc(var(--u) * 12)}.diner__check{position:relative;width:calc(var(--u) * 36);padding:calc(var(--u) * 1.4) calc(var(--u) * 2) calc(var(--u) * 2);box-sizing:border-box;color:#2b3a2e;background:#fffdf2;box-shadow:calc(var(--u) * .6) calc(var(--u) * .8) 0 #2a1d174d;font-family:VT323,ui-monospace,monospace;font-size:max(13px,calc(var(--u) * 2.5));line-height:1.1;rotate:-2.5deg}.diner__check:after{position:absolute;right:0;bottom:calc(var(--u) * -1.2);left:0;height:calc(var(--u) * 1.2);background:linear-gradient(135deg,#fffdf2 50%,transparent 50%) 0 0 / calc(var(--u) * 2.4) 100%,linear-gradient(225deg,#fffdf2 50%,transparent 50%) 0 0 / calc(var(--u) * 2.4) 100%;content:""}.diner__check-head{color:#2f7d4f;font-size:1.28em;letter-spacing:.12em;text-align:center}.diner__check-meta{display:flex;justify-content:space-between;gap:1em;font-size:.76em}.diner__rule{margin:calc(var(--u) * .7) 0;border-top:calc(var(--u) * .25) dashed #2b3a2e}.diner__line{display:grid;grid-template-columns:1.05em minmax(0,1fr) auto 3.8em;gap:.32em}.diner__amount{text-align:right}.diner__line--total{grid-template-columns:1fr auto;font-size:1.52em}.diner__line--extra{grid-template-columns:1fr auto;font-size:.8em;opacity:.75}.diner__step{visibility:hidden}.diner__step.is-in{visibility:visible}.diner__thanks{margin-top:calc(var(--u) * .8);color:#2f7d4f;font-size:.72em;text-align:left}.diner__stamp{position:absolute;right:18%;bottom:calc(var(--u) * .5);padding:calc(var(--u) * .5) calc(var(--u) * 1.4);border:calc(var(--u) * .5) solid #d63a2f;color:#d63a2f;font-family:Silkscreen,ui-monospace,monospace;font-size:calc(var(--u) * 2.3);font-weight:700;opacity:0;rotate:-9deg;scale:3}.diner__stamp.is-in{opacity:.85;scale:1;transition:scale .16s ease-in,opacity .08s linear}.diner__check--list{width:calc(var(--u) * 27);font-size:max(13px,calc(var(--u) * 2.1));rotate:2deg}.diner__check--list summary{cursor:pointer;list-style:none}.diner__check--list summary::-webkit-details-marker{display:none}.diner__check--list summary:after{content:" +"}.diner__check--list[open] summary:after{content:""}.diner__check--list .leaderboard__list{max-height:calc(var(--u) * 21);overflow-y:auto}.leaderboard[hidden]{display:none}.leaderboard__list{margin-top:.4em;padding:0;list-style:none}.leaderboard__row{display:grid;grid-template-columns:1.6em minmax(0,1fr) auto auto;gap:0 .5em;align-items:baseline;padding:.08em .25em}.leaderboard__row.is-you{color:var(--ink);background:var(--tile-yellow)}.leaderboard__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard__level{font-size:.85em;opacity:.7}.leaderboard__score{text-align:right}.leaderboard__message{grid-column:2 / -1;font-size:.82em;opacity:.75;overflow-wrap:anywhere;text-transform:none}.leaderboard__note{margin-top:.4em;font-size:.85em;text-align:center;opacity:.8}.leaderboard__note:empty{display:none}.diner__board{width:calc(var(--u) * 36);padding:calc(var(--u) * 1.6) calc(var(--u) * 2);border:calc(var(--u) * .8) solid #7a4a2b;box-sizing:border-box;color:#fff;background:var(--ink);box-shadow:calc(var(--u) * .6) calc(var(--u) * .8) 0 #2a1d174d}.diner--start .diner__board{width:calc(var(--u) * 24)}.diner__board-top{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--u) * 1)}.diner__board-kicker{color:var(--tile-yellow);font-size:max(11px,calc(var(--u) * 1.5));font-weight:400;letter-spacing:.08em}.diner__board-level{margin-top:calc(var(--u) * .6);font-size:calc(var(--u) * 3.6);font-weight:700;white-space:nowrap}.diner__board-name{margin-top:calc(var(--u) * 1.4);font-size:calc(var(--u) * 2.3);font-weight:700}.diner__board-detail{margin-top:calc(var(--u) * .6);color:#f3e3bd;font-size:max(11px,calc(var(--u) * 1.5));line-height:1.3}.diner__board--help{display:grid;gap:calc(var(--u) * 1.2)}.diner__board-preview{display:block;width:100%;height:auto;border:calc(var(--u) * .4) solid #f3e3bd;box-sizing:border-box;cursor:pointer}.diner__board--help .diner__button{margin-top:0;padding:calc(var(--u) * .9) calc(var(--u) * .6);font-size:max(13px,calc(var(--u) * 1.9));white-space:nowrap}.diner__button{display:block;width:100%;margin-top:calc(var(--u) * 1.6);padding:calc(var(--u) * 1) calc(var(--u) * 2);border:calc(var(--u) * .5) solid var(--ink);color:var(--ink);background:var(--tile-yellow);box-shadow:0 calc(var(--u) * .6) 0 #b98e08;font:700 max(14px,calc(var(--u) * 2.4)) Silkscreen,ui-monospace,monospace;text-transform:uppercase;cursor:pointer}.diner__button:hover{background:#ffe07a}.diner__button:active{box-shadow:0 calc(var(--u) * .2) 0 #b98e08;translate:0 calc(var(--u) * .4)}.diner__button:focus-visible,.character-option:has(input:focus-visible){outline:calc(var(--u) * .45) solid #d63a2f;outline-offset:calc(var(--u) * .35)}.diner__button:disabled{cursor:wait;opacity:.6}.diner__button--quiet{background:#f5ebd4;box-shadow:0 calc(var(--u) * .6) 0 #b9b3a5;font-size:max(13px,calc(var(--u) * 1.8))}.diner__button--quiet:hover{background:#fff8e6}.diner__start{display:grid;gap:calc(var(--u) * 1.1);width:calc(var(--u) * 34);justify-items:center}.diner__window{width:100%;border:calc(var(--u) * .7) solid #7a4a2b;box-sizing:border-box;background:#bfe6f5;box-shadow:calc(var(--u) * .6) calc(var(--u) * .8) 0 #2a1d174d;line-height:0}.start-scene{display:block;width:100%;aspect-ratio:480 / 124;image-rendering:pixelated}.diner__start .diner__button{width:auto;margin-top:0;padding:calc(var(--u) * .9) calc(var(--u) * 3.4);font-size:max(16px,calc(var(--u) * 2.8));white-space:nowrap}.diner__start .diner__button--quiet{padding:calc(var(--u) * .5) calc(var(--u) * 2);box-shadow:0 calc(var(--u) * .4) 0 #b9b3a5;font-size:max(12px,calc(var(--u) * 1.5))}.character-picker{min-width:0;margin:0;padding:0;border:0}.character-picker__legend{width:100%;margin-bottom:calc(var(--u) * .8);padding:0;color:#6e2d20;font-size:max(11px,calc(var(--u) * 1.6));letter-spacing:.08em;text-align:center}.character-picker__options{display:flex;justify-content:center;gap:calc(var(--u) * 1.2)}.character-option{position:relative;display:flex;align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .6) calc(var(--u) * 1.4) calc(var(--u) * .6) calc(var(--u) * 1);border:calc(var(--u) * .4) solid var(--ink);background:#fffdf2;box-shadow:0 calc(var(--u) * .5) 0 #2a1d1747;cursor:pointer}.character-option:hover{background:#fff3c4}.character-option:has(input:checked){background:var(--tile-yellow)}.character-option input{position:absolute;opacity:0;pointer-events:none}.character-option__portrait{width:auto;height:calc(var(--u) * 5.4);image-rendering:pixelated}.character-option__name{font-size:max(12px,calc(var(--u) * 1.9));font-weight:700;line-height:1}.diner__board--scores{width:calc(var(--u) * 36)}.score-form{display:grid;gap:calc(var(--u) * .9)}.score-form[hidden]{display:none}.score-form__field{display:grid;gap:calc(var(--u) * .4);color:#f3e3bd;font-size:max(11px,calc(var(--u) * 1.4))}.score-form__optional{opacity:.7}.score-form__field input{width:100%;min-height:max(40px,calc(var(--u) * 3.8));padding:0 calc(var(--u) * 1);border:calc(var(--u) * .3) solid #f3e3bd;border-radius:0;box-sizing:border-box;color:#fff;background:#2b2824;font:max(16px,calc(var(--u) * 2.4)) VT323,ui-monospace,monospace}.score-form__field input:focus-visible{border-color:var(--tile-yellow);outline:none}.score-form .diner__button{margin-top:calc(var(--u) * .4)}.score-form__status{margin-top:calc(var(--u) * .8);color:var(--tile-yellow);font-size:max(11px,calc(var(--u) * 1.5))}.diner__board--scores .leaderboard__list{max-height:calc(var(--u) * 14.5);overflow-y:auto;font-family:VT323,ui-monospace,monospace;font-size:max(14px,calc(var(--u) * 2.3))}.howto{width:min(calc(var(--u) * 52),94vw);max-height:94vh;padding:calc(var(--u) * 1.4) calc(var(--u) * 2) calc(var(--u) * 1.8);border:calc(var(--u) * .8) solid #7a4a2b;box-sizing:border-box;overflow-y:auto;color:#fff;background:var(--ink)}.howto::backdrop{background:#140c0ab8}.howto__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--u) * 1)}.howto__close{display:grid;width:max(36px,calc(var(--u) * 3.4));height:max(36px,calc(var(--u) * 3.4));padding:0;place-items:center;border:calc(var(--u) * .35) solid #f3e3bd;color:#f3e3bd;background:none;font:700 max(16px,calc(var(--u) * 2)) Silkscreen,ui-monospace,monospace;line-height:1;cursor:pointer}.howto__close:hover{color:var(--ink);background:#f3e3bd}.howto__close:focus-visible{outline:calc(var(--u) * .45) solid #d63a2f;outline-offset:calc(var(--u) * .35)}.howto__picture{position:relative;border:calc(var(--u) * .5) solid #f3e3bd;background:#8ecf79;line-height:0}.howto__picture img{display:block;width:100%;height:auto;aspect-ratio:16 / 9}.howto__keys{position:absolute;bottom:calc(var(--u) * 1.2);left:calc(var(--u) * 1.2);display:grid;grid-template:repeat(2,calc(var(--u) * 3.6)) / repeat(3,calc(var(--u) * 3.6));gap:calc(var(--u) * .4);padding:calc(var(--u) * .8);background:#1c1a17cc}.howto__keys[hidden]{display:none}.howto__key{display:grid;place-items:center;border:calc(var(--u) * .35) solid var(--ink);background:#fffdf2;box-shadow:0 calc(var(--u) * .35) 0 #00000080}.howto__key:before{width:calc(var(--u) * 1.4);height:calc(var(--u) * 1.1);background:var(--ink);clip-path:polygon(50% 0,100% 100%,0 100%);content:""}.howto__key--up{grid-area:1 / 2}.howto__key--left{grid-area:2 / 1}.howto__key--left:before{rotate:-90deg}.howto__key--down{grid-area:2 / 2}.howto__key--down:before{rotate:180deg}.howto__key--right{grid-area:2 / 3}.howto__key--right:before{rotate:90deg}@media(hover:none)and (pointer:coarse){.howto__keys{display:none}}.howto__title{margin-top:calc(var(--u) * 1.4);color:var(--tile-yellow);font-size:max(18px,calc(var(--u) * 3));font-weight:700}.howto__text{min-height:3.45em;margin-top:calc(var(--u) * .7);color:#f3e3bd;font-family:VT323,ui-monospace,monospace;font-size:max(17px,calc(var(--u) * 2.5));line-height:1.15;text-transform:none}.howto__arrow{display:inline-block;height:1.15em;margin:0 .12em;vertical-align:-.24em}.howto__arrow svg{display:block;width:auto;height:100%}.howto__nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(var(--u) * 1.4);margin-top:calc(var(--u) * 1.4)}.howto__nav .diner__button{width:auto;margin-top:0;padding:calc(var(--u) * .8) calc(var(--u) * 2.2);font-size:max(14px,calc(var(--u) * 2));white-space:nowrap}.howto__nav .diner__button:first-child{justify-self:start}.howto__nav .diner__button:last-child{justify-self:end}.howto__nav .diner__button:disabled{cursor:default;opacity:.3}.howto__dots{display:flex;gap:calc(var(--u) * .8);padding:0;list-style:none}.howto__dots li{width:calc(var(--u) * 1.2);height:calc(var(--u) * 1.2);background:#5b564f}.howto__dots li.is-current{background:var(--tile-yellow)}@media(max-aspect-ratio:1/1),(max-width:700px){.diner{--u: min(2.05vw, 1.15vh);grid-template-rows:auto auto auto;align-content:space-between}.diner__tiles{--tile: calc(var(--u) * 4.4)}.diner__tiles--title{--tile: calc(var(--u) * 3)}.diner__body,.diner--start .diner__body{grid-auto-flow:row;gap:calc(var(--u) * 3.4);justify-items:center;padding-bottom:calc(var(--u) * 13)}.diner--start .diner__body{padding-bottom:calc(var(--u) * 3)}.diner__check,.diner__board,.diner--start .diner__board,.diner__board--scores,.diner__start{width:calc(var(--u) * 41);max-width:100%}.diner__sprite--hero,.diner__sprite--dinosaur{height:calc(var(--u) * 10)}.diner__sprite--maya{height:calc(var(--u) * 6.8)}.diner__start .diner__button--quiet{min-height:44px}}@media(prefers-reduced-motion:reduce){.diner__tile,.diner__sprite--hero{animation:none}.diner__stamp.is-in{transition:none}}.intro-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:16px;color:#fff8df;background:#0b1512;line-height:1.3;cursor:pointer}.intro-overlay[hidden]{display:none}.intro-overlay:focus{outline:none}.intro-stage{display:grid;gap:10px;flex:none;width:min(100%,980px,calc((100vh - 216px) * 16 / 9));width:min(100%,980px,calc((100dvh - 216px) * 16 / 9))}.intro-scene{display:block;width:100%;aspect-ratio:16 / 9;border:4px solid #f5ebd4;border-radius:10px;background:#000;image-rendering:pixelated}.intro-dialogue{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;min-height:92px;padding:10px 34px 10px 14px;border:4px solid #6b4a2f;border-radius:12px;color:#2f2711;background:#f5ebd4;box-shadow:0 5px #00000059;text-align:left}.intro-dialogue.is-empty{visibility:hidden}.intro-dialogue p{margin:0}.intro-dialogue__portrait{width:64px;border:3px solid #6b4a2f;border-radius:8px;background:#cfe3d4;image-rendering:pixelated}.intro-dialogue__name{color:#b0471f;font-family:Silkscreen,ui-monospace,Menlo,monospace;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.intro-dialogue__text{font-family:VT323,ui-monospace,Menlo,monospace;font-size:clamp(1.35rem,3.2vw,1.9rem);line-height:1.05}.intro-dialogue__next{position:absolute;right:12px;bottom:8px;color:#b0471f;font-size:.9rem;visibility:hidden;animation:intro-next-bob .8s ease-in-out infinite alternate}.intro-dialogue.is-waiting .intro-dialogue__next{visibility:visible}@keyframes intro-next-bob{to{transform:translateY(3px)}}.intro-dialogue.is-caption{grid-template-columns:minmax(0,1fr);padding:10px 14px;border-color:transparent;color:#fff8df;background:transparent;box-shadow:none;text-align:center}.intro-dialogue.is-caption .intro-dialogue__portrait,.intro-dialogue.is-caption .intro-dialogue__name{display:none}.intro-skip{position:absolute;top:10px;right:64px;z-index:1;min-height:40px;padding:0 16px;border:2px solid rgba(255,248,223,.35);border-radius:999px;color:#fff8df;background:#0b1512b8;font-family:Silkscreen,ui-monospace,Menlo,monospace;font-size:.8rem;font-weight:700;letter-spacing:.04em;cursor:pointer}.intro-skip:hover{background:#fff8df29}.intro-skip:focus-visible{outline:3px solid #ffd44a;outline-offset:3px}.intro-announcer{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-height:480px){.intro-overlay{padding:8px}.intro-stage{gap:6px;width:min(100%,calc((100vh - 142px) * 16 / 9));width:min(100%,calc((100dvh - 142px) * 16 / 9))}.intro-dialogue{min-height:62px;padding:6px 30px 6px 10px}.intro-dialogue__portrait{width:44px}.intro-dialogue__text{font-size:1.25rem}.intro-skip{top:10px;right:58px;min-height:34px}}@media(prefers-reduced-motion:reduce){.intro-dialogue__next{animation:none}}