:root{color-scheme:dark;--bg:#0c0817;--panel:#171026;--ink:#fff8ed;--muted:#bcb4c9;--lime:#c9ff65;--pink:#ff6fae;--violet:#8f7cff;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;color:var(--ink);background:radial-gradient(circle at 8% 12%,rgba(255,111,174,.15),transparent 30%),radial-gradient(circle at 90% 15%,rgba(143,124,255,.2),transparent 32%),var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{width:min(100% - 24px,920px);min-height:100dvh;margin:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}nav,.status{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:62px;border-bottom:1px solid var(--line);font-size:12px;font-weight:850;letter-spacing:.09em}nav a{color:inherit;text-decoration:none}nav b,.kicker,.category{color:var(--lime)}button,a.link{min-height:52px;border:0;border-radius:15px;font:inherit;font-weight:950;cursor:pointer}.primary,.secondary{width:100%;padding:14px 18px;color:#151020;background:var(--lime)}.secondary{border:1px solid var(--line);color:var(--ink);background:var(--panel)}button:focus-visible,a:focus-visible,.order-card:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.entry{max-width:700px;margin:auto;padding:clamp(34px,7vh,80px) 0;text-align:center}.entry h1,.results h1{margin:14px 0;font-size:clamp(62px,14vw,112px);line-height:.78;letter-spacing:-.07em}.entry h1 em{color:var(--pink);font-style:normal}.entry>p{color:var(--muted);font-size:18px}.entry>.primary{max-width:460px;margin:20px auto}.mark{display:flex;justify-content:center;gap:8px}.mark span{display:grid;place-items:center;width:48px;height:58px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:24px;font-weight:950;transform:rotate(-7deg)}.mark span:nth-child(2){transform:translateY(-8px) rotate(5deg);color:var(--pink)}.mark span:nth-child(3){transform:rotate(8deg);color:var(--lime)}details{margin-top:24px;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03);text-align:left}summary{min-height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:900}.friend-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.friend-grid form{padding:15px;border-radius:15px;background:rgba(0,0,0,.18)}label{display:grid;gap:6px;margin:10px 0;color:var(--muted);font-size:13px}input{width:100%;min-height:52px;padding:10px 13px;border:2px solid transparent;border-radius:12px;font:inherit}.error{min-height:20px;color:#ff9aac!important}.status{min-height:54px;color:var(--muted)}.status b{color:var(--ink)}.round{padding:20px 0 30px;text-align:center}.category{margin:0;font-size:10px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.round h1{margin:4px 0;color:var(--pink);font-size:clamp(29px,7vw,52px);letter-spacing:-.04em}.round h2{margin:3px 0 5px;font-size:clamp(18px,4.5vw,30px)}.prompt{margin:5px 0 12px;color:var(--muted)}.timer{position:relative;width:72px;height:34px;margin:8px auto;color:var(--lime)}.timer b{font-variant-numeric:tabular-nums}.timer i{position:absolute;left:0;bottom:0;width:calc(var(--left)*100%);height:3px;border-radius:9px;background:var(--lime)}.cards{display:grid;gap:8px;margin:12px 0;padding:0;list-style:none}.order-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:66px;padding:8px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),var(--panel);box-shadow:0 8px 20px rgba(0,0,0,.14);text-align:left;touch-action:pan-y;transition:transform .16s ease,opacity .16s}.order-card.dragging{opacity:.5;transform:scale(.98)}.order-card>b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#161020;background:var(--pink);font-size:20px}.order-card>span{font-size:clamp(16px,4vw,20px);font-weight:850}.order-card>div{display:flex;align-items:center;gap:5px}.order-card button{width:44px;min-height:44px;border:1px solid var(--line);color:var(--ink);background:rgba(255,255,255,.06);font-size:20px}.order-card button:disabled{opacity:.25}.order-card i{padding:0 7px;color:var(--muted);font-style:normal}.lock{margin-top:5px}.hint{font-size:12px}.waiting,.reveal,.leader,.results{padding:clamp(30px,7vh,70px) 0;text-align:center}.waiting>div{display:grid;place-items:center;width:80px;height:80px;margin:auto;border-radius:50%;color:#151020;background:var(--lime);font-size:42px}.waiting h1,.reveal h1{font-size:clamp(40px,10vw,76px);margin:18px 0 5px}.waiting p,.reveal>p{color:var(--muted)}.reveal ol{display:grid;gap:9px;margin:24px 0;padding:0;list-style:none}.reveal li{display:grid;grid-template-columns:42px 1fr 30px;align-items:center;gap:10px;min-height:59px;padding:8px 14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);text-align:left;animation:arrive .3s ease both;animation-delay:calc(var(--delay)*.09s)}.reveal li>b{color:var(--pink);font-size:21px}.reveal li strong{color:var(--lime);font-size:22px}.award{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px}.award b{color:var(--lime);font-size:36px}.award span{color:var(--muted)}.leader .primary,.reveal .primary{max-width:500px}.qg-leaderboard{max-width:650px;margin:auto}.qg-leaderboard ol{padding:0;list-style:none}.qg-leaderboard li{display:flex;gap:12px;align-items:center;min-height:55px;padding:10px;border-bottom:1px solid var(--line)}.qg-leaderboard li strong{margin-left:auto}.qg-leaderboard li b{color:var(--pink)}.results{max-width:680px;margin:auto}.results h1{color:var(--pink);font-size:clamp(46px,11vw,86px)}.final-score{color:var(--lime);font-size:clamp(68px,16vw,120px);font-weight:950}.final-score small{display:block;color:var(--muted);font-size:12px;letter-spacing:.2em}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.stats p{padding:18px;border:1px solid var(--line);border-radius:18px;color:var(--muted);background:var(--panel)}.stats b{display:block;color:var(--ink);font-size:28px}.results .primary,.results .link{display:flex;align-items:center;justify-content:center;max-width:480px;margin:10px auto;text-decoration:none}.lobby-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qg-lobby{padding:30px 0}.qg-lobby ul{padding:0;list-style:none}.qg-lobby li{display:flex;gap:10px;min-height:52px;align-items:center;border-bottom:1px solid var(--line)}.qg-lobby li span{margin-left:auto}
@keyframes arrive{from{opacity:0;transform:translateY(8px)}}@media(max-width:600px){.friend-grid,.lobby-actions{grid-template-columns:1fr}.order-card{grid-template-columns:38px 1fr auto}.order-card>div i{display:none}.order-card button{width:42px}.round{padding-top:12px}.cards{gap:6px}.order-card{min-height:61px}.hint{margin-bottom:0}}@media(max-height:560px) and (orientation:landscape){.round{padding:7px 0}.round h1{font-size:26px}.round h2{font-size:18px}.prompt,.hint{display:none}.cards{grid-template-columns:1fr 1fr}.order-card{min-height:55px}.lock{max-width:420px}.timer{position:absolute;right:18px;top:60px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.order-card,.reveal li{transition:none;animation:none}}
.order-card{touch-action:none}
@media(max-height:560px) and (orientation:landscape){.play nav{display:none}.play .status{min-height:40px}.play .round{padding:4px 0}.play .timer{position:static;width:54px;height:20px;margin:1px auto}.play .cards{margin:4px 0}.play .order-card{min-height:48px}.play .order-card>b{width:34px;height:34px}.play .order-card button{min-height:38px}.play .lock{min-height:44px;margin-top:2px}}