:root{color:#f8fafc;background:#101113;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overflow:hidden}button,input{font:inherit}button{border:0;border-radius:6px;background:#2dd4bf;color:#071311;cursor:pointer;font-weight:700;padding:.75rem 1rem}button.secondary{background:#27272a;color:#f8fafc}input{border:1px solid #3f3f46;border-radius:6px;background:#18181b;color:#f8fafc;padding:.75rem;text-transform:uppercase}input.passcode-input{text-transform:none}.app-shell{display:grid;height:100vh;height:100dvh;grid-template-rows:auto 1fr;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27272a;padding:.85rem 1.25rem}.brand{font-size:1.1rem;font-weight:800}.screen{display:grid;gap:1rem;min-height:0;align-content:center;justify-items:center;padding:1.25rem;overflow:hidden}.room-screen{align-content:stretch}.lobby-panel{display:grid;width:min(100%,460px);gap:.85rem}.room-layout{display:grid;width:min(100%,1100px);height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 280px;gap:1rem;align-items:stretch}.game-frame{aspect-ratio:2 / 3;width:auto;max-width:100%;min-height:0;height:min(100%,640px,calc(100dvh - 7rem));align-self:center;justify-self:center;overflow:hidden;background:#05070a}.game-frame canvas{display:block}.side-panel{display:grid;gap:.75rem;border-left:1px solid #27272a;padding-left:1rem}.winner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1.25rem;background:#05070ac2}.winner-modal{position:relative;z-index:1;display:grid;width:min(100%,340px);gap:.85rem;justify-items:center;border:1px solid #3f3f46;border-radius:8px;background:#111113;padding:1.5rem;box-shadow:0 24px 80px #0000006b;text-align:center}.winner-modal p{margin:0;color:#a1a1aa;font-weight:700;text-transform:uppercase}.winner-modal strong{font-size:2rem}.winner-icon{position:relative;width:72px;height:72px}.winner-icon span{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:999px;animation:pop-ring 1.4s ease-out infinite}.winner-icon span:nth-child(1){background:#2dd4bf}.winner-icon span:nth-child(2){background:#f97316;animation-delay:.18s}.winner-icon span:nth-child(3){background:#facc15;animation-delay:.36s}.party-burst{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.party-burst span{--angle: calc(var(--burst-index) * 20deg);position:absolute;left:50%;top:48%;width:10px;height:18px;border-radius:2px;background:hsl(calc(var(--burst-index) * 41) 90% 62%);transform:rotate(var(--angle)) translateY(0);animation:confetti-pop 1.6s cubic-bezier(.16,1,.3,1) infinite;animation-delay:calc(var(--burst-index) * -55ms)}.turn-timer{width:max-content;border:1px solid #3f3f46;border-radius:6px;padding:.45rem .7rem;font-size:1.25rem;font-weight:800;color:#f8fafc}.turn-timer.urgent{border-color:#ef4444;color:#fecaca}@keyframes confetti-pop{0%{opacity:0;transform:rotate(var(--angle)) translateY(0) scale(.35)}12%{opacity:1}to{opacity:0;transform:rotate(var(--angle)) translateY(-44vh) scale(1) rotate(540deg)}}@keyframes pop-ring{0%{opacity:.95;transform:scale(.55)}to{opacity:0;transform:scale(2.2)}}@media (max-width: 760px){.screen{overflow-y:auto}.room-layout{grid-template-columns:1fr;height:auto}.game-frame{width:min(100%,420px);height:min(100%,630px,calc(100dvh - 13rem))}.side-panel{border-left:0;border-top:1px solid #27272a;padding-top:1rem;padding-left:0}}