:root{color-scheme:dark;font-family:Inter,system-ui;background:#0c1028;color:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0,#542661 0,#15173a 45%,#090d22 100%);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px}main{position:relative;max-width:1500px;margin:auto;padding:24px 30px}header,.layout,.round-bar{display:flex;gap:24px;justify-content:space-between;align-items:center}header p{margin:0;color:#64e8d2;letter-spacing:.15em;font-weight:900}header small{color:#c8c5dc}h1{font-size:clamp(2.5rem,5vw,5rem);line-height:1;margin:5px 0 8px;color:#fff;letter-spacing:-.05em}h1 span{color:#ffe36e}.join-code{display:grid;text-align:center;padding:14px 24px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(14,17,49,.72);box-shadow:0 18px 50px #0005}.join-code span{font-weight:900;letter-spacing:.14em;color:#ff98ba}.join-code strong{font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:.16em;color:#ffe36e}.round-bar{margin:20px 0 12px;padding:10px 18px;border-radius:16px;background:linear-gradient(90deg,#ff6b9f22,#31e6c122);border:1px solid rgba(255,255,255,.1)}.round-bar span{font-weight:900;color:#64e8d2}.round-bar p{margin:0;text-transform:capitalize}.round-bar strong{font-size:1.7rem;color:#ffe36e;font-variant-numeric:tabular-nums}.layout{align-items:stretch}.canvas-shell{flex:1;padding:6px;border-radius:28px;background:linear-gradient(135deg,#ffe36e,#ff6b9f 45%,#31e6c1);box-shadow:0 24px 80px #0007}canvas{display:block;width:100%;background:#fff;border-radius:22px}.canvas-caption{display:flex;justify-content:space-between;padding:12px 14px 7px;font-size:1.1rem}.canvas-caption span{color:#ffe36e;font-weight:800}aside{width:320px;background:linear-gradient(180deg,#241f50,#171836);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:20px;box-shadow:0 22px 60px #0005}aside h2{margin:0 0 12px;color:#dcd9ed}button{min-height:48px;width:100%;margin:6px 0;border:0;border-radius:12px;background:linear-gradient(135deg,#ff6b9f,#c54bd8);color:#fff;font-weight:900}#scores{display:grid;gap:7px;padding:0;list-style:none}#scores li{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.07)}.guess-card{margin:18px 0;padding:14px;border-radius:16px;background:#0d112d}.guess-card h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#64e8d2}.guess-card p{color:#d9d4ee;line-height:1.55}@media(max-width:850px){main{padding:16px}.layout{display:block}aside{width:auto;margin-top:14px}header{align-items:flex-start}.join-code{padding:10px 14px}}