@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-ext-700-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#f2efe8;--bg-sunk:#e7e2d8;--ink:#111;--ink-soft:#5c584f;--ink-faint:#8d887c;--hairline:#d5cfc2;--accent:#ff4f1f;--accent-ink:#fff;--accent-soft:#ffe4da;--wall-bg:#171513;--wall-ink:#f2efe8;--wall-edge:#2c2925;--door-face:#f2efe8;--door-face-empty:#b9b2a4;--door-ink:#17150f;--door-edge:#0002;--door-cavity:#0d0c0a;--door-outgoing:#9a9488;--door-marked:#ff4f1f;--panel-bg:#17150f;--panel-ink:#f7f4ee;--panel-ink-soft:#a9a396;--panel-edge:#322e26;--parcel-red:#d4342a;--parcel-orange:#e2761b;--parcel-yellow:#e8bc2b;--parcel-green:#3f8f4a;--parcel-blue:#2f5fbe;--parcel-violet:#7a4bbd;--parcel-ink:#fff;--radius-sm:3px;--radius-md:7px;--radius-lg:14px;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--step--1:clamp(.69rem, .66rem + .15vw, .78rem);--step-0:clamp(.84rem, .8rem + .2vw, .95rem);--step-1:clamp(1.05rem, .98rem + .35vw, 1.25rem);--step-2:clamp(1.4rem, 1.24rem + .8vw, 2rem);--step-3:clamp(2rem, 1.6rem + 2vw, 3.2rem);--step-4:clamp(2.6rem, 1.9rem + 3.4vw, 4.4rem);--tracking-wide:.14em;--shadow-door:0 1px 0 #fff5 inset, 0 1px 2px #00000038;--shadow-panel:0 2px 14px #00000024;--shadow-lift:0 6px 20px #0000002e;--motion:.2s;--motion-fast:.11s;--motion-slow:.48s;--ease:cubic-bezier(.2, .7, .3, 1);--unit-min:24px;--unit-max:40px;--unit:var(--unit-max);--gap:3px;--hit-min:40px;--space-1:4px;--space-2:8px;--space-3:14px;--space-4:22px;--wall-columns:3}@media (prefers-reduced-motion:reduce){:root{--motion:0s;--motion-fast:0s;--motion-slow:0s}}[data-theme=signage]{--bg:#f2efe8;--bg-sunk:#e7e2d8;--ink:#111;--ink-soft:#5c584f;--ink-faint:#8d887c;--hairline:#d5cfc2;--accent:#ff4f1f;--accent-ink:#fff;--accent-soft:#ffe4da;--wall-bg:#171513;--wall-ink:#f2efe8;--wall-edge:#2c2925;--door-face:#f2efe8;--door-face-empty:#b9b2a4;--door-ink:#17150f;--door-edge:#0002;--door-cavity:#0d0c0a;--door-outgoing:#9a9488;--door-marked:#ff4f1f;--panel-bg:#17150f;--panel-ink:#f7f4ee;--panel-ink-soft:#a9a396;--panel-edge:#322e26;--parcel-red:#d4342a;--parcel-orange:#e2761b;--parcel-yellow:#e8bc2b;--parcel-green:#3f8f4a;--parcel-blue:#2f5fbe;--parcel-violet:#7a4bbd;--parcel-ink:#fff}[data-theme=signage] .scenery{block-size:0;display:block;overflow:hidden}*,:before,:after{box-sizing:border-box}html,body{block-size:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;line-height:1.4}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{block-size:100dvh;inline-size:100%}.screen{block-size:100dvh;inline-size:100%;max-inline-size:62rem;padding:var(--space-3);margin-inline:auto;display:none;overflow-y:auto}#app[data-screen=title] #screen-title,#app[data-screen=howto] #screen-howto,#app[data-screen=game] #screen-game,#app[data-screen=result] #screen-result,#app[data-screen=day] #screen-day,#app[data-screen=week] #screen-week,#app[data-screen=fail] #screen-fail{flex-direction:column;display:flex}#app[data-screen=game] #screen-game{gap:var(--space-2);padding:var(--space-2);overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--hit-min);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--ink);background:var(--bg);letter-spacing:.01em;transition:transform var(--motion-fast) var(--ease), background var(--motion-fast) var(--ease);font-weight:700;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-size:var(--step-1);padding-inline:var(--space-4)}.btn--ghost{border-color:var(--hairline);background:0 0;font-weight:400}.btn--small{min-block-size:var(--hit-min);min-inline-size:var(--hit-min);padding:var(--space-1) var(--space-2);font-size:var(--step--1);letter-spacing:.06em}.btn--mute[data-muted=true]{color:var(--ink-faint);text-decoration:line-through}.toggles{gap:var(--space-2);align-items:center;display:flex}.brand{font-size:var(--step-2);letter-spacing:-.02em;margin:0;font-weight:700}.brand__dot{color:var(--accent)}.rule{border:0;border-block-start:1px solid var(--hairline);margin-block:var(--space-3)}#screen-title{gap:var(--space-4);text-align:start}.title__body{gap:var(--space-4);flex-direction:column;margin-block:auto;display:flex}.title__mark{font-size:var(--step-4);letter-spacing:-.035em;margin:0;font-weight:700;line-height:.95}.title__tagline{font-size:var(--step-1);color:var(--ink-soft);max-inline-size:26ch;margin:0}.title__actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.title__stats{gap:var(--space-4);font-size:var(--step--1);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-faint);display:flex}.title__foot{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--step--1);color:var(--ink-faint);margin-block-start:auto;display:flex}#screen-howto{gap:var(--space-3)}.howto__steps{gap:var(--space-3);counter-reset:step;margin:0;padding:0;list-style:none;display:grid}.howto__step{gap:var(--space-3);font-size:var(--step-1);grid-template-columns:auto 1fr;align-items:start;display:grid}.howto__step:before{counter-increment:step;content:counter(step);background:var(--accent);block-size:2rem;inline-size:2rem;color:var(--accent-ink);font-weight:700;font-size:var(--step-0);border-radius:50%;place-items:center;display:grid}.howto__note{color:var(--ink-soft);max-inline-size:48ch}.hud{align-items:center;gap:var(--space-1) var(--space-2);font-size:var(--step--1);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;flex:none;display:flex}@media (min-width:640px){.hud{gap:var(--space-3)}}.hud__count{font-variant-numeric:tabular-nums}.hud__phase{color:var(--ink);font-weight:700}.hud__clock{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.hud__score{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700;font-size:var(--step-0);white-space:nowrap}.hud__buttons{gap:var(--space-1);margin-inline-start:auto;display:flex}@media (min-width:640px){.hud__score{margin-inline-start:auto}.hud__buttons{margin-inline-start:0}}.hud__meter{background:var(--bg-sunk);border-radius:999px;flex:1 0 100%;order:9;block-size:3px;overflow:hidden}@media (min-width:640px){.hud__meter{flex:4rem;order:0}}.hud__meter:after{content:"";block-size:100%;inline-size:var(--fill,0%);background:var(--accent);transition:inline-size var(--motion-fast) linear;display:block}.scenery{flex:none;block-size:0;display:block;overflow:hidden}.stage{--gap-now:var(--gap);min-block-size:0;max-block-size:calc(12 * var(--unit) + 11 * var(--gap-now) + 2 * var(--space-2) + 6rem);grid-template-columns:repeat(var(--wall-columns), minmax(0, 1fr));grid-template-rows:auto repeat(12, minmax(var(--unit-min), 1fr));gap:var(--gap-now);padding:var(--space-2);border-radius:var(--radius-lg);background:var(--wall-bg);box-shadow:var(--shadow-panel);flex:auto;display:grid}@media (min-width:640px){.stage{--gap-now:var(--space-2);grid-template-columns:var(--stage-columns,repeat(var(--wall-columns), minmax(0, 1fr)));grid-template-rows:repeat(12, minmax(var(--unit-min), 1fr));max-block-size:calc(12 * var(--unit) + 11 * var(--gap-now) + 2 * var(--space-2))}}.panel{justify-content:center;gap:var(--space-1);min-inline-size:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--panel-edge);background:var(--panel-bg);color:var(--panel-ink);flex-direction:column;grid-area:1/1/auto/-1;display:flex;overflow:hidden}@media (min-width:640px){.panel{grid-column:var(--panel-column,1);padding-block:var(--space-4);justify-content:flex-start;gap:var(--space-3);grid-row:1/-1}}.panel__kicker{font-size:var(--step--1);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--panel-ink-soft)}.panel__code{font-size:var(--step-3);font-variant-numeric:tabular-nums;letter-spacing:.06em;margin:0;font-weight:700;line-height:1}.panel__code[data-empty=true]{color:var(--panel-ink-soft);font-size:var(--step-1);letter-spacing:0}.panel__hint{align-items:center;gap:var(--space-2);font-size:var(--step-0);color:var(--panel-ink-soft);min-block-size:1.4em;display:flex}.panel__hint[hidden]{display:none}.panel__wait{background:var(--panel-edge);border-radius:999px;block-size:4px;overflow:hidden}@media (min-width:640px){.panel__wait{margin-block-start:auto}}.panel__wait:after{content:"";block-size:100%;inline-size:var(--fill,100%);background:var(--accent);transition:inline-size var(--motion-fast) linear;display:block}.swatch{border-radius:var(--radius-sm);background:var(--parcel-tint,var(--panel-ink-soft));flex:none;block-size:1.1em;inline-size:1.1em}[data-colour=red]{--parcel-tint:var(--parcel-red)}[data-colour=orange]{--parcel-tint:var(--parcel-orange)}[data-colour=yellow]{--parcel-tint:var(--parcel-yellow)}[data-colour=green]{--parcel-tint:var(--parcel-green)}[data-colour=blue]{--parcel-tint:var(--parcel-blue)}[data-colour=violet]{--parcel-tint:var(--parcel-violet)}.sticker{font-size:.9em;line-height:1}.sticker[data-sticker=none]{display:none}.sticker[data-sticker=fragile]:after{content:"⌁"}.sticker[data-sticker=arrow]:after{content:"↑"}.sticker[data-sticker=bang]:after{content:"!"}.door{min-inline-size:var(--hit-min);z-index:auto;grid-column:var(--col-narrow);grid-row:calc(var(--row) + 1) / span var(--span);position:relative}@media (min-width:640px){.door{grid-column:var(--col-wide);grid-row:var(--row) / span var(--span)}}.door__hit{inset-inline:calc(-.5 * var(--gap-now,var(--gap)));inline-size:calc(100% + var(--gap-now,var(--gap)));block-size:max(calc(100% + var(--gap-now,var(--gap))), var(--hit-min));position:absolute;inset-block-start:50%;transform:translateY(-50%)}.door__cavity,.door__face{z-index:1;border-radius:var(--radius-sm);position:absolute;inset:0}.door__cavity{background:var(--door-cavity);box-shadow:0 0 0 1px var(--wall-edge) inset}.door__face:after{content:"";background:var(--door-ink);opacity:.22;border-radius:999px;inline-size:2px;position:absolute;inset-block:28%;inset-inline-end:.42em}.door[data-state=marked] .door__face:after,.door[data-state=outgoing] .door__face:after{opacity:.4}.door__face{background:var(--door-face-empty);border:1px solid var(--door-edge);box-shadow:var(--shadow-door);transform-origin:0;transition:transform var(--motion) var(--ease), background var(--motion-fast) var(--ease), box-shadow var(--motion-fast) var(--ease);align-content:center;justify-items:start;padding-inline:.45em;display:grid}.door__size{font-size:var(--step--1);color:var(--door-ink);opacity:.45;letter-spacing:.04em;font-weight:700;line-height:1}.door__mark{font-size:var(--step-0);color:var(--accent);font-weight:700;line-height:1;position:absolute;inset-block-start:50%;inset-inline-end:1.5em;translate:0 -50%}.door[data-state=outgoing] .door__mark:after{content:"↑"}.door[data-state=expired] .door__mark:after{content:"!"}.door[data-state=marked] .door__mark:after{content:"×"}.door[data-jammed=true] .door__mark:after{content:"⚠"}.door[data-jammed=true] .door__face{background:repeating-linear-gradient(45deg, var(--door-face-empty) 0 5px, var(--door-outgoing) 5px 10px);border-color:var(--door-ink)}.door[data-jammed=true] .door__face:after{opacity:.5}.door[data-state=full] .door__face{background:var(--door-face)}.door[data-state=open] .door__face{box-shadow:none;transform:perspective(320px)rotateY(-74deg)}.door[data-state=outgoing] .door__face{background:var(--door-outgoing)}.door[data-state=expired] .door__face{background:var(--door-face);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.door[data-state=marked] .door__face{background:repeating-linear-gradient(-45deg, var(--door-face) 0 6px, var(--accent-soft) 6px 12px);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.door[data-hint=column] .door__face{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent) inset}@media (hover:hover){.door:hover .door__face{filter:brightness(1.06)}}.tray{gap:var(--space-2);flex:none;align-items:stretch;min-block-size:4.4rem;display:flex;overflow:hidden}.tray__empty{color:var(--ink-faint);font-size:var(--step--1);align-items:center;display:flex}.card{justify-content:center;gap:var(--space-1);min-inline-size:0;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--bg);text-align:start;transition:border-color var(--motion-fast) var(--ease);flex-direction:column;flex:1 1 0;display:flex}.card[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.card[data-upcoming=true]{background:var(--bg-sunk);border-style:dashed}.card__top{align-items:center;gap:var(--space-1);font-size:var(--step--1);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-faint);display:flex}.card__code{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--step-1);white-space:nowrap;text-overflow:ellipsis;line-height:1;overflow:hidden}.card__wait{background:var(--bg-sunk);border-radius:999px;block-size:3px;overflow:hidden}.card__wait:after{content:"";block-size:100%;inline-size:var(--fill,100%);background:var(--accent);transition:inline-size var(--motion-fast) linear;display:block}.size-badge{border-radius:var(--radius-sm);background:var(--ink);min-inline-size:1.5em;color:var(--bg);font-size:var(--step--1);place-items:center;padding-inline:.3em;font-weight:700;display:inline-grid}#screen-result{gap:var(--space-3)}.result__kicker{font-size:var(--step--1);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-faint)}.result__headline{font-size:var(--step-2);margin:0;font-weight:700}.result__score{font-size:var(--step-4);font-variant-numeric:tabular-nums;margin:0;font-weight:700;line-height:1}.result__grid{font-size:var(--step-1);letter-spacing:.08em;white-space:pre;margin:0;line-height:1.25;overflow-x:auto}.result__stats{gap:var(--space-1) var(--space-4);font-size:var(--step--1);color:var(--ink-soft);border-block-start:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));margin:0;padding:0;padding-block-start:var(--space-2);list-style:none;display:grid}.result__body{gap:var(--space-3);flex-direction:column;margin-block:auto;display:flex}.result__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.result__note{font-size:var(--step--1);color:var(--ink-faint);min-block-size:1.4em}.share-fallback{min-block-size:7rem;inline-size:100%;padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--bg-sunk);color:var(--ink);font:inherit;font-size:var(--step--1);resize:vertical}.share-fallback[hidden]{display:none}.stars{gap:.1em;line-height:1;display:inline-flex}.stars__star:after{content:"★";color:var(--hairline)}.stars__star[data-filled=true]:after{color:var(--accent)}.stars--large{font-size:var(--step-2)}.stars__star[data-lost=true]:after{animation:star-lost var(--motion-slow,.48s) var(--ease) both}@keyframes star-lost{0%{color:var(--accent);transform:scale(1)}40%{color:var(--accent);transform:scale(1.25)}to{color:var(--hairline);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.stars__star[data-lost=true]:after{animation:none}}.week-table{border-collapse:collapse;inline-size:100%;font-size:var(--step-0);font-variant-numeric:tabular-nums}.week-table td{padding:var(--space-1) 0;border-block-end:1px solid var(--hairline)}.week-table td:first-child{inline-size:4rem;font-weight:700}.week-table td:last-child{text-align:end}.week-table tr[data-failed=true] td{color:var(--accent)}.fail__lead{font-size:var(--step-1);color:var(--ink-soft);max-inline-size:34ch;margin:0}.hud__note{color:var(--accent);font-weight:700}.btn--week{background:var(--ink);border-color:var(--ink);color:var(--bg)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}