:root{--miru-bg-top:#3d2680;--miru-bg-mid:#2d1b69;--miru-bg-bottom:#1a1240;--miru-surface:#1a1240;--miru-surface-highlight:#2a1f5e;--miru-text:#fff;--miru-text-muted:#a89ec8;--miru-primary:#ff2a54;--miru-secondary:#38bdf8;--miru-tertiary:#a855f7;--miru-quaternary:#fde047;--miru-success:#4ade80;--miru-danger:#ef4444;--miru-buzz-waiting:#ef4444;--miru-buzz-active:#eab308;--miru-answer-correct:#4ade80;--miru-answer-wrong:#ef4444;--miru-space-xs:8px;--miru-space-sm:12px;--miru-space-md:16px;--miru-space-lg:24px;--miru-space-xl:32px;--miru-space-xxl:48px;--miru-space-giant:64px;--miru-radius-sm:12px;--miru-radius-md:16px;--miru-radius-lg:24px;--miru-radius-xl:32px;--miru-radius-full:999px}.display-screen{width:100vw;height:100vh;font-family:var(--font-nunito), "Nunito", sans-serif;color:var(--miru-text);background:linear-gradient(180deg, var(--miru-bg-top) 0%, var(--miru-bg-mid) 40%, var(--miru-bg-bottom) 100%);flex-direction:column;display:flex;overflow:hidden}.display-screen *,.display-screen :before,.display-screen :after{-webkit-user-select:none;user-select:none;scrollbar-width:none}.display-screen ::-webkit-scrollbar{display:none}@keyframes playerEnter{0%{opacity:0;transform:translateY(-20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes playerLeave{to{opacity:0;transform:translateY(20px)scale(.9)}}@keyframes buzzerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes buzzHighlight{0%{transform:scale(1);box-shadow:0 0 #eab30899}50%{transform:scale(1.05);box-shadow:0 0 0 20px #eab30800}to{transform:scale(1);box-shadow:0 0 #eab30800}}@keyframes correctAnswer{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wrongAnswer{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes connectionPulse{0%,to{opacity:1}50%{opacity:.4}}.bubble{animation:floatX var(--float-duration-x) ease-in-out infinite alternate, floatY var(--float-duration-y) ease-in-out infinite alternate;animation-delay:var(--float-delay)}@keyframes floatX{0%{transform:translateX(calc(-1 * var(--float-range-x)))}to{transform:translateX(var(--float-range-x))}}@keyframes floatY{0%{transform:translateY(calc(-1 * var(--float-range-y)))}to{transform:translateY(var(--float-range-y))}}@keyframes diceRoll{0%{transform:rotateX(0)rotateY(0)}30%{transform:rotateX(720deg)rotateY(360deg)}60%{transform:rotateX(1080deg)rotateY(720deg)}to{transform:rotateX(1440deg)rotateY(900deg)}}.letter-dice{perspective:600px;width:160px;height:160px}.letter-dice-cube{width:100%;height:100%;transform-style:preserve-3d;position:relative}.letter-dice-cube.rolling{animation:2.5s forwards diceRoll}.letter-dice-face{background:var(--miru-surface);border:3px solid var(--miru-surface-highlight);width:100%;height:100%;font-size:80px;font-family:var(--font-nunito), "Nunito", sans-serif;color:#fff;backface-visibility:hidden;border-radius:24px;justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute}.letter-dice-face.front{transform:translateZ(80px)}.letter-dice-face.back{transform:rotateY(180deg)translateZ(80px)}.letter-dice-face.right{transform:rotateY(90deg)translateZ(80px)}.letter-dice-face.left{transform:rotateY(-90deg)translateZ(80px)}.letter-dice-face.top{transform:rotateX(90deg)translateZ(80px)}.letter-dice-face.bottom{transform:rotateX(-90deg)translateZ(80px)}
