:root{--ink:#14110E;--ink-2:#1D1916;--ink-3:#262019;--bone:#ECE4D3;--board-text:#F5EFDF;--muted:#8C8475;--line:#2C2620;--hazard:#E8B23A;--safelight:#E5482F;--go:#1C8FA3;--cyan:#46B6CB;--open:#5BBE7C;--closed:#E5482F;--soon:#E8B23A;--bg-1:#241f1a;--bg-2:#0c0a08;--appbar-bg:rgba(20,17,14,.86);--tabbar-bg:rgba(20,17,14,.92);--tab-on:#fff;--shadow:rgba(0,0,0,.5)}:root[data-theme=light]{--ink:#F3ECDD;--ink-2:#FBF7EC;--ink-3:#ffffff;--bone:#241F18;--board-text:#F5EFDF;--muted:#857C6B;--line:#E0D6C2;--hazard:#C8922A;--safelight:#D5402A;--go:#157C8E;--cyan:#0E7C90;--open:#3F9E5F;--closed:#D5402A;--soon:#C8922A;--bg-1:#fbf6ea;--bg-2:#e4d9c4;--appbar-bg:rgba(251,247,236,.86);--tabbar-bg:rgba(251,247,236,.92);--tab-on:#241F18;--shadow:rgba(60,45,20,.18)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(120% 80% at 50% 0%,var(--bg-1) 0%,var(--bg-2) 70%);color:var(--bone);font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;transition:background .3s ease,color .3s ease}.device{width:100%;max-width:720px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:var(--ink)}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 14px) 18px 12px;background:var(--appbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{font-family:Anton,sans-serif;font-size:clamp(15px,4.4vw,19px);letter-spacing:.01em;white-space:nowrap}.brand .dot{color:var(--safelight)}.barActions{display:flex;gap:4px}.iconbtn{background:none;border:none;color:var(--bone);cursor:pointer;padding:6px;border-radius:8px}.iconbtn:active{background:var(--ink-2)}.iconbtn:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 96px}.view{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.hazard{height:11px;width:100%;background:repeating-linear-gradient(45deg,var(--hazard) 0 15px,#171310 15px 30px)}.placard{position:relative;border:3px solid var(--board-text);border-radius:8px;box-shadow:0 0 0 4px #0006,0 18px 44px #00000080;overflow:hidden;transition:background .8s ease}.placard.lvl-fresh{background:#13705a}.placard.lvl-warm{background:#5a4a16}.placard.lvl-hot{background:#6a3614}.placard.lvl-crisis{background:#5c1f15}.placard-inner{padding:20px 16px 18px;text-align:center}.placard .eyebrow{color:#f5efdfb3}.head{font-family:Anton,sans-serif;text-transform:uppercase;color:var(--board-text);font-size:clamp(16px,4.6vw,22px);line-height:1.08;margin:6px 0 2px}.bignum{font-family:Anton,sans-serif;color:var(--board-text);font-size:clamp(64px,24vw,104px);line-height:.86}.unit{font-family:Anton,sans-serif;text-transform:uppercase;color:var(--board-text);font-size:clamp(18px,6vw,26px);letter-spacing:.06em}.timer{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:10px 0 4px}.timer .seg{display:flex;flex-direction:column;align-items:center;line-height:1}.timer .t-num{font-family:Anton,sans-serif;color:var(--board-text);font-variant-numeric:tabular-nums;line-height:.84;font-size:clamp(34px,11vw,58px)}.timer .seg-d .t-num{font-size:clamp(58px,21vw,104px)}.timer .t-lbl{font-family:IBM Plex Mono,monospace;text-transform:uppercase;letter-spacing:.14em;font-size:clamp(9px,2.6vw,12px);color:#f5efdfb8;margin-top:7px}.subhead{font-family:Anton,sans-serif;text-transform:uppercase;color:#f5efdfcc;font-size:clamp(12px,3.4vw,15px);letter-spacing:.04em;margin-top:2px}.clock{font-family:IBM Plex Mono,monospace;font-size:clamp(18px,5vw,24px);letter-spacing:.18em;color:#f5efdfe0;margin-top:6px;font-variant-numeric:tabular-nums}.shame{margin:14px auto 0;max-width:34ch;color:var(--board-text);font-size:15px;font-weight:500}.fromline{font-family:IBM Plex Mono,monospace;font-size:12px;color:#f5efdfb3;margin-top:12px}.rebate{position:absolute;top:11px;bottom:11px;left:0;width:13px;background:#0b0907;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:6px 0}.sprk{width:5px;height:7px;background:#f5efdf40;border-radius:1px}.dxcode{position:absolute;right:8px;bottom:6px;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.1em;color:#f5efdf80}.fun{margin-top:14px}.fun .lede{margin-top:4px;color:var(--bone);font-weight:500}.funlist{list-style:none;margin-top:12px}.funlist li{position:relative;padding:9px 0 9px 20px;font-size:14px;border-bottom:1px solid var(--line)}.funlist li:last-child{border-bottom:none}.funlist li:before{content:"›";position:absolute;left:2px;top:8px;color:var(--cyan);font-weight:600}.funlist li.fresh{animation:pop .3s ease}@keyframes pop{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.funstat{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);margin-top:10px}.pilecard{margin-top:14px}.pile{display:flex;flex-wrap:wrap;gap:10px;padding:14px 0 2px}.roll{background:none;border:none;cursor:pointer;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;transition:transform .1s}.roll:active{transform:translateY(2px)}.roll:focus-visible{outline:3px solid var(--hazard);outline-offset:3px;border-radius:8px}.roll svg{display:block;filter:drop-shadow(0 7px 11px rgba(0,0,0,.45))}.roll .rdate{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted)}.addroll{background:none;border:2px dashed var(--line);border-radius:8px;width:60px;height:84px;color:var(--muted);font-size:30px;cursor:pointer}.addroll:hover{border-color:var(--bone);color:var(--bone)}.filmlen{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.filmlen-head{font-size:14px;font-weight:600;color:var(--bone);line-height:1.4}.filmlist{list-style:none;margin-top:8px}.filmlist li{position:relative;padding:6px 0 6px 18px;font-size:14px;color:var(--bone)}.filmlist li:before{content:"–";position:absolute;left:2px;color:var(--cyan)}.actions{display:flex;flex-direction:column;gap:11px;margin-top:16px}.btn{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:16px;border:none;border-radius:10px;padding:15px 18px;cursor:pointer;transition:transform .08s,filter .15s;text-align:center}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--go);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{background:var(--ink-2);color:var(--bone);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--muted)}.btn:focus-visible{outline:3px solid var(--hazard);outline-offset:2px}.btn-link{background:none;border:none;color:var(--cyan);font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.04em;cursor:pointer;text-decoration:underline;padding:8px 0;text-align:left}.backlink{display:inline-block;margin:0 0 6px;padding:4px 0}.btn-cta{display:flex;flex-direction:column;align-items:center;gap:3px;padding:16px}.btn-cta .cta-main{font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:23px;line-height:1}.btn-cta .cta-sub{font-size:13px;font-weight:500;opacity:.92}.card{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;padding:20px}.card h1{font-family:Anton,sans-serif;text-transform:uppercase;font-size:27px;margin:8px 0 4px}.lede{color:var(--muted);font-size:14px}label{display:block;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}input[type=text],input[type=date],input[type=datetime-local],input[type=number],input[type=password]{width:100%;background:var(--ink);border:1px solid var(--line);border-radius:8px;color:var(--bone);font-family:IBM Plex Sans,sans-serif;font-size:16px;padding:13px 14px}.minor{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);margin-top:6px}input:focus{outline:2px solid var(--go);border-color:var(--go)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.chip{background:var(--ink);border:1px solid var(--line);color:var(--bone);font-family:IBM Plex Mono,monospace;font-size:13px;padding:10px 15px;border-radius:20px;cursor:pointer}.chip:hover,.chip.on{border-color:var(--go);color:#fff}.loc-row{display:flex;gap:8px;margin-top:6px}.loc-row input{flex:1}.mini{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);background:var(--ink-2);border:1px solid var(--line);border-radius:8px;padding:0 12px;cursor:pointer;white-space:nowrap}.status{font-family:IBM Plex Mono,monospace;font-size:13px;color:var(--cyan);margin-top:14px;min-height:18px}.status.err{color:var(--safelight)}.top{border:1px solid var(--go);border-radius:14px;padding:18px;margin-top:16px;background:linear-gradient(180deg,rgba(28,143,163,.16),var(--ink-2))}.top .crown{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan)}.top .name{font-family:Anton,sans-serif;font-size:23px;text-transform:uppercase;margin-top:6px;line-height:1.05}.top .area{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);margin-top:3px}.openbadge{display:inline-flex;align-items:center;gap:6px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;border-radius:20px;padding:5px 11px;margin-top:12px;border:1px solid currentColor}.openbadge.open{color:var(--open)}.openbadge.closing,.openbadge.soon{color:var(--soon)}.openbadge.closed{color:var(--closed)}.openbadge .led{width:7px;height:7px;border-radius:50%;background:currentColor}.why{font-size:14px;margin-top:12px;color:var(--bone);opacity:.92}.filmok{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--open);text-decoration:none;border:1px solid var(--open);border-radius:20px;padding:4px 10px;margin-top:10px}.filmok:hover{filter:brightness(1.15)}.hoursnote{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--soon);margin-top:12px}.facts{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.fact{font-family:IBM Plex Mono,monospace;font-size:11px;border:1px solid var(--line);border-radius:6px;padding:5px 9px;color:var(--bone)}.fact b{color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-right:5px}.top-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.top-actions a{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:14px;text-decoration:none;color:var(--bone);border:1px solid var(--line);border-radius:9px;padding:11px 15px}.top-actions a.primary{background:var(--go);color:#fff;border-color:var(--go)}.hourswk{margin-top:13px;border-top:1px solid var(--line);padding-top:11px}.hourswk summary{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);cursor:pointer;list-style:none}.hourswk summary::-webkit-details-marker{display:none}.hrow{display:flex;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:12px;padding:3px 0;color:var(--bone)}.hrow.today{color:var(--cyan)}.hrow .d{color:var(--muted)}.more-h{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:22px 0 4px}.lab{border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:10px;background:var(--ink-2)}.lab .name{font-weight:600;font-size:15px}.lab .area{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);margin-top:2px}.lab .tag{display:inline-block;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:4px;padding:2px 7px;margin-top:8px;color:var(--muted)}.lab .note{font-size:13px;opacity:.82;margin-top:8px}.lab-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.lab-actions a{font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:none;color:var(--bone);border:1px solid var(--line);border-radius:20px;padding:9px 14px}.lab-actions a.primary{border-color:var(--go);color:#7fd6e6}.disclaim{font-size:11px;color:var(--muted);margin-top:16px;line-height:1.5}.stat{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 2px}.stat .k{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.stat .v{font-family:Anton,sans-serif;font-size:22px}.stat .v.good{color:var(--cyan)}.logitem{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);padding:9px 2px;border-bottom:1px solid var(--line)}.footnote{margin-top:16px;font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted)}.codebox{display:flex;gap:8px;margin-top:10px}.codebox input{flex:1;font-family:IBM Plex Mono,monospace;font-size:13px}.tabbar{position:sticky;bottom:0;z-index:20;display:flex;background:var(--tabbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbtn{flex:1;background:none;border:none;cursor:pointer;padding:10px 0 12px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.tabbtn.on{color:var(--tab-on)}.tabbtn svg{stroke:var(--muted);stroke-width:1.7;fill:none}.tabbtn.on svg{stroke:var(--go)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:none;align-items:flex-end;justify-content:center;z-index:60}.modal.open{display:flex}.sheet{background:var(--ink-2);border-top:3px solid var(--go);border-radius:18px 18px 0 0;max-width:430px;width:100%;max-height:82vh;overflow:auto;padding:22px 20px calc(env(safe-area-inset-bottom) + 26px)}.sheet h3{font-family:Anton,sans-serif;text-transform:uppercase;font-size:20px;margin-bottom:10px}.sheet p{font-size:13px;opacity:.85;margin-bottom:10px}.sheet .row{display:flex;gap:10px;margin-top:14px}.sheet .row .btn{flex:1}.funlist li.pin{color:var(--bone);font-weight:600}.funlist li.pin:before{content:"◆";color:var(--hazard);font-size:11px;top:10px}.funlist li.pin b{color:var(--cyan)}.adminlogin{max-width:360px;margin:8vh auto 0;text-align:center}.adminlogin .lede{margin-bottom:4px}.adminlogin label{text-align:left}.adminlogin input{text-align:center;letter-spacing:.3em}.adminlock{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--go);border:1px solid var(--line);background:var(--ink)}.admin .eyebrow{margin-bottom:4px}.admin h1{font-family:Anton,sans-serif;text-transform:uppercase;font-size:27px;margin:6px 0 4px}.signrow{border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:10px;background:var(--ink-2)}.signrow .name{font-weight:600;font-size:16px}.signrow .meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);margin-top:3px;word-break:break-word}.signrow .badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.badge{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);border-radius:5px;padding:3px 7px;color:var(--muted)}.badge.live{color:var(--open);border-color:var(--open)}.badge.exp{color:var(--soon);border-color:var(--soon)}.signrow .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.signrow .row button,.signrow .row a{font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:none;cursor:pointer;color:var(--bone);background:none;border:1px solid var(--line);border-radius:20px;padding:8px 13px}.signrow .row .danger{color:var(--safelight);border-color:var(--safelight)}.admin-count{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);margin:16px 0 4px}.coming{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--ink-2);margin-top:8vh}.coming-inner{padding:34px 24px 30px;text-align:center}.coming-inner h1{font-family:Anton,sans-serif;text-transform:uppercase;font-size:clamp(26px,8vw,40px);margin:10px 0 8px}.coming-inner .lede{max-width:34ch;margin:0 auto}.coming-dot{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.coming-dot .led{width:8px;height:8px;border-radius:50%;background:var(--safelight);box-shadow:0 0 8px var(--safelight)}.game h1{font-family:Anton,sans-serif;text-transform:uppercase;margin:6px 0 4px}.game-stage{position:relative;display:flex;justify-content:center;margin-top:14px}.game-canvas{image-rendering:pixelated;border:3px solid var(--line);border-radius:8px;background:#26211b;max-width:100%}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0c0a08c7;border-radius:8px;text-align:center;padding:20px}.g-big{font-family:Anton,sans-serif;text-transform:uppercase;font-size:30px;color:var(--board-text)}.g-sub{font-size:14px;color:var(--bone);max-width:26ch}.dpad{display:grid;grid-template-columns:repeat(3,58px);grid-template-rows:repeat(2,58px);gap:8px;justify-content:center;margin-top:18px}.dbtn{background:var(--ink-2);border:1px solid var(--line);border-radius:12px;color:var(--bone);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation;user-select:none;-webkit-user-select:none}.game-canvas{touch-action:none}.dbtn:active{background:var(--ink-3);transform:translateY(1px)}.dbtn.up{grid-column:2;grid-row:1}.dbtn.left{grid-column:1;grid-row:2;transform:rotate(-90deg)}.dbtn.right{grid-column:3;grid-row:2;transform:rotate(90deg)}.dbtn.down{grid-column:2;grid-row:2;transform:rotate(180deg)}.dbtn.left:active,.dbtn.right:active,.dbtn.down:active{transform:none}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}