:root{color-scheme:light;--ink: #1d2433;--muted: #5c6578;--cream: #fff6e8;--card: rgba(255, 250, 242, .92);--line: #1d2433;--sun: #ffc43d;--cherry: #ff5d73;--sea: #3d9bff;--leaf: #3ddc6a;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 10%,rgba(255,196,61,.55),transparent 28%),radial-gradient(circle at 90% 0%,rgba(61,155,255,.35),transparent 26%),radial-gradient(circle at 80% 90%,rgba(61,220,106,.28),transparent 24%),linear-gradient(180deg,#fff8ee,#ffe7c4);min-height:100%}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,input{font:inherit}button{border:3px solid var(--line);border-radius:999px;padding:.75rem 1.2rem;background:#fff;color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--line);transition:transform .12s ease,box-shadow .12s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--line)}button:disabled{cursor:not-allowed;opacity:.55}.primary{background:var(--sun)}.secondary{background:var(--sea);color:#fff}.ghost{background:transparent}.shell{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700;color:var(--muted)}h1,h2{margin:.2rem 0;line-height:.95}h1{font-size:clamp(3rem,8vw,6rem)}.lede{font-size:1.15rem;max-width:38rem;color:var(--ink)}.panel{background:var(--card);border:3px solid var(--line);border-radius:28px;padding:1.2rem;box-shadow:8px 8px #1d24331f}.home{display:grid;gap:1rem}.hero{padding-top:1rem}.hero-art{display:flex;gap:.8rem;align-items:end;height:92px;margin-top:.5rem}.fig{width:64px;height:64px;border-radius:50%;border:3px solid var(--line);box-shadow:inset -8px -10px #0000001f,0 8px #1d24331f}.fig-a{background:radial-gradient(circle at 35% 35%,#fff,#ff5d73 42%,#9d1c1c)}.fig-b{background:radial-gradient(circle at 35% 35%,#fff,#3d9bff 42%,#1557b0)}.fig-bomb{width:54px;height:54px;background:radial-gradient(circle at 35% 30%,#8ea0b8,#1c2430 60%);position:relative}.fig-bomb:after{content:"";position:absolute;width:8px;height:16px;border-radius:4px;background:#ff9a3c;top:-12px;left:28px}.actions{display:grid;gap:1rem;max-width:520px}.field{display:grid;gap:.35rem;font-weight:700}.field input,.field select{width:100%;font-weight:500;border:3px solid var(--line);border-radius:16px;padding:.75rem .9rem;background:#fff}.create-row{display:flex;gap:.6rem;align-items:end}.create-row .field{width:7.2rem}.create-row button{flex:1}.lobby .field{margin:.8rem 0}.skins{display:flex;flex-wrap:wrap;gap:.7rem;margin:.8rem 0}.skin{display:grid;justify-items:center;gap:.35rem;min-width:5.6rem;background:#fff}.skin.on{background:var(--sun)}.skin-spark,.skin-pilot,.skin-wolf,.skin-zombie,.skin-vampire,.skin-soldier,.skin-caveman{width:54px;height:54px;border-radius:16px;border:2px solid var(--line)}.skin-spark{background:radial-gradient(circle at 35% 35%,#fff 0 18%,var(--swatch, #ff4d4d) 42%,#1d2433 43% 100%)}.skin-pilot{background:#1c2430 url(/characters/pilot-front.png) center 18% / cover no-repeat}.skin-wolf{background:radial-gradient(circle at 28% 22%,#4a3428 0 7px,transparent 8px),radial-gradient(circle at 72% 22%,#4a3428 0 7px,transparent 8px),radial-gradient(circle at 50% 58%,#c4a484 0 10px,#8d7360 11px 46%,#3a2a22 47% 100%)}.skin-zombie{background:radial-gradient(circle at 38% 48%,#f4f1e8 0 4px,transparent 5px),radial-gradient(circle at 62% 50%,#1b2433 0 3px,transparent 4px),radial-gradient(circle at 50% 62%,#86a36a 0 22px,#5c6a48 23px 70%,#2c241c 71% 100%)}.skin-vampire{background:linear-gradient(#141018,#141018) center 70% / 70% 46% no-repeat,radial-gradient(circle at 50% 42%,#f0e2d0 0 16px,#8d1c2b 17px 20px,#1b1420 21% 100%)}.skin-soldier{background:linear-gradient(#3d4a34,#3d4a34) center 28% / 78% 22% no-repeat,radial-gradient(circle at 50% 48%,#d7d1c4 0 14px,#4d6844 15px 70%,#1c2430 71% 100%)}.skin-caveman{background:radial-gradient(circle at 50% 34%,#5c3a24 0 8px,transparent 9px),radial-gradient(circle at 50% 58%,#e0b080 0 16px,#7a4e2d 17px 72%,#c48a58 73% 100%)}.join-row{display:flex;gap:.6rem}.join-row input{flex:1;border:3px solid var(--line);border-radius:16px;padding:.75rem .9rem;letter-spacing:.18em;text-transform:uppercase;background:#fff}.help ul{margin:.4rem 0 0;padding-left:1.1rem}.help li+li{margin-top:.35rem}.banner{margin:.6rem 0 0;padding:.75rem .9rem;border-radius:16px;background:#fff1c9;border:2px solid var(--line)}.room{display:grid;gap:.8rem}.topbar,.top-actions,.hud,.lobby-actions,.pad{display:flex;gap:.7rem}.topbar{align-items:end;justify-content:space-between}.topbar h1{font-size:clamp(2rem,5vw,3.2rem);letter-spacing:.08em}.top-actions{align-items:center}.scoreboard{display:flex;flex-wrap:wrap;gap:.7rem;align-items:stretch}.scoreboard ol{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;margin:0;padding:0;flex:1}.score{display:flex;align-items:center;gap:.55rem;background:var(--card);border:3px solid var(--line);border-radius:18px;padding:.4rem .7rem;min-width:180px}.score-count{margin-left:auto;text-align:right}.score-count b{display:block;font-size:1.5rem;line-height:1}.score-count small{color:var(--muted)}.score-round{margin:0;min-width:7.5rem;padding:.4rem .9rem;border-radius:18px;border:3px solid var(--line);background:var(--sun);text-align:right}.score-round strong{display:block;font-size:1.35rem}.stage-wrap{display:grid;gap:.8rem}.hud{flex-wrap:wrap}.chip{display:flex;gap:.55rem;align-items:center;background:var(--card);border:3px solid var(--line);border-radius:18px;padding:.45rem .7rem;min-width:140px}.chip small{display:block;color:var(--muted)}.chip.out{opacity:.55}.swatch{width:18px;height:18px;border-radius:50%;background:var(--swatch, var(--sun));border:2px solid var(--line)}.timer{margin-left:auto}.stage{position:relative;height:min(74vh,760px);background:#123c3a2e;border-radius:28px;overflow:hidden}.overlay{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center;background:#12201c6b;color:#fff;gap:.3rem;padding:1rem}.countdown strong{font-size:6rem;line-height:.9}.results{background:#fff6e8eb;color:var(--ink)}.results h2{font-size:clamp(2.4rem,6vw,4.5rem)}.lobby p{color:var(--muted)}.pad{display:none;align-items:center;justify-content:space-between}.pad-move{display:grid;grid-template-columns:64px 64px 64px;grid-template-areas:". up ." "left down right";gap:.35rem}.pad-key,.pad-bomb{width:64px;height:64px;border-radius:18px;-webkit-user-select:none;user-select:none;touch-action:none}.pad-key.up{grid-area:up}.pad-key.left{grid-area:left}.pad-key.down{grid-area:down}.pad-key.right{grid-area:right}.pad-bomb,.pad-grab{width:96px;color:#fff}.pad-bomb{background:var(--cherry)}.pad-grab{background:#2f6fed}@media(max-width:900px),(pointer:coarse){.pad.show{display:flex}.timer{margin-left:0}.stage{height:min(62vh,640px)}}