body{color:var(--ink);background:radial-gradient(120% 90% at 70% 0,#f7d7a8 0%,#e9b98a 45%,#c98a5c 100%);overflow:hidden}#app{position:fixed;inset:0}.lobby{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(320px,36%) 1fr;gap:24px 32px;padding:28px 32px 0;display:grid;position:absolute;inset:0}.skyline{pointer-events:none;opacity:.35;z-index:-1;height:34vh;position:absolute;inset:auto 0 0}.brand{flex-direction:column;gap:10px;min-height:0;display:flex}.brand .word{letter-spacing:-.01em;color:var(--ink);font-size:clamp(3rem,6.6vw,6.4rem)}.brand .plate{letter-spacing:-.01em;align-self:flex-start;font-size:clamp(2.6rem,5.6vw,5.4rem);transform:skew(-6deg)}.brand .tag{color:var(--red);max-width:22ch;margin-top:8px;font-size:clamp(1.1rem,1.7vw,1.6rem);line-height:1.3}.join-card{border-radius:var(--radius-lg);grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:18px;padding:16px;display:grid}.join-card canvas,.join-card img{image-rendering:pixelated;border-radius:8px;width:clamp(140px,26vh,230px)!important;height:auto!important}.join-card .how{color:#5b5348;text-wrap:pretty;font-size:.95rem}.join-card .url{overflow-wrap:anywhere;margin:4px 0 10px;font-size:1.05rem}.code-letters{gap:8px;display:flex}.code-letters span{font-family:var(--font-display);background:var(--ink);color:var(--sun);text-align:center;border-radius:var(--radius-sm);width:1.2em;font-size:clamp(2.4rem,4.4vw,4.2rem);line-height:1.25;box-shadow:0 4px #00000059}.dev-hint{color:#6b3a1f;margin-top:10px;font-size:.85rem}.players-panel{flex-direction:column;min-height:0;display:flex}.panel-head{justify-content:space-between;align-items:center;gap:12px;padding-right:150px;display:flex}.panel-head h2{align-items:center;gap:10px;margin:0;font-size:2.2rem;display:flex}.panel-head .count{font-family:var(--font-ui);background:var(--ink);color:var(--paper);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 10px;font-size:1rem;font-weight:900}.panel-tools{gap:10px;display:flex}.players{flex:1;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;gap:14px;min-height:0;padding:14px 4px 18px;display:grid;overflow:auto}.player{transition-property:opacity,filter;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);flex-direction:column;align-items:center;gap:6px;padding:12px 10px 14px;display:flex;position:relative}.player.new{animation:enter var(--dur-enter) var(--ease-out) both}.player.offline{opacity:.6;filter:grayscale(.6)}.player .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.15rem;font-weight:900;line-height:1.2;overflow:hidden}.player .meta{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.player .meta .badge{color:var(--ink);background:#e4ddcd}.player .meta .badge.rtc{background:var(--lime)}.player .meta .badge.ws{background:var(--sun)}.player .meta .badge.off{background:var(--red);color:#fff}.player .kick{color:#7a7062;min-width:30px;height:30px;transition-property:background-color,color;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);background:0 0;border:0;border-radius:999px;padding:0 8px;font-size:1.1rem;font-weight:900;line-height:1;position:absolute;top:8px;right:8px}@media (hover:hover) and (pointer:fine){.player .kick:hover{color:var(--ink);background:#e4ddcd}}.player .kick.confirm{background:var(--red);color:#fff;font-size:.85rem}.team-chip{border:2px solid var(--ink);font-family:var(--font-display);letter-spacing:.04em;transition:transform var(--dur-press) var(--ease-out);border-radius:999px;padding:2px 12px;font-size:.95rem}.team-chip:active{transform:scale(.96)}.empty{text-align:center;color:#6b3a1f;text-wrap:balance;grid-column:1/-1;padding:50px 20px;font-size:1.3rem}.empty .pulse{background:var(--red);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:10px;animation:1.6s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.25}}.dock{background:var(--ink);color:var(--paper);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:22px;margin:0 -32px;padding:16px 32px 20px;display:flex;box-shadow:0 -1px #ffffff0f,0 -12px 30px #0000002e}.games{flex:1;gap:12px;min-width:300px;display:flex}.game-card{text-align:left;background:var(--ink-soft);max-width:340px;color:var(--paper);border-radius:var(--radius);transition-property:box-shadow,background-color,transform;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);border:0;flex:1;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:12px 14px;display:grid;box-shadow:inset 0 0 0 2px #0000}.game-card:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.game-card:hover{background:#343434}}.game-card .icon{grid-row:span 2;font-size:2.2rem}.game-card .title{font-family:var(--font-display);letter-spacing:.01em;font-size:1.5rem;line-height:1.1}.game-card .sub{opacity:.8;text-wrap:pretty;font-size:.85rem;line-height:1.35}.game-card[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--sun);background:#3a3220}.seg{background:#ffffff14;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{min-width:44px;font-family:var(--font-display);letter-spacing:.04em;transition-property:background-color,color;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:1.05rem}.seg button[aria-pressed=true]{background:var(--sun);color:var(--ink)}.seg-label{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:6px;font-size:.75rem;font-weight:800}.start-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.start-wrap .pill{font-size:2rem}.start-wrap .hint{opacity:.75;min-height:1.2em;font-size:.8rem}.corner{z-index:40;gap:8px;display:flex;position:absolute;top:18px;right:20px}.conn{z-index:50;position:absolute;top:14px;left:50%;transform:translate(-50%)}@media (width<=900px){.lobby{grid-template-rows:auto auto auto;grid-template-columns:1fr;padding:20px 16px 0;overflow:auto}.players{overflow:visible}.panel-head{padding-right:0}.dock{margin:0 -16px;padding:16px;position:sticky;bottom:0}.games{flex-direction:column;flex-basis:100%;min-width:0}.game-card{max-width:none}}.stage{background:#111;position:absolute;inset:0}.game-root{position:absolute;inset:0}.topbar{z-index:10;filter:drop-shadow(0 6px #00000059);align-items:stretch;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.topbar>div{font-family:var(--font-display);align-items:center;padding:6px 18px;font-size:2.2rem;font-style:italic;line-height:1.1;display:flex}.topbar .team{gap:12px;min-width:220px}.topbar .team.t0{background:var(--lime);color:var(--ink);clip-path:polygon(4% 0,100% 0,100% 100%,0 100%)}.topbar .team.t1{background:var(--royal);color:#fff;clip-path:polygon(0 0,100% 0,96% 100%,0 100%);justify-content:flex-end}.topbar .score{background:var(--ink);color:var(--paper);font-variant-numeric:tabular-nums;justify-content:center;min-width:70px;font-size:2.6rem}.topbar .mid{background:var(--ink-soft);color:var(--paper);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;justify-content:center;padding:6px 22px;font-size:1.8rem;line-height:1}.topbar .mid small{font-family:var(--font-ui);letter-spacing:.08em;opacity:.8;margin-top:4px;font-size:.75rem;font-style:normal;font-weight:800}.leader{z-index:10;color:var(--paper);min-width:210px;padding:10px 14px;font-size:1rem;position:absolute;top:14px;right:16px}.leader .title{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:.75rem;font-weight:800}.leader ol{margin:6px 0 0;padding-left:22px}.leader li{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.leader li span{text-overflow:ellipsis;white-space:nowrap;max-width:14ch;overflow:hidden}.join-chip{z-index:10;color:var(--paper);padding:8px 14px;font-size:.95rem;position:absolute;top:14px;left:16px}.join-chip b{font-family:var(--font-display);color:var(--sun);letter-spacing:.08em;margin-left:6px;font-size:1.6rem;font-weight:400}.host-controls{z-index:25;opacity:.55;transition:opacity var(--dur-fast) var(--ease-out);gap:8px;display:flex;position:absolute;bottom:16px;right:16px}.host-controls:hover,.host-controls:focus-within{opacity:1}.overlay{z-index:20;-webkit-backdrop-filter:blur(4px);animation:fade-in .2s var(--ease-out) both;background:#1414148c;place-items:center;display:grid;position:absolute;inset:0}.overlay.clear{-webkit-backdrop-filter:none;pointer-events:none;background:0 0;animation:none}.intro{text-align:center;flex-direction:column;align-items:center;display:flex}.intro .now{letter-spacing:.04em;color:var(--paper);text-shadow:0 2px #0009;font-size:1.6rem;font-weight:900}.intro .place{font-family:var(--font-display);letter-spacing:-.01em;color:var(--sun);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);text-wrap:balance;font-size:clamp(3.5rem,9vw,8rem);font-style:italic;line-height:1.05}.intro .round{margin-top:22px}.results-panel{width:min(900px,92vw);max-height:86vh;box-shadow:var(--shadow-lg);animation:enter var(--dur-enter) var(--ease-out) both;border-radius:28px;padding:26px 16px 18px;overflow:auto}.results-panel h2{margin:0 14px 2px;font-size:3rem}.results-panel .sub{color:#5b5348;margin:0 14px 14px}.rows{flex-direction:column;gap:8px;display:flex}.row{font-variant-numeric:tabular-nums;background:#ece6d8;border-radius:12px;grid-template-columns:52px 52px 1fr auto auto;align-items:center;gap:12px;padding:6px 14px;font-size:1.25rem;display:grid}.rows .row{animation:enter var(--dur-enter) var(--ease-out) both;animation-delay:calc(.12s + var(--i,0) * 50ms)}.row .rank{font-family:var(--font-display);font-size:1.8rem}.row .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row .gain{color:var(--lime-deep);font-weight:900}.row .total{font-family:var(--font-display);text-align:right;min-width:60px;font-size:1.6rem}.row.t0{box-shadow:inset 6px 0 0 var(--lime)}.row.t1{box-shadow:inset 6px 0 0 var(--royal)}.panel-actions{justify-content:flex-end;align-items:center;gap:12px;margin:18px 14px 4px;display:flex}.panel-actions .count{color:#6f675b;font-variant-numeric:tabular-nums;margin-right:auto}.final{grid-template-columns:auto 1fr;align-items:center;gap:40px;width:min(1200px,94vw);display:grid}.final .card-img{outline-offset:-1px;width:auto;height:min(78vh,760px);box-shadow:var(--shadow-lg);animation:enter .36s var(--ease-out) both;border-radius:18px;outline:1px solid #ffffff1a}.final .side{color:var(--paper)}.final .side>*{animation:enter var(--dur-enter) var(--ease-out) both;animation-delay:calc(.14s + var(--i,0) * 70ms)}.final .side h2{color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin:0;font-size:clamp(3rem,6vw,5.5rem)}.final .side p{text-wrap:pretty;max-width:34ch;font-size:1.3rem}.final .side .actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.toast{z-index:60;color:var(--paper);animation:enter var(--dur-enter) var(--ease-out) both;padding:10px 18px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}