:root{color:#e8ebf9;background:#080b1a;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 20%,#1f2b63 0%,#080b1a 55%);min-height:100vh;margin:0}a{color:#8fc6ff}#root{min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:16px}.home{justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:#121b38;border:1px solid #2a3769;border-radius:16px;padding:20px;box-shadow:0 10px 35px #0000004d}.home-actions{gap:12px;margin-top:18px;display:grid}.home-main-btn{min-height:72px;font-size:22px}h1,h2,h3{margin:0 0 12px}label,input,button{width:100%}label{margin-bottom:12px;font-size:14px;display:block}input{color:#f4f7ff;background:#0d1530;border:1px solid #3a4a87;border-radius:10px;margin-top:6px;padding:10px 12px}form{margin-top:16px}button{color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:10px;padding:10px 14px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:linear-gradient(90deg,#8969ff,#5aa8ff)}.secondary{background:#24469e}.ghost{background:0 0;border:1px solid #3b4d8d}.chip{background:#1a2a54;border:1px solid #2f4588}.chip.active{background:#2f4bb7}.speed-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.speed-row.vertical{grid-template-columns:1fr}.subtitle,.muted{opacity:.85}.error{color:#ff9f9f}.host-layout{grid-template-columns:280px minmax(0,1fr);gap:12px;display:grid}.players{margin:0;padding:0;list-style:none}.players li{border-bottom:1px solid #22305f;justify-content:space-between;padding:8px 0;display:flex}.stage{flex-direction:column;gap:10px;min-height:500px;display:flex}.row{gap:8px;display:flex}.tag{color:#f9c66a}.reveal-box{border:1px dashed #4f65aa;border-radius:12px;place-content:center;min-height:220px;padding:20px;display:grid}.reveal-image{background:#fff;border:1px solid #32447f;border-radius:10px;width:100%;max-width:640px}.draw-layout{grid-template-columns:minmax(0,1fr) 120px;align-items:start;gap:10px;animation:.28s fadeInUp;display:grid}.draw-main{gap:8px;display:grid;position:relative}.draw-progress{z-index:3;background:#111935eb;border:1px solid #30427d;border-radius:999px;padding:6px 10px;font-weight:700;position:absolute;top:10px;left:10px}.draw-canvas{touch-action:none;background:#fff;border:2px solid #30427d;border-radius:14px;width:100%}.tools-col{align-content:start;gap:8px;display:grid}.colors-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.color-dot{border:2px solid #1a2244;border-radius:50%;width:32px;height:32px;padding:0}.color-dot.active{border-color:#8ec5ff}.finish-btn{min-height:54px;margin-top:auto}.fade-in{animation:.25s fadeInUp}.pulse{animation:1s ease-in-out infinite pulse}.finish-toast{color:#fff;background:#22a06b;border-radius:12px;padding:10px 14px;font-weight:700;animation:.25s popIn;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 25px #00000040}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=900px){.host-layout,.speed-row{grid-template-columns:1fr}.row{flex-direction:column}.draw-layout{grid-template-columns:1fr}.tools-col{grid-template-columns:repeat(2,minmax(0,1fr))}.finish-btn{grid-column:1/-1}}