:root{--sun:#f7c31a;--sun-deep:#c99a05;--ink:#141414;--ink-soft:#2b2b2b;--paper:#f4f1ea;--lime:#9bd12b;--lime-deep:#4f7a0a;--royal:#1f6fe0;--royal-deep:#154fa3;--red:#e8412b;--sky:#2bb3e8;--pink:#f06ba8;--dusk:#e9c9a8;--dusk-deep:#c98a5c;--hud:#141414b8;--font-display:"Anton", "Impact", "Arial Narrow Bold", sans-serif;--font-ui:"Nunito", "Segoe UI", system-ui, sans-serif;--font-brush:"Permanent Marker", "Comic Sans MS", cursive;--radius-sm:10px;--radius:16px;--radius-lg:24px;--shadow-sm:0 2px 3px -1px #0000001a, 0 1px 0 0 #191c2105, 0 0 0 1px #191c2114;--shadow-md:0 0 0 1px #0000000f, 0 1px 1px -.5px #0000000f, 0 3px 3px -1.5px #0000000f, 0 6px 6px -3px #0000000f, 0 12px 12px -6px #0000000f, 0 24px 24px -12px #0000000f;--shadow-lg:0 2.8px 2.2px #00000009, 0 6.7px 5.3px #0000000c, 0 12.5px 10px #0000000f, 0 22.3px 17.9px #00000012, 0 41.8px 33.4px #00000016, 0 100px 80px #0000001f;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--dur-press:.12s;--dur-fast:.15s;--dur-enter:.26s;--enter-y:10px;--enter-scale:.96}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--paper);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance;font-weight:400;line-height:1}.slanted{font-style:italic;transform:skew(-6deg)}.brush{font-family:var(--font-brush);text-wrap:pretty;font-weight:400}.num{font-variant-numeric:tabular-nums}.label-caps{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.pill{--face:var(--sun);appearance:none;border:3px solid var(--ink);background:var(--face);color:var(--ink);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;box-shadow:0 5px 0 var(--ink);transition-property:transform,box-shadow,filter;transition-duration:var(--dur-press);transition-timing-function:var(--ease-out);-webkit-user-select:none;user-select:none;border-radius:999px;padding:.55em 1.6em;font-size:1.4rem;line-height:1.1;transform:translateY(0)}.pill:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)scale(.98)}.pill:disabled{filter:grayscale(.9)brightness(.85);cursor:not-allowed}@media (hover:hover) and (pointer:fine){.pill:hover:not(:disabled){filter:brightness(1.06)}}.pill.ghost{--face:var(--paper)}.pill.dark{--face:var(--ink-soft);color:var(--paper);border-color:#f4f1ead9;box-shadow:0 5px #0009}.pill.small{box-shadow:0 3px 0 var(--ink);padding:.45em 1.1em;font-size:1rem}.pill.small:active:not(:disabled){transform:translateY(2px)scale(.98)}a.pill{text-decoration:none;display:inline-block}.hud{background:var(--hud);border-radius:var(--radius);box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px #ffffff0f, var(--shadow-md);-webkit-backdrop-filter:blur(14px)saturate(160%)}.card{background:var(--paper);color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-md)}.hazard{background:repeating-linear-gradient(-45deg, var(--sun) 0 14px, var(--ink) 14px 28px);height:10px}.plate{background:var(--sun);color:var(--ink);border:4px solid var(--ink);border-radius:var(--radius-sm);box-shadow:0 6px 0 var(--ink);padding:.1em .35em .05em;display:inline-block}.badge{color:var(--paper);white-space:nowrap;font-variant-numeric:tabular-nums;background:#ffffff24;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;font-weight:800;display:inline-flex}.badge:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.rtc{background:var(--lime);color:var(--ink)}.badge.ws{background:var(--sun);color:var(--ink)}.badge.off{background:var(--red);color:#fff}.callout{text-align:center;pointer-events:none;z-index:30;animation:callout-in .28s var(--ease-out) both;position:absolute;top:18%;left:50%;translate:-50%}.callout .label{font-family:var(--font-ui);letter-spacing:.04em;color:var(--paper);text-shadow:0 2px #0009;font-size:1.1rem;font-weight:900}.callout .big{font-family:var(--font-display);letter-spacing:-.01em;color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 6px 0 var(--ink);text-wrap:balance;font-size:clamp(3rem,8vw,7rem);font-style:italic;line-height:1}.callout.out{animation:callout-out .2s var(--ease-out) both}@keyframes callout-in{0%{opacity:0;transform:scale(.85)}}@keyframes callout-out{to{opacity:0;transform:translateY(-8px)}}.enter{animation:enter var(--dur-enter) var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}@keyframes enter{0%{opacity:0;transform:translateY(var(--enter-y)) scale(var(--enter-scale))}}@keyframes fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){:root{--enter-y:0px;--enter-scale:1}@keyframes callout-in{0%{opacity:0}}@keyframes callout-out{to{opacity:0}}.pill:active:not(:disabled){transform:none}}@media (prefers-reduced-transparency:reduce){.hud{-webkit-backdrop-filter:none;background:#141414f0}}