@font-face{font-family:Baloo;src:url(/assets/baloo-2-latin-8NeBJN4T.woff2) format("woff2");font-weight:400 800;font-display:swap}:root{color-scheme:dark;--ink:#12092f;--text:#fff8ff;--muted:#e1c9ff;--pink:#fb48ed;--cyan:#29e9ff;--gold:#ffd954;--violet:#9c59f6;--panel:#200d4c;--party-size:cover;font:600 17px/1.2 Baloo,system-ui,sans-serif;color:var(--text);background:#10052f}*{box-sizing:border-box}body{margin:0;min-height:100dvh;isolation:isolate}body:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:#10052f url(/assets/night-party-91bUyrYt.webp) center bottom/var(--party-size) no-repeat;pointer-events:none}button,input,select{font:inherit}.bar{max-width:1220px;margin:auto;min-height:66px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px clamp(10px,3vw,25px);border-bottom:1px solid #c23ffe66;background:#10082be6}.bar a{justify-self:start;color:var(--text);text-decoration:none;font-size:.9rem;border:1px solid #d181ff;border-radius:11px;padding:8px 10px;background:#330b63;box-shadow:0 0 12px #bd26ff44;white-space:nowrap}.brand{font-size:1.45rem;font-style:italic;font-weight:800;white-space:nowrap}.brand em{color:var(--gold);font-style:inherit}.audio{display:flex;align-items:center;gap:5px;justify-self:end}.audio input{width:clamp(38px,8vw,100px);accent-color:#ffdb4f}button{border:2px solid #fff6b1;border-radius:999px;color:#270949;background:linear-gradient(#fff59a 1%,#ffe43a 25%,#ffc107 75%,#ffdd53);min-height:43px;padding:6px 21px;font-weight:800;box-shadow:inset 0 2px 2px #fff9,0 3px #d37a05,0 0 15px #ffa51255;cursor:pointer;transition:filter .16s,transform .16s}button:hover:not(:disabled){filter:brightness(1.13)}button:active:not(:disabled){transform:translateY(2px)}button:disabled{opacity:.45;cursor:not-allowed}.cyan,.pink{color:#fff;text-shadow:0 1px 4px #18073f}.cyan{border-color:#83faff;background:linear-gradient(#27e9ff,#077abf 43%,#064d89 70%,#00b5dc);box-shadow:inset 0 2px 2px #faffffaf,0 0 17px #00eaff86}.pink{border-color:#ffb8fa;background:linear-gradient(#ff6ef4,#c8059c 44%,#810078 75%,#f418dd);box-shadow:inset 0 2px 2px #fff9,0 0 18px #ff38de8c}.audio button,.quiet{color:#fff;background:linear-gradient(#501c87,#23063d 65%,#672b99);border:1px solid #cc84fc;box-shadow:inset 0 1px 2px #edc1ff66,0 0 9px #c62eff55}.audio button{min-height:34px;min-width:35px;border-radius:10px;padding:4px 5px;font-size:.78rem}.audio button[aria-pressed=true]{opacity:.72;background:#1b0d35;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #60f9ff;outline-offset:3px}main{max-width:1220px;margin:auto;padding:clamp(16px,3vw,36px)}h1,h2,h3,p{margin:0 0 .45em}h1{font-size:clamp(2.1rem,4.4vw,3.7rem);font-weight:800;line-height:.99;letter-spacing:-.025em;text-wrap:balance}h2{font-size:clamp(1.4rem,2.55vw,2rem);font-weight:800;line-height:1.1}h3{font-size:1.14rem;font-weight:800}.kicker{color:var(--cyan);font-size:.8rem;letter-spacing:.14em;font-weight:800}.tiny,.notice{color:var(--muted);font-size:.9rem}.notice{min-height:1.25em;margin:0}.notice button{min-height:30px;padding:0 9px;margin-left:5px}.front,.lobby,.panel,.prompt-cloud{border:2px solid transparent;background:linear-gradient(139deg,#220e53f7,#130a35f7) padding-box,linear-gradient(125deg,#fd9cf5,#b238ff 33%,#4fdfff 65%,#ff42df) border-box;box-shadow:0 0 26px #af29ff77,inset 0 0 24px #6e3ec652;border-radius:24px}.front{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(290px,.86fr);max-width:990px;margin:auto;overflow:hidden;align-items:center}.front-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;aspect-ratio:1199/1312}.front-actions{padding:clamp(18px,4vw,43px);display:grid;gap:13px;text-align:center}.front-actions h1{font-size:clamp(1.75rem,3vw,3rem);margin:0 0 7px}.front-actions p{margin:0}.front-actions>button{font-size:1.42rem;min-height:53px}.join-form{border:1px solid #de92ff;border-radius:50px;background:#4b1c8a;box-shadow:inset 0 0 10px #e886ff78,0 0 18px #a228ec78;padding:6px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.join-form button{min-height:41px}.listing-choice{display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.listing-choice input{accent-color:var(--cyan)}.join-form input,.guess input{min-width:0;width:100%;padding:7px 13px;border:2px solid #fff7ff;border-radius:50px;background:linear-gradient(#f2e5ff,#dec3fa);color:#3e1b6b;font-weight:800;box-shadow:inset 0 2px 6px #7229a539}.join-form input::placeholder,.guess input::placeholder{color:#654587;opacity:1}.legend,.review-grid{display:grid;gap:12px}.legend{grid-template-columns:repeat(4,1fr);margin:19px auto 0;max-width:990px}.rule,.review-sheet{padding:13px;border:1px solid #8a5ba9;border-radius:14px;background:#241040}.rule strong{display:block}.rule p,.review p{font-size:.92rem;color:var(--muted);margin:.25em 0}.rainbow{color:#acfdc7}.gold{color:#ffe28e}.late{color:#f8d0a4}.red{color:#ff9bb8}.lobby{text-align:center;max-width:850px;margin:auto;padding:clamp(13px,3vw,30px)}.lobby-brand{width:min(430px,83%);display:block;margin:0 auto 15px;border-radius:17px;mix-blend-mode:screen}.room-code{display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,27px);max-width:430px;margin:0 auto 22px;padding:4px 10px;border:2px solid transparent;border-radius:99px;background:linear-gradient(112deg,#092d7b,#4f0a64) padding-box,linear-gradient(105deg,#32eaff,#f7a0ff,#ff23d5) border-box;box-shadow:0 0 18px #da46ff9c,inset 0 1px 7px #76f6ff7a;color:#fff}.room-code span{font-size:1.09rem;color:#e2f3ff}.room-code strong{font-size:clamp(2rem,8vw,3.1rem);line-height:1.1;letter-spacing:.19em;font-variant-numeric:tabular-nums}.seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px 12px;list-style:none;margin:0;padding:0}.seat{min-width:0;display:grid;justify-items:center;align-content:start;gap:3px;line-height:1;--rim:#7defff}.seat.host{--rim:#ffd954}.seat.robot{--rim:#ff76eb}.seat.empty{--rim:#b995f1;color:#c7acec}.seat strong{font-size:.94rem;overflow-wrap:anywhere}.seat small{border-radius:10px;background:#441778;color:#f9ddff;font-size:.73rem;padding:3px 9px}.seat.host small{background:#ffd846;color:#321047}.seat-avatar{width:min(100%,99px);aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--rim);border-radius:50%;background:#0b0624 url(/assets/portraits-iXnwk-QC.webp) 0 0/300% 200% no-repeat;box-shadow:0 0 13px color-mix(in srgb,var(--rim) 65%,transparent),inset 0 0 9px #e1a9ff7b;font-size:1.6rem;font-weight:800}.seat-avatar[data-avatar="1"]{background-position:50% 0}.seat-avatar[data-avatar="2"]{background-position:100% 0}.seat-avatar[data-avatar="3"]{background-position:0 100%}.seat-avatar[data-avatar="4"]{background-position:50% 100%}.seat-avatar[data-avatar="-1"]{background:#29114d}.empty .seat-avatar{border-style:dashed;box-shadow:none;background:#200c4696}.lobby-actions,.lobby-format{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:19px auto 10px}.lobby-format{margin:12px 0}.lobby-format span,.phase-pill{border:1px solid #ce80ff;border-radius:24px;background:#331061;padding:5px 13px;color:#fff;white-space:nowrap}.start{display:block;width:min(410px,100%);margin:14px auto;font-size:1.55rem}.waiting{color:#d2b7ff}.round-banner{margin-bottom:12px}.round-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:8px;margin:0 auto 10px;max-width:670px}.phase-pill{justify-self:center;font-size:clamp(.78rem,2vw,1.1rem)}.clock{font-size:clamp(1.35rem,4vw,2.1rem);min-width:4.5ch;font-variant-numeric:tabular-nums;color:#fff;text-align:center;border:2px solid #59f6ff;border-radius:999px;padding:1px 13px;background:#082c74;box-shadow:inset 0 0 10px #33c9ff91,0 0 17px #22eaff9c}.clock.rush{color:#ffb8c7;border-color:#ff769a;box-shadow:0 0 15px #ff427c8c}.prompt-cloud{padding:clamp(12px,2vw,22px);text-align:center;border-radius:44px;margin:0 auto;max-width:850px}.prompt-cloud h1{font-size:clamp(1.75rem,4.8vw,3.1rem);margin:0 0 9px}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.chips span{border-radius:100px;background:#f7d55f;color:#2f0c55;padding:3px 11px;font-weight:800;font-size:.89rem}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:12px}.panel{padding:clamp(9px,2vw,17px);min-width:0}.panel h2{text-align:center}.round-side{display:grid;gap:12px;align-content:start}.score-panel{background:linear-gradient(155deg,#201158,#160b37) padding-box,linear-gradient(120deg,#d987ff,#49e5ff) border-box}.slots,.answers,.standings,.score-list{margin:0;padding:0;list-style:none}.slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;grid-template-rows:repeat(10,auto);gap:4px 7px}.slots li{display:grid;grid-template-columns:2.1ch minmax(0,1fr);align-items:center;gap:6px;min-height:29px;padding:2px 7px;color:#d3bcfb;border:1px solid #995ad6;background:#341464;border-radius:22px;font-size:.94rem;overflow-wrap:anywhere}.slots .claimed{color:#e9fff5;border-color:#71ffa3;background:linear-gradient(90deg,#006039,#075337);box-shadow:0 0 8px #19f18970}.slot-index{text-align:center;color:#fff;font-weight:800;font-variant-numeric:tabular-nums}.answer{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;padding:6px 0;border-bottom:1px solid #b96bfc66;align-items:center;font-variant-numeric:tabular-nums}.answer strong,.score-line span{overflow-wrap:anywhere}.answer small{font-size:.72rem}.answer b,.answer time{font-size:.78rem}.score-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 7px;border-bottom:1px solid #a16ae489}.score-line:first-child{border:1px solid #fbc76b;border-radius:12px;box-shadow:inset 0 0 9px #ffaf5244}.score-line strong{color:#ffe071}.place{width:23px;aspect-ratio:1;border-radius:50%;background:#744ab0;text-align:center;color:#fff}.score-line:first-child .place{background:linear-gradient(100deg,#ffd5ea,#ffdf63,#8cecff);color:#311555}.guess{position:sticky;bottom:8px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin:12px auto 0;padding:7px 11px;max-width:850px;border:2px solid #e892ff;border-radius:22px;background:#2c0c62f7;box-shadow:0 0 17px #d957f482}.guess label,.guess .notice{grid-column:1/-1}.guess label{font-size:.89rem}.guess input{max-height:44px}.standings{margin:14px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;text-align:center}.standings li{background:#45226f;border:1px solid #bc7ddb;border-radius:10px;padding:7px 10px}.review{margin-bottom:14px}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.review-sheet{padding:11px}.review>p,.review-sheet>h3{text-align:center;text-wrap:balance}main[data-phase=review]>.round-banner,main[data-phase=final]>.round-banner{text-align:center;padding:18px;background:#2c0d63db;border:1px solid #cb85ff;border-radius:24px}@media (max-width:680px){body:before{background-position:17% center}:root{font-size:16px}.bar{min-height:56px;padding:7px 10px;gap:6px}.bar>a{padding:6px 5px;font-size:.78rem}.brand{font-size:1.15rem}.audio{gap:3px}.audio button{min-height:30px;min-width:29px;font-size:.67rem;padding:3px}.audio input{width:43px}main{padding:14px 12px}.front{grid-template-columns:1fr;max-width:440px}.front-art{height:auto;aspect-ratio:1199/1312}.front-actions{padding:13px 16px;gap:10px}.front-actions .kicker{font-size:.73rem}.front-actions h1{font-size:1.65rem}.front-actions>button{min-height:44px;font-size:1.15rem}.legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rule{padding:9px}.lobby-brand{max-width:270px;margin-bottom:9px}.room-code{margin-bottom:16px}.seats{gap:11px 5px}.seat-avatar{font-size:1rem}.seat strong{font-size:.75rem}.seat small{font-size:.66rem}.lobby-actions{margin-top:12px}.lobby-actions button{padding:3px 12px}.lobby-format span{padding:3px 8px}.phase-pill{padding:4px 7px}.columns{grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr);gap:7px}.round-side{gap:7px}.panel{border-radius:18px}.slots{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(20,auto);gap:3px}.slots li{min-height:20px;font-size:.79rem;padding:0 4px}.score-line{gap:3px;padding:3px;font-size:.84rem}.place{width:17px}.answer{grid-template-columns:minmax(0,1fr) auto;font-size:.89rem;gap:1px 4px}.answer time{grid-row:2;font-size:.74rem}.answer small{justify-self:end;text-align:right;font-size:.63rem}.answer b{justify-self:end}.review-grid{grid-template-columns:minmax(0,1fr)}.guess{bottom:4px}}@media (max-width:360px){.bar .brand{display:none}.bar{grid-template-columns:1fr auto}.seat strong{font-size:.68rem}.seat small{padding-inline:4px}.columns .panel{padding:7px}.clock{padding-inline:7px}}.score-line{grid-template-columns:auto 27px minmax(0,1fr) auto}.score-line .seat-avatar{--rim:#7defff;width:27px;font-size:.72rem}.score-line:first-child .seat-avatar{--rim:#ffd954}@media (min-width:681px) and (max-height:820px){main[data-phase=lobby]{padding-block:17px}.lobby{padding:18px 22px}.lobby-brand{width:min(345px,83%);margin-bottom:10px}.room-code{margin-bottom:14px}.seat-avatar{width:min(100%,83px)}.lobby-actions,.lobby-format,.start{margin-block:10px}}@media (max-width:680px){.score-line{grid-template-columns:auto 19px minmax(0,1fr) auto}.score-line .seat-avatar{width:19px;border-width:1px;font-size:.58rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
