*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}:root{--viewport-height:100vh;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--color-bg:#08080f;--color-panel-bg:#0c0c14d9;--color-border:#ffffff0f;--color-text-dim:#ffffff4d;--color-viewport-bg:#0a0a14;--hud-top-height:48px;--hud-bottom-height:60px;--hud-side-width:200px}@supports (height:100dvh){:root{--viewport-height:100dvh}}html,body{background:var(--color-bg);width:100%;min-height:100%;color:var(--color-text-dim);font-family:system-ui,sans-serif;font-size:13px;overflow:hidden auto}#root{width:100%;min-height:var(--viewport-height)}button{transition:border-color .18s,box-shadow .18s,filter .18s,transform .18s}button:not(:disabled):hover,button:not(:disabled):focus-visible{filter:brightness(1.06);box-shadow:0 0 0 1px #f4f7ff29,0 0 20px #bedcff2e;border-color:#f4f7ffc2!important}button:disabled{opacity:.74}@keyframes overlay-panel-enter{0%{opacity:0;transform:translateY(18px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes panel-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay-panel__shell{transform-origin:top;animation:.22s cubic-bezier(.18,.84,.32,1) overlay-panel-enter}.overlay-panel__loading{place-items:center;display:grid}.panel-loading-indicator{color:#dbe5f7;justify-items:center;gap:14px;display:grid}.panel-loading-indicator__ring{border:2px solid #f4f7ffeb;border-color:#f4f7ffeb #72f1ffcc #7696d63d #7696d63d;border-radius:50%;width:42px;height:42px;animation:.9s linear infinite panel-loading-spin;box-shadow:0 0 24px #72f1ff24}.panel-loading-indicator__label{color:#95abc6;letter-spacing:1.2px;font-size:12px}@keyframes hue-rotate-border{0%{border-color:#a0c8ff59;box-shadow:0 0 18px #64a0ff2e}25%{border-color:#8264ff66;box-shadow:0 0 22px #7850ff38}50%{border-color:#b464ff59;box-shadow:0 0 18px #a03cff2e}75%{border-color:#50a0ff66;box-shadow:0 0 22px #3c8cff38}to{border-color:#a0c8ff59;box-shadow:0 0 18px #64a0ff2e}}.hue-border{border:1px solid #a0c8ff59;animation:6s ease-in-out infinite hue-rotate-border}@keyframes book-unlock-glow{0%{box-shadow:0 0 0 1px #80baff29,0 0 12px #60a0ff1f}25%{box-shadow:0 0 0 1px #76dce038,0 0 16px #52d2d62e}50%{box-shadow:0 0 0 1px #eea0ff3d,0 0 18px #d878ff2e}75%{box-shadow:0 0 0 1px #ffc67e3d,0 0 16px #ffb86e2e}to{box-shadow:0 0 0 1px #80baff29,0 0 12px #60a0ff1f}}@keyframes book-unlock-scale{0%,82%,to{transform:scale(1)}88%{transform:scale(1.05)}93%{transform:scale(.985)}}.book-unlock-pulse{transform-origin:50%;will-change:transform, box-shadow;animation:6s ease-in-out infinite book-unlock-glow,3s ease-in-out infinite book-unlock-scale}@keyframes poll-unread-glow{0%,74%,to{border-color:#788ab847;box-shadow:inset 0 1px #ffffff0a,0 0 #ffcd7100}82%{border-color:#ffd384b3;box-shadow:inset 0 1px #ffffff0f,0 0 18px #ffcd714d}88%{border-color:#ffe5abdb;box-shadow:inset 0 1px #ffffff14,0 0 28px #ffcd716b}}.poll-unread-pulse{animation:5.8s ease-in-out infinite poll-unread-glow}@media (prefers-reduced-motion:reduce){.hue-border{box-shadow:none;border-color:#8282ff4d;animation:none}.book-unlock-pulse{animation:none;box-shadow:0 0 0 1px #80baff2e,0 0 14px #74b6ff1f}.poll-unread-pulse{border-color:#ffd38485;animation:none;box-shadow:inset 0 1px #ffffff0a,0 0 16px #ffcd712e}.overlay-panel__shell,.panel-loading-indicator__ring{animation:none}}@keyframes hue-rotate-text{0%{color:#a0c8ff99}25%{color:#b482ffa6}50%{color:#c878ff99}75%{color:#64b4ffa6}to{color:#a0c8ff99}}.hue-text{animation:6s ease-in-out infinite hue-rotate-text}@media (prefers-reduced-motion:reduce){.hue-text{color:#8282c880;animation:none}}.game-shell{flex-direction:column;width:100%;height:100%;display:flex}.game-viewport{background:var(--color-viewport-bg);flex:1;position:relative;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#555}.hud-bottom{height:var(--hud-bottom-height);background:var(--color-panel-bg);border-top:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hud-bottom-center{align-items:center;gap:8px;display:flex}.admin-panel select,.admin-panel option,.admin-panel optgroup{color:#dfe8f7;background:#141b2a}.admin-panel select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@keyframes cosmic-star-twinkle{0%,to{opacity:var(--star-opacity,.24);transform:scale(1)}46%{opacity:calc(var(--star-opacity,.24) + .08);transform:scale(1.18)}50%{opacity:calc(var(--star-opacity,.24) + .26);transform:scale(1.42)}56%{opacity:calc(var(--star-opacity,.24) + .04);transform:scale(.96)}}@keyframes cosmic-cloud-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(14px,-10px)scale(1.04)}}@keyframes store-item-preview-emote-common{0%{opacity:0;transform:translateY(10px)scale(.76)}70%{opacity:1;transform:translateY(-2px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes store-item-preview-emote-rare{0%{opacity:0;transform:translate(-16px)scale(.72)rotate(-4deg)}72%{opacity:1;transform:translate(3px)scale(1.08)rotate(1deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes store-item-preview-emote-epic{0%{opacity:0;filter:brightness(1.8);transform:scale(.42)rotate(-14deg)}58%{opacity:1;filter:brightness(1.16);transform:scale(1.14)rotate(3deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(0)}}@keyframes store-item-preview-emote-legendary{0%{opacity:0;filter:brightness(2.3)saturate(1.45);transform:scale(.28)rotate(-22deg)}54%{opacity:1;filter:brightness(1.35)saturate(1.2);transform:scale(1.18)rotate(4deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(0)}}@keyframes store-item-preview-tracer-route{0%,to{transform:translate(28px,94px)rotate(-18deg)}28%{transform:translate(184px,38px)rotate(8deg)}58%{transform:translate(126px,20px)rotate(158deg)}80%{transform:translate(52px,80px)rotate(214deg)}}.store-item-preview__tracer-motion{width:76px;height:18px;animation:3.4s ease-in-out infinite store-item-preview-tracer-route;position:absolute}@keyframes personal-best-spark{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(0) scale(.35)}22%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateY(-52px) scale(1)}}.personal-best-celebration{color:#ffe3aa;letter-spacing:1.2px;background:#a46b1e24;border:1px solid #ffd37e6b;border-radius:7px;place-items:center;min-height:34px;margin:-4px 0 16px;padding:7px 14px;font-size:12px;display:inline-grid;position:relative;box-shadow:0 0 20px #ffbe5c29}.personal-best-celebration__sparks{pointer-events:none;position:absolute;inset:0}.personal-best-celebration__sparks i{--spark-angle:0deg;background:#ffe8b5;border-radius:50%;width:4px;height:4px;animation:1.4s ease-out both personal-best-spark;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #ffcd75e6}.personal-best-celebration__sparks i:nth-child(2){--spark-angle:36deg;animation-delay:50ms}.personal-best-celebration__sparks i:nth-child(3){--spark-angle:72deg;animation-delay:.1s}.personal-best-celebration__sparks i:nth-child(4){--spark-angle:108deg;animation-delay:.15s}.personal-best-celebration__sparks i:nth-child(5){--spark-angle:144deg;animation-delay:.2s}.personal-best-celebration__sparks i:nth-child(6){--spark-angle:180deg;animation-delay:.25s}.personal-best-celebration__sparks i:nth-child(7){--spark-angle:216deg;animation-delay:.3s}.personal-best-celebration__sparks i:nth-child(8){--spark-angle:252deg;animation-delay:.35s}.personal-best-celebration__sparks i:nth-child(9){--spark-angle:288deg;animation-delay:.4s}.personal-best-celebration__sparks i:nth-child(10){--spark-angle:324deg;animation-delay:.45s}.cosmic-backdrop{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.cosmic-backdrop--page{opacity:.96}.cosmic-backdrop--game{opacity:.68;mix-blend-mode:screen}.cosmic-backdrop__veil{background:radial-gradient(circle at 18% 18%,#588ee02e,#588ee000 34%),radial-gradient(circle at 82% 18%,#ffbc7e1f,#ffbc7e00 28%),radial-gradient(circle at 72% 74%,#ba70ff24,#ba70ff00 32%),linear-gradient(#0508121a,#05081200);position:absolute;inset:-8%}.cosmic-backdrop__cloud{animation:cosmic-cloud-drift var(--drift-duration,30s) ease-in-out infinite;animation-delay:var(--drift-delay,0s);border-radius:999px;position:absolute}.cosmic-backdrop__star{animation:cosmic-star-twinkle var(--twinkle-duration,6s) ease-in-out infinite;animation-delay:var(--twinkle-delay,0s);background:radial-gradient(circle,#f4f8fff5 0%,#aad6ffeb 44%,#aad6ff00 100%);border-radius:999px;position:absolute;box-shadow:0 0 8px #9cd2ff57}@media (prefers-reduced-motion:reduce){.cosmic-backdrop__cloud,.cosmic-backdrop__star,.store-item-preview__tracer-motion,.personal-best-celebration__sparks i{animation:none}}