@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--muted:#6d7b81;--paper:#f5f7f5;--card:#fff;--lime:#d9ff4c;--orange:#ff6d3b;--line:#dce3df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Space Grotesk,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.home{min-height:100svh;padding:24px;display:grid;align-content:center;grid-gap:44px;gap:44px;background:radial-gradient(circle at 90% 12%,#d9ff4c 0 8%,transparent 25%)}.brand h1{font-size:clamp(64px,20vw,132px);line-height:.76;letter-spacing:-.09em;margin:14px 0 28px}.brand h1 i{color:var(--orange);font-style:normal}.brand p{max-width:295px;font-size:18px;line-height:1.35}.eyebrow,.phase,.player-score span,.room-code,.section-title span{font:500 11px DM Mono,monospace;letter-spacing:.1em}.entry-card,.game-card,.host-main,.leaderboard,.monitor,.waiting{background:var(--card);border:1px solid var(--line);padding:22px;box-shadow:5px 5px 0 var(--ink)}.entry-card h2{margin-top:0}.entry-card label,label{display:grid;grid-gap:7px;gap:7px;margin:14px 0;font-size:14px;font-weight:600}input,textarea{border:1px solid var(--ink);padding:13px;background:#fff;border-radius:0;width:100%}textarea{min-height:78px}.primary,.secondary{border:1px solid var(--ink);padding:13px 16px;font-weight:700;width:100%}.primary{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.secondary{background:#fff}.divider{text-align:center;color:var(--muted);margin:14px}.loading{min-height:100svh;display:grid;place-content:center;font-size:22px}.room{max-width:1080px;margin:auto;padding:14px 14px 50px}.room:has(.color-host-layout){max-width:calc(100vw - 28px)}.room>header{display:flex;gap:12px;align-items:center;padding:7px 0 18px}.room header a{color:inherit;text-decoration:none;font:500 12px DM Mono,monospace}.room-code{margin-left:auto;background:var(--ink);color:#fff;padding:7px}.phase{padding:7px;background:#e7ece9}.phase.playing{background:var(--orange);color:#fff}.color-host-layout,.host-grid{display:grid;grid-gap:18px;gap:18px}.section-title h1{margin:4px 0 20px;text-transform:capitalize}.game-tabs{display:flex;gap:7px;overflow:auto}.game-tabs button{padding:9px 12px;border:1px solid var(--ink);background:#fff}.game-tabs .active{background:var(--ink);color:#fff}.actions{display:flex;gap:10px;margin-top:22px}.monitor{box-shadow:none}.leaderboard h2,.monitor h2{margin:0;font-size:17px}.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.answer,.rank{display:grid;grid-template-columns:1fr auto auto;grid-gap:12px;gap:12px;border-top:1px solid var(--line);padding:11px 0;margin-top:10px}.answer span{color:var(--muted)}.answer strong{color:var(--orange)}.leaderboard>p,.monitor>p{color:var(--muted)}.leaderboard{box-shadow:none;margin-top:18px;padding:16px}.rank{grid-template-columns:25px 1fr auto}.rank>span{font-family:DM Mono,monospace;color:var(--muted)}.switch,.toggle{display:flex;align-items:center;gap:8px!important}.switch input,.toggle input{width:auto}.player-view{max-width:620px;margin:auto}.player-score{display:flex;align-items:baseline;justify-content:space-between;padding:18px 0}.player-score b{font-size:44px;line-height:1}.waiting{text-align:center;padding:54px 20px}.waiting h1{font-size:34px;letter-spacing:-.05em}.pulse{display:inline-block;width:16px;height:16px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 9px #ff6d3b33}.game-card h1{font-size:clamp(28px,8vw,45px);letter-spacing:-.055em;line-height:1.05}.game-card p{color:var(--muted)}.big-input{font-size:28px;padding:16px;margin:12px 0}.selected{text-align:center;font:500 12px DM Mono,monospace!important}.leaderboard .rank:last-child{padding-bottom:0}.coordinate-palette{display:grid;grid-template-columns:22px repeat(30,minmax(12px,1fr));border:1px solid var(--ink);margin-top:16px;overflow:auto;background:var(--ink);grid-gap:1px;gap:1px}.coordinate-palette .column-label,.coordinate-palette .corner,.coordinate-palette .row-label{display:grid;place-items:center;background:var(--card);font:500 9px DM Mono,monospace;min-width:12px}.coordinate-palette button{position:relative;display:grid;place-content:center;aspect-ratio:1;border:0;padding:0;min-width:12px}.coordinate-palette button.chosen{outline:3px solid #fff;outline-offset:-3px;z-index:1}.coordinate-palette button:disabled{opacity:1;cursor:default}.cursor-name{display:block;max-width:100%;overflow:hidden;padding:1px;color:#fff;font:700 clamp(7px,.75vw,11px) DM Mono,monospace;line-height:1.05;text-shadow:0 1px 2px #000,1px 0 2px #000;white-space:nowrap}.color-control{min-width:0}.color-target{margin-top:18px}.color-monitor{min-width:0}.color-swatch{display:inline-block;width:13px;height:13px;border:1px solid var(--ink);vertical-align:-2px;margin-right:6px}.live-value{display:flex;align-items:center}@media(min-width:720px){.home{margin:auto}.home,.host-grid{grid-template-columns:1.2fr .8fr}.color-host-layout{grid-template-columns:minmax(0,9fr) minmax(0,1fr)}.monitor{align-self:start}.player-view{padding-top:30px}.coordinate-palette.large .column-label,.coordinate-palette.large .row-label{font-size:10px}.coordinate-palette.large button{min-width:0}}.game-rules,.secret-note{border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:13px}.game-rules{margin:16px 0 0}.results-screen{position:relative;min-height:380px}.global-board,.round-board{background:var(--card);border:1px solid var(--line);padding:22px;box-shadow:5px 5px 0 var(--ink)}.round-board h1{font-size:38px;letter-spacing:-.06em;margin:8px 0 22px}.result-rank{animation:rank-pop .42s both}.result-rank:nth-of-type(3){animation-delay:.08s}.result-rank:nth-of-type(4){animation-delay:.16s}.result-rank:nth-of-type(5){animation-delay:.24s}.fade-out{animation:fade-out .35s both}.race-in{animation:race-in .55s cubic-bezier(.18,.9,.25,1.2) both}.race-in .rank{animation:rank-pop .4s both}.race-in .rank:nth-of-type(3){animation-delay:.08s}.race-in .rank:nth-of-type(4){animation-delay:.16s}.race-in .rank:nth-of-type(5){animation-delay:.24s}@keyframes rank-pop{0%{opacity:0;transform:translateX(28px) scale(.96)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes fade-out{to{opacity:0;transform:scale(.96);filter:blur(3px)}}@keyframes race-in{0%{opacity:0;transform:translateY(36px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.fade-out,.race-in,.race-in .rank,.result-rank{animation:none}}.color-host-layout{grid-template-columns:1fr!important}.color-bottom-panels{display:grid;grid-gap:18px;gap:18px}.color-bottom-panels .monitor{min-width:0}.coordinate-palette.large{width:100%;max-height:none}.cursor-more{display:block;padding:1px;color:#fff;font:700 clamp(8px,.85vw,13px) DM Mono,monospace;line-height:1;text-shadow:0 1px 2px #000,1px 0 2px #000}.palette-tooltip-floating{position:fixed;z-index:100;min-width:130px;max-width:220px;padding:8px;background:var(--ink);color:#fff;box-shadow:3px 3px 0 var(--orange);font:500 11px DM Mono,monospace;line-height:1.35;text-align:left;pointer-events:none;transform:translateX(-50%)}.palette-tooltip-floating.above{transform:translate(-50%,-100%)}.palette-tooltip-floating b,.palette-tooltip-floating span{display:block}.palette-tooltip-floating b{margin-bottom:4px;color:#c9dce4}.personal-result{display:block;color:var(--orange);font-size:clamp(64px,20vw,112px);letter-spacing:-.08em;line-height:.9;margin:24px 0}.danger,.leave{border:1px solid var(--ink);color:#fff;font:500 11px DM Mono,monospace;padding:7px 9px}.leave{background:var(--orange)}.danger{background:var(--ink)}.header-action{margin-left:auto}@media(min-width:720px){.color-bottom-panels{grid-template-columns:1fr 1fr}.color-control .coordinate-palette.large{min-height:calc(100svh - 290px)}}.brand{position:relative;min-height:720px}.entry-card{align-self:start}.brand-photos{position:absolute;top:0;right:0;width:clamp(180px,23vw,260px);display:flex;flex-direction:column;gap:28px;pointer-events:none}.brand-photo{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;box-shadow:5px 5px 0 var(--ink)}.brand>:not(.brand-photos){position:relative;z-index:1}.brand h1{max-width:620px}@media(max-width:719px){.brand{display:flex;flex-direction:column;min-height:0}.brand-photos{position:relative;top:auto;right:auto;order:4;width:min(72%,260px);gap:20px;margin:26px 0 0 auto}.brand-photo{box-shadow:4px 4px 0 var(--ink)}.brand>.eyebrow{order:1}.brand>h1{order:2}.brand>p{order:3}}.home.intro-closed{filter:blur(18px);transform:scale(1.025)}.home.intro-opening{filter:blur(0);transform:scale(1);transition:filter .8s ease,transform .8s ease}.door-intro{position:fixed;z-index:20;inset:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.door-panel{overflow:hidden;transition:transform .8s cubic-bezier(.76,0,.24,1)}.door-panel img{width:100%;height:100%;display:block;object-fit:cover}.door-left img{object-position:52% center}.door-right img{object-position:50% center}.door-intro.opening{pointer-events:none}.door-intro.opening .door-left{transform:translateX(-100%)}.door-intro.opening .door-right{transform:translateX(100%)}@media(max-width:719px){.door-intro{display:none}.home.intro-closed{filter:none;transform:none}}@media(prefers-reduced-motion:reduce){.door-panel,.home.intro-opening{transition-duration:.01ms}}:root{--ink:#17232b;--muted:#68747a;--paper:#f1ede5;--card:#fffdf8;--lime:#245f5a;--orange:#8b2332;--line:#b8aea0}.home{background:radial-gradient(circle at 90% 12%,#c9dce4 0 8%,transparent 25%)}.primary{color:#fff}