*,*:before,*:after{box-sizing:border-box}:root{--container-max-width: 100%;--scene-max-width: min(85vw, 700px);--floating-dialog-max-width: 500px;--color-primary-rgb: 138, 43, 226;--color-secondary-rgb: 226, 43, 196;--color-primary-light-rgb: 139, 92, 246;--color-accent-rgb: 99, 102, 241;--color-deep-purple-rgb: 75, 0, 130;--color-danger-rgb: 239, 68, 68;--color-danger-soft-rgb: 255, 107, 107;--color-primary: #8A2BE2;--color-secondary: #E22BC4;--color-primary-light: #8b5cf6;--color-accent: #6366f1;--color-tertiary-bg: #1A0F1F;--color-topbar-accent: #8be7ff;--color-bg-base: #050b18;--color-bg-body: #252525;--color-bg-topbar: #111;--color-bg-modal: #070710;--color-bg-card: #1e293b;--color-bg-map: #0a1628;--color-bg-show: #0b1120;--color-bg-dialog: rgba(10, 10, 12, .96);--color-bg-overlay: rgba(0, 0, 0, .35);--color-bg-overlay-dark: rgba(0, 0, 0, .6);--color-bg-overlay-medium: rgba(0, 0, 0, .45);--color-bg-overlay-light: rgba(0, 0, 0, .12);--color-bg-cancel-btn: rgba(30, 41, 59, .85);--color-bg-pause-menu: rgba(30, 30, 50, .95);--color-bg-pause-menu-end: rgba(20, 20, 35, .98);--color-text-primary: #f5f7ff;--color-text-bright: #fff;--color-text-high: #f1f5f9;--color-text-secondary: #e2e8f0;--color-text-muted: #cbd5e1;--color-text-subtle: #94a3b8;--color-text-faint: #9aa3b8;--color-text-dim: #888;--color-text-placeholder: #7c869a;--color-success: #4ade80;--color-trend-up: #34d399;--color-trend-down: #fb7185;--color-danger: #ef4444;--color-danger-soft: #ff6b6b;--color-info: #4da6ff;--color-star: #ffd166;--color-pin-border-color: #fbbf24;--color-rarity-common: var(--color-text-subtle);--color-rarity-uncommon: var(--color-success);--color-rarity-rare: var(--color-info);--color-rarity-epic: var(--color-primary-light);--color-rarity-legendary: var(--color-star);--color-stat-energy: #f5a623;--color-stat-hunger: #ff5566;--color-stat-mood: #7c4dff;--color-score-critical: #ef4444;--color-score-low: #f97316;--color-score-mid: #3b82f6;--color-score-high: #22c55e;--color-soundstage-lane-emerald: #4ade80;--color-soundstage-lane-rose: #fb7185;--color-soundstage-lane-gold: #ffd166;--color-soundstage-lane-cyan: #4da6ff;--color-soundstage-lane-violet: #8b5cf6;--card-bg: #fff;--card-bg-end: #fafafa;--card-text: #444;--card-text-disabled: #aaa;--card-slot-text: #222;--card-slot-placeholder: #999;--poster-bg: #f6f3ea;--poster-text: #111;--poster-border: #222;--poster-meta: #333;--poster-position-filled: #000;--poster-position-empty: #666;--menu-button-bg: var(--color-primary);--menu-secondary: var(--color-secondary);--menu-tertiary: var(--color-tertiary-bg);--menu-bg: var(--color-bg-modal);--menu-fg: var(--color-text-primary);color-scheme:dark;font-family:Pixelify Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background-color:var(--color-bg-base);color:var(--color-text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--color-bg-body);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;overflow-x:hidden;font-family:inherit}button,input,select,textarea{font-family:inherit}#app{width:100%;display:flex;justify-content:center;padding:0;min-height:100vh;min-height:100dvh}.game-container{width:min(var(--container-max-width),100%);display:flex;flex-direction:column;align-items:center;gap:2rem;min-height:100vh;min-height:100dvh}.scene{width:100%;display:flex;flex-direction:column;align-items:stretch}.scene--menu{display:flex;align-items:center;max-width:var(--scene-max-width);gap:1rem;text-align:center;margin:0 auto;padding:1.5rem 0}.login-background{background-image:url(/images/background-login.png);background-size:120%;background-position:10% 50%;background-repeat:no-repeat;image-rendering:pixelated;width:100%;min-height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;animation:bg-pan-zoom-sequence 44s ease-in-out infinite;will-change:background-position,background-size}.register-background{background-image:url(/images/background-register.png)}.menu-background{background-image:url(/images/background-main-menu.png)}@media(max-width:768px){.login-background,.register-background,.menu-background{animation:none!important;background-size:cover!important;background-position:center center!important;image-rendering:auto!important}.login-background:after{opacity:.12!important}.scene--login{padding:16px 18px!important;max-width:92%!important}.scene--menu .menu__button{font-size:1rem!important}input,textarea,select{font-size:max(16px,1em)!important}}.scene--login{max-width:500px;width:90%;gap:1rem;text-align:center;margin:0 auto;position:relative;padding:25px 30px;background:linear-gradient(180deg,#03060ae0,#03060ac7);backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);box-shadow:0 18px 60px #000000bf,inset 0 1px #ffffff05;color:var(--color-text-bright);display:flex;flex-direction:column;justify-content:center;align-items:center}.scene--login:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#00000059;pointer-events:none;z-index:1}.scene--login>*{position:relative;z-index:3}.scene--login:after{content:"";position:absolute;inset:-1px;pointer-events:none;z-index:2;image-rendering:pixelated;background-repeat:no-repeat;background-image:repeating-linear-gradient(90deg,#03060ae0 0 6px,transparent 6px 12px),repeating-linear-gradient(0deg,#03060ae0 0 6px,transparent 6px 12px),repeating-linear-gradient(90deg,#03060ae0 0 6px,transparent 6px 12px),repeating-linear-gradient(0deg,#03060ae0 0 6px,transparent 6px 12px),linear-gradient(#03060ae0,#03060ae0),linear-gradient(#03060ae0,#03060ae0),linear-gradient(#03060ae0,#03060ae0),linear-gradient(#03060ae0,#03060ae0);background-position:top left,top left,bottom left,top right,6px 6px,6px 6px,6px calc(100% - 6px),calc(100% - 6px) 6px;background-size:100% 6px,6px 100%,100% 6px,6px 100%,calc(100% - 12px) 4px,4px calc(100% - 12px),calc(100% - 12px) 4px,4px calc(100% - 12px)}.scene--login form{width:100%}.scene--login .menu__title,.scene--login h2{font-family:Pixelify Sans,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:clamp(1rem,4vw,1.3rem);margin:0 0 .6rem;line-height:1;-webkit-font-smoothing:antialiased;text-shadow:0 2px 0 rgba(0,0,0,.75)}.scene--login .menu__input,.scene--login input.menu__input,.scene--login textarea.menu__input,.scene--login select.menu__input{width:95%;margin:0 2.5%;padding:.85rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff05,#0000001f);color:var(--color-text-primary);font-weight:700;font-size:.95rem;letter-spacing:.02em;box-shadow:0 6px 18px #00000073 inset;backdrop-filter:blur(4px)}.scene--login .menu__input::placeholder{color:#ffffffb3;font-weight:600}.scene--login .menu__input:focus{outline:none;border-color:#8a2be28c;box-shadow:0 6px 24px #6366f11f}.scene--login .menu__button{border-radius:8px;padding:.6rem .9rem;border:1px solid rgba(0,0,0,.6);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--color-text-bright);font-weight:800;text-transform:uppercase;letter-spacing:.06em;transition:transform .12s ease,box-shadow .12s ease;backdrop-filter:blur(4px)}.scene--login .menu__button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #00000073}.scene--studio{width:100%;max-width:none;margin:0;padding:0;gap:0}.brand-mark,.menu__logo{width:min(350px,90%);height:auto}.menu__subtitle{font-size:.75rem;color:var(--color-text-dim);margin:0;margin-top:.25rem}.menu__button{width:100%;margin:0 5%;padding:.875rem 1rem;border:none;border-radius:.5rem;background-color:var(--menu-button-bg);color:#fff;font-weight:400;cursor:pointer;text-align:left;font-size:clamp(1rem,2.5vw,1.25rem);transition:transform .15s ease,box-shadow .15s ease}.table__action-button{width:auto;padding:.5rem .75rem;border:none;border-radius:.5rem;background-color:var(--menu-button-bg);color:#fff;font-weight:400;cursor:pointer;text-align:center;font-size:.95rem;transition:transform .12s ease,box-shadow .12s ease}.game-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.6rem 1rem;border:none;border-radius:.5rem;background-color:var(--menu-button-bg);color:#fff;font-family:inherit;font-weight:600;font-size:.9rem;cursor:pointer;text-align:center;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;line-height:1.2}.game-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.3)}.game-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.game-btn:focus-visible{outline:3px solid rgba(var(--color-primary-rgb),.55);outline-offset:2px}.game-btn:disabled,.game-btn--locked{opacity:.45;cursor:not-allowed}.game-btn--auto{width:auto}.game-btn--sm{padding:.4rem .75rem;font-size:.8rem;border-radius:.4rem}.floating-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.6rem 1rem;border:none;border-radius:.5rem;background-color:var(--menu-button-bg);color:#fff;font-family:inherit;font-weight:600;font-size:1.1rem;cursor:pointer;text-align:center;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;line-height:1.2}.floating-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.3)}.floating-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.floating-btn:focus-visible{outline:3px solid rgba(var(--color-primary-rgb),.55);outline-offset:2px}.floating-btn:disabled,.floating-btn--locked{opacity:.45;cursor:not-allowed}.scene--menu .menu__button{border-radius:8px;font-size:1.2rem;border:1px solid rgba(0,0,0,.6);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--color-text-bright);font-weight:800;text-transform:uppercase;letter-spacing:.06em;transition:transform .12s ease,box-shadow .12s ease;backdrop-filter:blur(4px)}.saves__actions .menu__button{margin:0!important}.scene--menu .menu__button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #00000073}.menu__button-disabled{background-color:var(--menu-button-bg);cursor:not-allowed;opacity:.6}.menu__button:focus-visible{outline:3px solid rgba(var(--color-primary-rgb),.55);outline-offset:2px}.menu__label{font-size:.8rem;color:var(--color-text-muted);text-align:left;margin-left:2.5%}.menu__checkbox-group{display:grid;grid-template-columns:31% 31% 31%;gap:3%;width:100%;box-sizing:border-box}.menu__checkbox-label{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:100%}.menu__checkbox-input{position:absolute;inset:0;opacity:0;pointer-events:none}.menu__checkbox-text{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--color-text-primary);font-weight:600;font-size:.85rem;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-transform:capitalize;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;box-shadow:0 0 rgba(var(--color-primary-rgb),0)}.menu__checkbox-label:hover .menu__checkbox-text{border-color:#fff6}.menu__checkbox-input:focus-visible+.menu__checkbox-text{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.35)}.menu__checkbox-input:checked+.menu__checkbox-text{background:var(--menu-button-bg);color:var(--color-text-bright);border-color:transparent;box-shadow:0 6px 18px rgba(var(--color-primary-rgb),.25)}.menu__checkbox-input:checked:focus-visible+.menu__checkbox-text{box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.35)}.menu__select{position:relative;width:95%;margin:0 2.5%}.menu__select-trigger{width:100%;padding:.85rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#ffffff1f,#ffffff0d);color:var(--color-text-primary);font-weight:600;font-size:.8rem;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,color .2s ease;backdrop-filter:blur(12px);box-shadow:0 0 rgba(var(--color-primary-rgb),0)}.menu__select-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.35)}.menu__select-text{flex:1;text-align:left}.menu__select-text--placeholder{color:var(--color-text-placeholder);font-weight:500}.menu__select-chevron{width:.55rem;height:.55rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease,color .2s ease}.menu__select--open .menu__select-trigger{background:var(--menu-button-bg);border-color:transparent;box-shadow:0 12px 28px rgba(var(--color-primary-rgb),.35);transform:translateY(-2px);color:var(--color-bg-base)}.menu__select--open .menu__select-text--placeholder{color:var(--color-text-bright)}.menu__select--open .menu__select-chevron{transform:rotate(-135deg);color:var(--color-bg-base)}.menu__select-list{list-style:none;margin:0;padding:.75rem;position:absolute;left:0;right:0;top:calc(100% + .1rem);display:flex;flex-direction:column;gap:.45rem;border-radius:.35rem;background:var(--menu-button-bg);border:1px solid transparent;box-shadow:0 18px 36px rgba(var(--color-primary-rgb),.28);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;z-index:10;backdrop-filter:blur(18px);max-height:240px;overflow-y:auto}.menu__select-list li{margin:0}.menu__select-list::-webkit-scrollbar{width:6px}.menu__select-list::-webkit-scrollbar-thumb{background:rgba(var(--color-primary-rgb),.45);border-radius:999px}.menu__select-list::-webkit-scrollbar-track{background:transparent}.menu__select--open .menu__select-list{opacity:1;pointer-events:auto;transform:translateY(0);z-index:99}.menu__select-option{width:100%;border:1px solid rgba(255,255,255,.06);border-radius:.25rem;padding:.65rem .95rem;background:#ffffff0f;color:var(--color-text-bright);font-weight:600;font-size:.8rem;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease}.menu__select-option:hover,.menu__select-option:focus-visible{background:rgba(var(--color-primary-rgb),.9);border-color:transparent;color:var(--color-bg-base);transform:translateY(-1px);box-shadow:0 10px 22px rgba(var(--color-primary-rgb),.25);outline:none}.menu__select-option--active{background:var(--menu-button-bg);border-color:transparent;color:var(--color-bg-base);box-shadow:0 10px 22px rgba(var(--color-primary-rgb),.25)}.menu__select-check{font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.menu__buttons-container{display:flex;justify-content:space-between;margin-top:15px;width:100%}.menu__buttons-container .menu__button{margin:0}.menu__buttons-container .menu__button.next-button{width:67%;border:2px solid var(--menu-button-bg);height:100%}.menu__buttons-container .menu__button.back-button{width:31%;height:100%;background-color:var(--menu-tertiary);border:2px solid var(--menu-button-bg);text-align:center}.menu__buttons-container .menu__button.back-button.back-button-full{width:100%}.scene--login .menu__buttons-container .menu__button.next-button,.scene--login .menu__buttons-container .menu__button.back-button{width:49%;text-align:center}.scene--login .menu__buttons-container{gap:2%}.scene--menu .menu__buttons-container .menu__button.next-button,.scene--menu .menu__buttons-container .menu__button.back-button{width:49%;text-align:center;border-radius:8px;border:1px solid rgba(0,0,0,.6);background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:var(--color-text-bright);font-weight:800;text-transform:uppercase;letter-spacing:.06em;transition:transform .12s ease,box-shadow .12s ease;backdrop-filter:blur(4px)}.scene--menu .menu__buttons-container .menu__button.next-button:hover,.scene--menu .menu__buttons-container .menu__button.back-button:hover{transform:translateY(-3px);box-shadow:0 12px 20px #00000073}.menu__input-container{width:100%;display:flex;flex-direction:column;gap:.5rem}.menu__input,input.menu__input,select.menu__input,textarea.menu__input{width:95%;margin:0 2.5%;padding:.85rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#ffffff14,#ffffff08);color:var(--color-text-primary);font-weight:600;font-size:.95rem;letter-spacing:.02em;min-height:48px;display:block;line-height:1.2;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000001a;position:relative;-webkit-appearance:none;appearance:none}.menu__input--small,select.menu__input--small,input.menu__input--small,textarea.menu__input--small{padding:.5rem .75rem;font-size:.8rem;min-height:36px;border-radius:.5rem;width:95%;margin:0 2.5%}.menu__input--small::placeholder{color:var(--color-text-faint)}.menu__button--small{width:auto;margin:0;padding:.4rem .6rem;border-radius:.5rem;font-size:.78rem;height:32px;display:inline-flex;align-items:center;justify-content:center}.menu__button--small:focus-visible{outline:3px solid rgba(var(--color-primary-rgb),.35);outline-offset:2px}.menu__input::placeholder{color:var(--color-text-placeholder);font-weight:500}.menu__input:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.35);border-color:transparent}.menu__input-wrapper{position:relative;width:100%}.topbar{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(12px,3vw,24px);background:var(--color-bg-topbar);color:var(--color-text-bright);font-size:clamp(12px,1.5vw,14px);z-index:99;box-sizing:border-box}.floating__overlay{position:fixed;inset:0;background:var(--color-bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10999}.floating__dialog{position:fixed;inset:0;margin:auto;width:min(var(--floating-dialog-max-width),92vw);height:fit-content;background:var(--color-bg-dialog);color:var(--color-text-bright);z-index:11000;border-radius:12px;padding:20px;box-shadow:0 10px 40px #0009;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.floating__logo{text-align:center;margin-bottom:12px}.floating__logo img{height:72px;width:auto}.floating__buttons{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:8px}.modal__root{position:fixed;inset:0;z-index:12050}.modal__backdrop{position:absolute;inset:0;background:var(--color-bg-overlay-dark)}.modal__dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(560px,92vw);max-height:90vh;max-height:90dvh;overflow-y:auto;background:var(--menu-bg, #070710);border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:1.25rem;box-shadow:0 10px 40px #0009}.modal__title{margin:0;font-size:1.25rem}.modal__body{margin-top:.75rem;color:var(--menu-fg, #f5f7ff)}.modal__footer{margin-top:1rem;display:flex;justify-content:flex-end}.modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff14;color:var(--color-text-bright);font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:12060}.modal__close:hover{background:#ffffff26}.next-button__wrap{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:10000;width:90%;max-width:420px;box-sizing:border-box}.logo-notification{position:fixed;top:var(--logo-top, 60px);left:var(--logo-left, 0px);width:var(--logo-width, 40px);height:auto;pointer-events:none;z-index:9998}.logo-notification--inline{position:static;top:auto;left:auto;width:var(--logo-width, 40px);height:auto;display:block}.notification-center{position:fixed;top:60px;left:0;display:flex;flex-direction:column;gap:8px;z-index:9998;pointer-events:none}.notification-item{pointer-events:auto;margin-left:8px;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:6px}.notification-item:hover{background:#ffffff05}.menu__button.next-button{width:100%;margin:0;text-align:center}select.menu__input{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - .9rem) center,calc(100% - .9rem) center;background-size:6px 6px;background-repeat:no-repeat;padding-right:1.25rem}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.5}50%{transform:translate(-50%,-50%) scale(1);opacity:.3}to{transform:translate(-50%,-50%) scale(.8);opacity:.5}}@keyframes labelPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes bg-pan-zoom-sequence{0%{background-position:5% 18%;background-size:160%}20%{background-position:30% 36%;background-size:140%}45%{background-position:80% 52%;background-size:130%}60%{background-position:50% 50%;background-size:100%}80%{background-position:95% 85%;background-size:170%}to{background-position:5% 18%;background-size:160%}}@media(prefers-reduced-motion:reduce){.login-background{animation:none!important;background-size:cover!important;background-position:center!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:374px){:root{--container-max-width: 100%;--scene-max-width: 95vw;--floating-dialog-max-width: 100%}.menu__button{font-size:.95rem;padding:.75rem .875rem}.floating__dialog{border-radius:8px;padding:30px 14px}.topbar{font-size:11px;padding:0 10px}}@media(min-width:375px)and (max-width:480px){:root{--container-max-width: 100%;--scene-max-width: 92vw}}@media(min-width:481px)and (max-width:768px){:root{--scene-max-width: min(80vw, 600px);--floating-dialog-max-width: 520px}.menu__logo{width:min(380px,100%)}}@media(min-width:769px){:root{--scene-max-width: min(50vw, 700px);--floating-dialog-max-width: 560px}body{justify-content:center;align-items:center}#app{align-items:center}.game-container{min-height:auto}.scene--menu{padding:0}.menu__button{font-size:1.1rem;padding:.95rem 1rem}.menu__logo{width:min(400px,100%)}.floating__dialog{padding:28px 32px}.topbar{height:52px;font-size:14px}}.error-screen,.loading-screen{padding:2rem;text-align:center}.error-screen{color:#dc2626}.app__connection-banner{position:absolute;top:0;left:0;right:0;z-index:9999;color:#fff;text-align:center;padding:8px;font-weight:700;box-shadow:0 4px 6px #0000004d}.app__connection-banner--reconnecting{background-color:#ff9800}.app__connection-banner--disconnected{background-color:#f44336}.menu__header{text-align:center;margin-bottom:1.25rem}.menu__header--page{margin-bottom:1rem;padding:20px 20px 0}.menu__title{margin:0;font-size:1.75rem;line-height:1.1;font-weight:700}.menu__title--tight{letter-spacing:-.02em}.scene--login h2{margin:0}.menu__feedback{margin:0;margin-top:.6rem;font-size:.9rem;font-weight:600}.menu__feedback--error{color:#dc2626}.menu__feedback--success{color:#059669}.menu__input-container--mt{margin-top:1rem}.menu__input-container--mt-sm{margin-top:.5rem}.floating__dialog--fullscreen{top:0;left:0;width:100vw;height:100vh;max-width:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center}@media(max-width:768px){.floating__dialog--fullscreen{height:100vh}}.floating__overlay--fullscreen{position:fixed;inset:0;width:100vw;height:100vh}.menu__button.menu__button--locked{background-color:#6b5c7c;color:#ccc;cursor:not-allowed;opacity:.75}.menu__buttons-container--mt{margin-top:16px}.menu__buttons-container--mt-sm{margin-top:12px}.menu__buttons-container--mt-auto{margin-top:auto;padding-top:16px}.menu__buttons-container--mt-0{margin-top:0}.menu__buttons-container--end{justify-content:flex-end}.u-ml-auto{margin-left:auto}.u-pointer-events-none{pointer-events:none}.floating-status{display:flex;align-items:center;gap:8px;margin-top:8px}.floating-status__avatar{width:48px;height:48px;border-radius:999px}.floating-status__body{display:flex;flex-direction:column}.floating-status__role{opacity:.8}.notification-popup{display:flex;gap:12px;align-items:center}.notification-popup__image{width:64px;height:auto}.notification-popup__message{margin-top:8px;color:var(--menu-fg, #f5f7ff)}.menu__select--full{width:100%;margin:0}.menu__label--subtle{font-size:.85rem;color:var(--color-text-subtle);margin-bottom:6px}.manage-members__detail-row{display:flex;gap:12px;align-items:center}.manage-members__detail-avatar{width:64px;height:64px;border-radius:6px;object-fit:cover}.manage-members__detail-name{margin:0}.manage-members__detail-role{color:var(--color-text-muted);margin-top:6px}.manage-members__modal-footer{margin-top:12px;display:flex;gap:8px;justify-content:flex-end}*,*:before,*:after{cursor:url(/assets/cursor/hand.png) 10 8,auto!important}input,textarea,select,[contenteditable],input:hover,input:focus,input:active,textarea:hover,textarea:focus,textarea:active,select:hover,select:focus,select:active,[contenteditable]:hover,[contenteditable]:focus,[contenteditable]:active{cursor:url(/assets/cursor/hand.png) 10 8,default!important}img.pixelated,.pixelated{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}:root{--scrollbar-thumb: #c5cfd8;--scrollbar-track: #1a1a2e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:0;border:2px solid var(--scrollbar-track);image-rendering:pixelated}::-webkit-scrollbar-thumb:hover{background:#dde4ea}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}