:root{--bg: #14121e;--bg2: #1b1830;--panel: #241f3a;--panel2: #2e2850;--ink: #0b0912;--line: #4a4170;--accent: #7f77dd;--accent-d: #534aa6;--accent-l: #aba4ef;--white: #f2f0ff;--gray: #9a93c4;--gray-d: #6a6390;--green: #5fd17a;--green-d: #2f8f4a;--red: #e0506a;--red-d: #a32f48;--yellow: #f2c14e;--blue: #4f9ddb;--cyan: #50d6c8;--pixel: "Press Start 2P", monospace;--head: "Pixelify Sans", sans-serif;--label: "Silkscreen", monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--surface: var(--white)}html.a11y{--bg: #eceef3;--bg2: #e1e4ea;--panel: #ffffff;--panel2: #e9ebf0;--ink: #16161d;--line: #b9bcc6;--accent: #4137a6;--accent-d: #2f2884;--accent-l: #564cc2;--white: #1a1a24;--surface: #ffffff;--gray: #56535f;--gray-d: #736f7c;--green: #1f8f4c;--green-d: #166b39;--red: #cc2f50;--red-d: #9c2640;--yellow: #b9850c;--blue: #1f6fb0;--cyan: #15897d;--pixel: "Atkinson Hyperlegible", Verdana, system-ui, sans-serif;--head: "Atkinson Hyperlegible", Verdana, system-ui, sans-serif;--label: "Atkinson Hyperlegible", Verdana, system-ui, sans-serif;--sans: "Atkinson Hyperlegible", Verdana, system-ui, sans-serif;zoom:1.25}html.a11y body{background-image:none;image-rendering:auto}html.a11y img,html.a11y canvas{image-rendering:auto}html.a11y input,html.a11y button,html.a11y textarea,html.a11y select{font-family:var(--sans)}html.a11y [style*=uppercase]{letter-spacing:.02em;font-weight:700}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;max-width:100%}body{background-color:var(--bg);background-image:radial-gradient(rgba(127,119,221,.05) 1px,transparent 1px);background-size:4px 4px;color:var(--white);font-family:var(--sans);image-rendering:pixelated}img,canvas{image-rendering:pixelated}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--accent);border:3px solid var(--bg2)}::-webkit-scrollbar-thumb:hover{background:var(--accent-l)}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg2)}@keyframes pixPop{0%{transform:scale(1)}35%{transform:scale(1.24)}65%{transform:scale(.92)}to{transform:scale(1)}}@keyframes scIn{0%{transform:translateY(-7px)}60%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}@keyframes grUnreadPulse{0%,to{transform:scale(1);box-shadow:1px 1px #00000073,0 0 #e0506abf}50%{transform:scale(1.2);box-shadow:1px 1px #00000073,0 0 0 5px #e0506a00}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(-2px,1px) rotate(-5deg)}40%{transform:translate(2px,-1px) rotate(5deg)}60%{transform:translate(-1px,2px) rotate(-3deg)}80%{transform:translate(1px,-2px) rotate(4deg)}}@keyframes toastPix{0%{opacity:0}to{opacity:1}}@keyframes modalPix{0%{opacity:0}to{opacity:1}}@keyframes barShrink{0%{width:100%}to{width:0%}}@keyframes drawLine{0%{stroke-dashoffset:160}to{stroke-dashoffset:0}}@keyframes floatUp2{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(-4px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes winFlash{0%,to{filter:brightness(1)}50%{filter:brightness(1.7)}}@keyframes cosmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cosmHue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes cosmPulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.65)}}@keyframes cosmSlide{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes cosmGlow{0%,to{text-shadow:0 0 4px currentColor}50%{text-shadow:0 0 10px currentColor}}@keyframes cosmFlame{0%{filter:brightness(1) hue-rotate(0deg)}18%{filter:brightness(1.55) hue-rotate(-10deg)}34%{filter:brightness(.82) hue-rotate(5deg)}52%{filter:brightness(1.7) hue-rotate(-6deg)}68%{filter:brightness(.95) hue-rotate(9deg)}84%{filter:brightness(1.45) hue-rotate(-3deg)}to{filter:brightness(1) hue-rotate(0deg)}}@keyframes cosmSheen{0%{background-position:220% 0}38%,to{background-position:-120% 0}}@keyframes cosmSpark{0%{opacity:1}to{opacity:0}}@keyframes c4Fall{0%{transform:translateY(-360px) scaleY(1)}78%{transform:translateY(0) scaleY(1)}88%{transform:translateY(0) scale(1.12,.82)}to{transform:translateY(0) scale(1)}}@keyframes unoSlam{0%{transform:translateY(-18px) scale(1.4) rotate(-9deg)}60%{transform:translateY(-6px) scale(.94) rotate(5deg)}to{transform:translateY(-6px) scale(1) rotate(3deg)}}@keyframes unoDraw{0%{transform:translateY(16px) scale(.8);opacity:0}60%{transform:translateY(-3px) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes unoPlay{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-26px) scale(1.15);opacity:0}}@keyframes diceTumble{0%{transform:translate(0) rotate(0)}25%{transform:translate(-2px,-3px) rotate(-12deg)}50%{transform:translate(3px,2px) rotate(10deg)}75%{transform:translate(-2px,2px) rotate(-7deg)}to{transform:translate(0) rotate(0)}}@keyframes cardReveal{0%{transform:scale(.86)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes piecePop{0%{transform:scale(.6) translateY(-6px)}55%{transform:scale(1.18) translateY(0)}to{transform:scale(1)}}@keyframes bsSplash{0%{transform:scale(.2);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes quizPulse{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes bjFlip3d{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes bjThink{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes wheelReady{0%,to{box-shadow:3px 3px #00000073,0 0 #f2c14e99}50%{box-shadow:3px 3px #00000073,0 0 12px 3px #f2c14e8c}}@keyframes wheelPrizePop{0%{transform:scale(.4) translateY(8px);opacity:0}55%{transform:scale(1.18) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes chipBump{0%{transform:scale(1)}35%{transform:scale(1.22)}70%{transform:scale(.94)}to{transform:scale(1)}}.gr-game-opt:not(.is-active):hover{background:var(--panel2)!important}.gr-menu-item:hover{background:var(--panel2)!important}@keyframes slotRoll{0%{transform:translateY(var(--y0));animation-timing-function:cubic-bezier(.12,.5,.25,1)}84%{transform:translateY(calc(-2 * var(--ch) + 8px));animation-timing-function:cubic-bezier(.42,0,.6,1)}to{transform:translateY(calc(-2 * var(--ch)))}}@keyframes lineFlash{0%,to{opacity:1}50%{opacity:.55}}@keyframes slotCellWin{0%,to{box-shadow:inset 0 0 0 3px var(--yellow),0 0 8px 1px #f2c14e99}50%{box-shadow:inset 0 0 0 3px var(--yellow),0 0 16px 4px #f2c14ef2}}@keyframes slotGlow{0%{box-shadow:inset 0 0 0 3px var(--green);transform:scale(1)}35%{box-shadow:inset 0 0 0 3px var(--green),0 0 16px 5px #5fd17ae6;transform:scale(1.14)}to{box-shadow:none;transform:scale(1)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.gr-root{min-height:100%}.gr-scanlines{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;background:repeating-linear-gradient(transparent 0 2px,#0000001a 2px,#0000001a 3px);mix-blend-mode:multiply}.gr-input{font-family:var(--sans);box-shadow:inset 3px 3px #00000080}.gr-input:focus{border-color:var(--accent)!important;box-shadow:inset 3px 3px #00000080,0 0 0 3px var(--accent-d)}.gr-btn{font-family:var(--label);cursor:pointer;text-transform:uppercase}.gr-btn:disabled{cursor:not-allowed;opacity:.55}.gr-btn-primary{color:#fff;background:var(--accent);border:4px solid var(--ink);box-shadow:inset -3px -3px 0 var(--accent-d),inset 3px 3px 0 var(--accent-l),4px 4px #00000073}.gr-btn-primary:not(:disabled):active{transform:translate(2px,2px);box-shadow:inset -3px -3px 0 var(--accent-d),inset 3px 3px 0 var(--accent-l),1px 1px #00000073}.gr-btn-secondary{color:var(--accent-l);background:var(--bg);border:3px solid var(--accent)}.gr-btn-secondary:not(:disabled):hover{background:var(--accent);color:#fff}.gr-btn-secondary:not(:disabled):active{transform:translate(2px,2px)}.gr-btn-danger{color:var(--red);background:var(--bg);border:4px solid var(--ink);box-shadow:inset -3px -3px #0006}.gr-btn-danger:not(:disabled):hover{background:var(--red);color:#fff}.gr-btn-danger:not(:disabled):active{transform:translate(2px,2px)}.gr-btn-ghost{color:var(--white);background:var(--bg);border:4px solid var(--ink);box-shadow:inset -3px -3px #0006}.gr-btn-ghost:not(:disabled):active{transform:translate(2px,2px)}.gr-link{color:var(--accent-l);font-weight:700;cursor:pointer}.gr-link:hover{text-decoration:underline}.gr-game-card{transition:transform .12s steps(2)}.gr-game-card:hover{transform:translate(-3px,-3px)}.gr-friend-row:hover{background:var(--bg)}.gr-icon-btn{box-shadow:inset -3px -3px #0006}.gr-icon-btn:active{transform:translate(2px,2px)}.gr-ttt-cell.gr-playable:hover{background:var(--panel2)!important;border-color:var(--accent)!important}.gr-c4-drop:not(:disabled):hover{background:var(--accent)!important;color:#fff!important}.gr-c4-drop:not(:disabled):active{transform:translateY(2px)}.gr-bs-cell.gr-shootable:hover{background:var(--accent)!important}.gr-uno-card.gr-playable:hover{transform:translateY(-18px) scale(1.05);z-index:50}.gr-quiz-opt.gr-clickable:active{transform:translate(2px,2px)}.gr-chess-sq.gr-selectable:hover{filter:brightness(1.15)}.gr-die:hover{filter:brightness(1.06)}.gr-color-dot:hover{transform:scale(1.1)}.gr-swatch:hover{transform:scale(1.08)}.gr-mute{box-shadow:inset -2px -2px #0006}.gr-mute:active{transform:translate(1px,1px)}@media (max-width: 720px){html,body{overflow-x:hidden}.gr-scanlines{background:repeating-linear-gradient(transparent 0 2px,#0000000f 2px,#0000000f 3px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-width:2px}}