*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#efe9e1;margin:0;font-family:Figtree,system-ui,sans-serif}a{color:#6c4cf1;text-decoration:none}a:hover{color:#4e31c9;text-decoration:underline}input,button,select,textarea{font-family:inherit}input:focus{outline-offset:1px;outline:2px solid #6c4cf1}button{transition:transform .1s,filter .12s,box-shadow .12s,opacity .12s}@media (hover:hover){button:not(:disabled):hover{filter:brightness(.96)}}button:not(:disabled):active{filter:brightness(.92);transform:translateY(1px)}button:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #6c4cf1}.btn-chunky{box-shadow:0 var(--btn-lift,8px) 0 var(--btn-shadow)}@media (hover:hover){.btn-chunky:not(:disabled):hover{box-shadow:0 calc(var(--btn-lift,8px) + 1px) 0 var(--btn-shadow);transform:translateY(-1px)}}.btn-chunky:not(:disabled):active{transform:translateY(calc(var(--btn-lift,8px) / 2));box-shadow:0 calc(var(--btn-lift,8px) / 2) 0 var(--btn-shadow)}input,select{transition:border-color .12s,box-shadow .12s,background .12s}.room-bar__label{display:inline}@media (width<=620px){.room-bar__label{display:none}}.lobby-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:12px;display:grid}.panel-stack{flex:1;display:grid}.panel-stack>*{grid-area:1/1;min-width:0}.lobby-players{max-height:46vh;padding-right:4px;overflow-y:auto}.lobby-footer{flex-wrap:wrap;align-items:stretch;gap:9px;display:flex}@media (width<=860px){.lobby-players{max-height:300px}}@keyframes pulseIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes tick{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes soundBar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes drift{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-16px)rotate(24deg)}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:.95}to{opacity:0;transform:translateY(320px)rotate(540deg)}}@keyframes winnerGlow{0%,to{box-shadow:0 0 #ffc53d80}50%{box-shadow:0 0 0 12px #ffc53d00}}@keyframes answerDrop{0%{opacity:0;transform:translateY(-20px)scale(.9)}60%{opacity:1;transform:translateY(3px)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes answerLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes wheelHalo{0%,to{opacity:.35}50%{opacity:.9}}@keyframes sheen{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes ringPulse{0%,to{box-shadow:0 7px #c6321d,0 0 #ff5c4373}50%{box-shadow:0 7px #c6321d,0 0 0 10px #ff5c4300}}@keyframes nudge{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes scoreBump{0%{transform:scale(1)}35%{transform:scale(1.32)}to{transform:scale(1)}}@keyframes deltaFloat{0%{opacity:0;transform:translate(-50%,4px)}25%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-16px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.spinner{animation:.7s linear infinite spin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d8cfc4;border-radius:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}