:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{box-sizing:border-box;width:100%;min-height:100svh;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.quit-modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d1b4e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.quit-modal{text-align:center;background:linear-gradient(165deg,#fff7fb 0%,#f0e8ff 100%);border:4px solid #ffb8d9;border-radius:20px;width:min(420px,100%);padding:28px 24px 24px;box-shadow:0 18px 40px #783c8c59,inset 0 2px #ffffffd9}.quit-modal__title{letter-spacing:-.02em;color:#5b2d82;margin:0 0 12px;font-size:24px;font-weight:800}.quit-modal__body{color:#6b4f88;margin:0 0 22px;font-size:17px;line-height:1.45}.quit-modal__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.quit-modal__btn{cursor:pointer;border:3px solid #0000;border-radius:999px;min-width:120px;padding:12px 22px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .12s}.quit-modal__btn:hover{transform:translateY(-1px)}.quit-modal__btn:active{transform:translateY(1px)}.quit-modal__btn--primary{color:#fff;background:linear-gradient(#7dd3fc 0%,#38bdf8 100%);border-color:#0ea5e9;box-shadow:0 4px #0284c7}.quit-modal__btn--secondary{color:#5b2d82;background:#fff;border-color:#d8b4fe;box-shadow:0 4px #c4b5fd}.quit-modal__btn--danger{color:#fff;background:linear-gradient(#fb7185 0%,#f43f5e 100%);border-color:#e11d48;box-shadow:0 4px #be123c}.quit-modal__btn--selected{outline-offset:3px;outline:3px solid #5b2d82;transform:translateY(-2px)}.quit-modal__hint{color:#9ca3af;margin:18px 0 0;font-size:13px;font-weight:600}.wallet-display{pointer-events:none;align-items:center;gap:8px;display:inline-flex}.wallet-display__item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-weight:800;display:inline-flex;box-shadow:0 3px #5b2d821f}.wallet-display__item--coins{color:#92400e;border:3px solid #fde68a}.wallet-display__item--gems{color:#0369a1;border:3px solid #bae6fd}.wallet-display__icon{font-size:16px;line-height:1}.wallet-display__value{font-size:15px;line-height:1}.wallet-display__label{opacity:.85;font-size:12px;font-weight:700}.wallet-display--top-bar{justify-self:center}@media (width<=640px){.wallet-display__label{display:none}.wallet-display__item{padding:7px 10px}}.game-hud{z-index:100;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed;top:16px;left:16px;right:16px}.game-hud__quit-btn{pointer-events:auto;color:#be123c;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff1f2eb;border:3px solid #fda4af;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:800;transition:transform .12s;box-shadow:0 4px #fb7185}.game-hud__quit-btn:hover{transform:translateY(-1px)}.game-hud__quit-btn:active{transform:translateY(2px);box-shadow:0 1px #fb7185}.avatar-customizer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffffffeb;border:4px solid #fbcfe8;border-radius:24px;width:min(920px,100%);padding:28px 24px 24px;box-shadow:0 16px 36px #783c8c2e}.avatar-customizer__header{text-align:center;margin-bottom:22px}.avatar-customizer__title{color:#5b2d82;margin:0 0 8px;font-size:1.75rem;font-weight:900}.avatar-customizer__subtitle{color:#6b4f88;margin:0;font-size:1rem;line-height:1.45}.avatar-customizer__layout{grid-template-columns:minmax(160px,220px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.avatar-customizer__preview{justify-content:center;min-height:220px;display:flex}.avatar-customizer__preview .opening-player-avatar{width:180px;height:220px}.avatar-customizer__settings{flex-direction:column;gap:10px;display:flex}.avatar-customizer__row{background:#f3e8ff73;border:2px solid #0000;border-radius:14px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;display:grid}.avatar-customizer__row--focused{border-color:#c4b5fd;box-shadow:0 0 0 2px #7c3aed26}.avatar-customizer__row-label{color:#5b2d82;font-size:14px;font-weight:700}.avatar-customizer__row-controls{align-items:center;gap:8px;display:flex}.avatar-customizer__arrow{color:#7c3aed;cursor:pointer;background:#fdfcff;border:2px solid #ddd6fe;border-radius:999px;width:34px;height:34px;font-size:22px;line-height:1}.avatar-customizer__value{color:#4c1d95;text-align:center;flex:1;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.avatar-customizer__swatch{border:2px solid #5b2d8240;border-radius:4px;flex-shrink:0;width:16px;height:16px}.avatar-customizer__gamepad-hint{color:#94a3b8;margin:6px 0 0;font-size:12px;line-height:1.4}.avatar-customizer__error{color:#be123c;text-align:center;margin:14px 0 0;font-size:14px;font-weight:600}.avatar-customizer__finish{color:#14532d;cursor:pointer;background:linear-gradient(#86efac 0%,#4ade80 100%);border:4px solid #16a34a;border-radius:999px;width:min(320px,100%);margin:22px auto 0;padding:14px 32px;font-size:1.05rem;font-weight:900;transition:transform .12s;display:block;box-shadow:0 5px #15803d}.avatar-customizer__finish--focused{outline-offset:3px;outline:3px solid #bbf7d0}.avatar-customizer__finish:disabled{opacity:.65;cursor:not-allowed}.avatar-customizer__finish:hover:not(:disabled){transform:translateY(-2px)}.avatar-customizer__finish:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #15803d}@media (width<=720px){.avatar-customizer__layout{grid-template-columns:1fr}.avatar-customizer__row{grid-template-columns:1fr;gap:8px}}.avatar-setup{box-sizing:border-box;background:radial-gradient(circle at 20% 20%,#ffd6f0e6 0%,#0000 40%),radial-gradient(circle at 80% 15%,#bae6fdd9 0%,#0000 38%),linear-gradient(#fff1f8 0%,#e0f2fe 60%,#dcfce7 100%);justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.change-password-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d1b4e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.change-password-modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffffffeb;border:4px solid #fbcfe8;border-radius:22px;width:min(420px,100%);padding:28px 24px 24px;position:relative;box-shadow:0 16px 36px #783c8c2e}.change-password-modal__close{color:#7c3aed;cursor:pointer;background:#f3e8ff;border:none;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.change-password-modal__title{text-align:center;color:#5b2d82;margin:0 0 16px;font-size:1.4rem;font-weight:800}.change-password-modal__field{color:#6b4f88;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.change-password-modal__field input{color:#1e1b2e;background:#fdfcff;border:3px solid #ddd6fe;border-radius:12px;padding:11px 12px;font-size:15px}.change-password-modal__field input:disabled{opacity:.65}.change-password-modal__helper{text-align:right;margin:-4px 0 12px}.change-password-modal__link{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.change-password-modal__link:disabled{opacity:.65;cursor:not-allowed}.change-password-modal__error{color:#be123c;text-align:center;margin:0 0 10px;font-size:14px;font-weight:600}.change-password-modal__message{color:#0369a1;text-align:center;margin:0 0 10px;font-size:14px;font-weight:600}.change-password-modal__submit{color:#14532d;cursor:pointer;background:linear-gradient(#86efac 0%,#4ade80 100%);border:3px solid #16a34a;border-radius:999px;width:100%;margin-top:4px;padding:12px 16px;font-size:16px;font-weight:700;box-shadow:0 4px #15803d}.change-password-modal__submit:disabled{opacity:.65;cursor:not-allowed}.delete-account-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d1b4e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.delete-account-modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fffffff5;border:4px solid #fecaca;border-radius:22px;width:min(440px,100%);padding:28px 24px 24px;position:relative;box-shadow:0 16px 36px #783c8c2e}.delete-account-modal__close{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.delete-account-modal__title{color:#991b1b;margin:0 0 12px;font-size:1.35rem;font-weight:800}.delete-account-modal__warning{color:#6b4f88;margin:0 0 18px;font-size:.95rem;line-height:1.5}.delete-account-modal__field{color:#5b2d82;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.delete-account-modal__field input{color:#1e1b2e;border:2px solid #fca5a5;border-radius:12px;padding:10px 12px;font-size:16px}.delete-account-modal__error{color:#b91c1c;margin:0 0 12px;font-size:14px;font-weight:600}.delete-account-modal__actions{justify-content:flex-end;gap:10px;display:flex}.delete-account-modal__cancel,.delete-account-modal__confirm{cursor:pointer;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:800}.delete-account-modal__cancel{color:#7c3aed;background:#fff;border:2px solid #c4b5fd}.delete-account-modal__confirm{color:#7f1d1d;background:linear-gradient(#fecaca 0%,#f87171 100%);border:3px solid #b91c1c;box-shadow:0 3px #b91c1c}.delete-account-modal__confirm:disabled,.delete-account-modal__cancel:disabled{opacity:.6;cursor:not-allowed}.forgot-password-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d1b4e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.forgot-password-modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffffffeb;border:4px solid #fbcfe8;border-radius:22px;width:min(420px,100%);padding:28px 24px 24px;position:relative;box-shadow:0 16px 36px #783c8c2e}.forgot-password-modal__close{color:#7c3aed;cursor:pointer;background:#f3e8ff;border:none;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.forgot-password-modal__title{text-align:center;color:#5b2d82;margin:0 0 8px;font-size:1.4rem;font-weight:800}.forgot-password-modal__intro{text-align:center;color:#6b4f88;margin:0 0 16px;font-size:14px;line-height:1.45}.forgot-password-modal__field{color:#6b4f88;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.forgot-password-modal__field input{color:#1e1b2e;background:#fdfcff;border:3px solid #ddd6fe;border-radius:12px;padding:11px 12px;font-size:15px}.forgot-password-modal__field input:disabled{opacity:.65}.forgot-password-modal__error{color:#be123c;text-align:center;margin:0 0 10px;font-size:14px;font-weight:600}.forgot-password-modal__message{color:#0369a1;text-align:center;margin:0 0 10px;font-size:14px;font-weight:600}.forgot-password-modal__submit{color:#4c1d95;cursor:pointer;background:linear-gradient(#ddd6fe 0%,#c4b5fd 100%);border:3px solid #7c3aed;border-radius:999px;width:100%;margin-top:4px;padding:12px 16px;font-size:16px;font-weight:700;box-shadow:0 4px #6d28d9}.forgot-password-modal__submit:disabled{opacity:.65;cursor:not-allowed}.forgot-password-modal__switch{text-align:center;color:#6b4f88;margin:14px 0 0;font-size:14px}.forgot-password-modal__switch button{color:#7c3aed;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.reset-password-backdrop{z-index:350;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d1b4e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reset-password-modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#ffffffeb;border:4px solid #bae6fd;border-radius:22px;width:min(420px,100%);padding:28px 24px 24px;position:relative;box-shadow:0 16px 36px #3878a02e}.reset-password-modal__close{color:#0369a1;cursor:pointer;background:#e0f2fe;border:none;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.reset-password-modal__title{text-align:center;color:#0c4a6e;margin:0 0 8px;font-size:1.4rem;font-weight:800}.reset-password-modal__intro{text-align:center;color:#475569;margin:0 0 16px;font-size:14px;line-height:1.45}.reset-password-modal__field{color:#475569;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.reset-password-modal__field input{color:#1e1b2e;background:#fdfcff;border:3px solid #bae6fd;border-radius:12px;padding:11px 12px;font-size:15px}.reset-password-modal__field input:disabled{opacity:.65}.reset-password-modal__error{color:#be123c;text-align:center;margin:0 0 10px;font-size:14px;font-weight:600}.reset-password-modal__message{color:#0369a1;text-align:center;margin:0 0 10px;font-size:14px;font-weight:600}.reset-password-modal__submit{color:#14532d;cursor:pointer;background:linear-gradient(#86efac 0%,#4ade80 100%);border:3px solid #16a34a;border-radius:999px;width:100%;margin-top:4px;padding:12px 16px;font-size:16px;font-weight:700;box-shadow:0 4px #15803d}.reset-password-modal__submit:disabled{opacity:.65;cursor:not-allowed}.calibration-screen{background:linear-gradient(#87ceeb 0%,#b9e3de 45%,#7cb342 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.calibration-screen:before{content:"";-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;position:absolute;inset:0}.calibration-layout{z-index:1;justify-content:center;align-items:center;max-width:min(760px,96vw);padding:0 16px;display:flex;position:relative}.calibration-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ede4ff;background:#3c0b95e6;border-radius:16px;width:100%;padding:40px 32px;box-shadow:0 16px 40px #2d1b4e73,0 0 0 1px #c4b5fd33}.calibration-panel__inner{align-items:center;gap:20px;display:flex}.calibration-panel__stick{flex:none;justify-content:center;align-items:center;min-width:72px;display:flex}.calibration-panel__content{text-align:center;flex:auto;min-width:0}.calibration-panel__foxygon{flex:none;justify-content:center;align-items:center;width:150px;height:175px;display:flex}.calibration-foxygon-canvas{pointer-events:none;width:150px;height:175px}.calibration-foxygon-canvas canvas{display:block;width:100%!important;height:100%!important}.calibration-title{color:#f5eeff;text-shadow:0 0 20px #c4b5fd59;margin:0 0 16px;font-size:22px;font-weight:600}.calibration-prompt{margin:0;font-size:18px;line-height:1.5}.calibration-keyword{color:#d8b4fe;transform-origin:bottom;text-shadow:0 0 12px #d8b4fe99;font-weight:700;transition:transform 80ms ease-out;display:inline-block}.calibration-keyword--active{animation:.28s ease-in-out infinite calibration-shake}.calibration-result{opacity:.85;color:#c4b5fd;margin:12px 0 0;font-size:13px;line-height:1.5}.calibration-hint{opacity:.8;color:#ddd6fe;margin:16px 0 0;font-size:14px;line-height:1.45}.calibration-axes{opacity:.6;color:#c4b5fd;margin:10px 0 0;font-family:ui-monospace,Consolas,monospace;font-size:12px}.stick-ghost{opacity:.75}.stick-ghost__base{fill:#ede4ff59;stroke:#c4b5fd8c;stroke-width:2px}.stick-ghost__knob{fill:#d8b4fea6;stroke:#7c3aed80;stroke-width:2px;transition:transform 80ms ease-out}.stick-ghost__demo-knob{fill:#d8b4fe73;stroke:#7c3aed59;stroke-width:2px;animation:2.4s ease-in-out infinite stick-demo}.calibration-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.calibration-btn{cursor:pointer;border:none;border-radius:8px;min-width:180px;padding:10px 16px;font-size:14px;line-height:1.2;transition:background .15s,transform .15s}.calibration-btn:hover{transform:translateY(-1px)}.calibration-btn--action{color:#fff;background:#7c3aed;font-weight:600}.calibration-btn--action:hover{background:#6d28d9}.calibration-btn--primary{color:#fff;min-width:unset;background:#7c3aed;border:none;margin-top:14px}.calibration-btn--primary:hover{background:#6d28d9;transform:none}.calibration-btn--secondary{color:#ede4ff;min-width:unset;background:0 0;border:1px solid #c4b5fd73;margin-top:8px}.calibration-btn--secondary:hover{background:#7c3aed33;transform:none}@keyframes calibration-shake{0%,to{transform:rotate(0deg) scale(var(--keyword-scale,1))}25%{transform:rotate(-3deg) scale(var(--keyword-scale,1))}75%{transform:rotate(3deg) scale(var(--keyword-scale,1))}}@keyframes stick-demo-up{0%,to{transform:translate(0)}40%,60%{transform:translateY(-14px)}}@keyframes stick-demo-left{0%,to{transform:translate(0)}40%,60%{transform:translate(-14px)}}@keyframes stick-demo-right{0%,to{transform:translate(0)}40%,60%{transform:translate(14px)}}.stick-ghost__demo-knob--up{animation-name:stick-demo-up}.stick-ghost__demo-knob--left{animation-name:stick-demo-left}.stick-ghost__demo-knob--right{animation-name:stick-demo-right}@media (width<=640px){.calibration-panel{padding:32px}.calibration-panel__inner{flex-wrap:wrap;justify-content:center}.calibration-panel__stick{order:1}.calibration-panel__content{flex:100%;order:0}.calibration-panel__foxygon{order:2;width:130px;height:155px}.calibration-foxygon-canvas{width:130px;height:155px}.calibration-actions{flex-direction:column;align-items:stretch}.calibration-btn--action{min-width:unset;width:100%}}.maintenance-overlay{z-index:10000;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.maintenance-overlay__panel{text-align:center;background:linear-gradient(#fff1f8 0%,#ede9fe 100%);border:4px solid #c4b5fd;border-radius:24px;width:min(100%,480px);padding:32px 28px;box-shadow:0 18px 48px #5b2d8247}.maintenance-overlay__title{color:#5b2d82;margin:0 0 16px;font-size:clamp(1.5rem,4vw,2rem);font-weight:900}.maintenance-overlay__message{color:#4c1d95;margin:0 0 24px;font-size:1.05rem;font-weight:600;line-height:1.5}.maintenance-overlay__dismiss{color:#fff;cursor:pointer;background:#7c3aed;border:3px solid #a78bfa;border-radius:999px;min-width:120px;padding:12px 24px;font-size:1rem;font-weight:800;box-shadow:0 4px #6d28d9}.maintenance-overlay__dismiss:hover{transform:translateY(-1px)}.maintenance-overlay__dismiss:active{transform:translateY(2px);box-shadow:0 1px #6d28d9}.account-menu{flex-direction:column;align-items:center;display:flex;position:relative}.account-menu__trigger{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.account-menu__avatar-wrap{width:72px;height:88px}.account-menu__name{color:#5b2d82;text-align:center;max-width:120px;font-size:15px;font-weight:800}.account-menu__trigger:hover .account-menu__name,.account-menu__trigger:focus-visible .account-menu__name{color:#7c3aed}.account-menu__dropdown{z-index:50;background:#fffffff5;border:3px solid #e9d5ff;border-radius:16px;min-width:180px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 12px 28px #783c8c33}.account-menu__dropdown button{color:#5b2d82;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:700}.account-menu__dropdown button:hover,.account-menu__dropdown button:focus-visible{background:#f3e8ff;outline:none}.account-menu__logout{color:#be123c!important}.account-menu__logout:hover,.account-menu__logout:focus-visible{background:#fff1f2!important}.opening-page{background:radial-gradient(circle at 12% 18%,#ffd6f0e6 0%,#0000 42%),radial-gradient(circle at 88% 12%,#bae6fdd9 0%,#0000 38%),radial-gradient(circle at 50% 100%,#bbf7d0bf 0%,#0000 45%),linear-gradient(#fff1f8 0%,#e0f2fe 52%,#dcfce7 100%);min-height:100svh;overflow:hidden auto}.opening-top-bar{box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px 0;display:flex}.opening-top-bar__left{min-width:0}.opening-top-bar__avatar-wrap{width:72px;height:88px}.opening-player-avatar{pointer-events:none;width:72px;height:88px}.opening-player-avatar canvas{display:block;width:100%!important;height:100%!important}.opening-top-bar__account{flex-direction:column;align-items:center;gap:6px;display:flex}.opening-top-bar__name{color:#5b2d82;text-align:center;max-width:120px;font-size:15px;font-weight:800}.opening-top-bar__sign-in{color:#7c3aed;cursor:pointer;background:#ffffffe6;border:3px solid #c4b5fd;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;box-shadow:0 3px #a78bfa}.opening-top-bar__sign-in:hover{transform:translateY(-1px)}.opening-top-bar__logout{color:#be123c;cursor:pointer;background:#fff1f2;border:2px solid #fda4af;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.opening-page__shell{box-sizing:border-box;width:min(980px,100%);margin:0 auto;padding:12px 20px 40px}.opening-header{text-align:center;margin-bottom:28px}.opening-header__logo-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.opening-header__logo-art{border:4px solid #fff;border-radius:18px;width:min(280px,72vw);height:auto;box-shadow:0 10px 24px #783c8c33}.opening-header__logo{letter-spacing:-.04em;color:#7c3aed;text-shadow:0 3px #fbcfe8,0 6px #7c3aed26;margin:8px 0 0;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:900;line-height:1}.opening-header__tagline{color:#6b4f88;margin:12px 0 0;font-size:1.05rem}.opening-header__start{margin-top:20px}.opening-auth-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2d1b4e8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.opening-auth{background:#ffffffe0;border:4px solid #fbcfe8;border-radius:22px;padding:22px 20px 20px;box-shadow:0 12px 28px #783c8c29}.opening-auth--modal{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:min(420px,100%);max-height:min(90svh,720px);position:relative;overflow-y:auto}.opening-auth-modal__close{color:#7c3aed;cursor:pointer;background:#f3e8ff;border:none;border-radius:999px;width:32px;height:32px;font-size:22px;line-height:1;position:absolute;top:10px;right:12px}.opening-auth-modal__title{text-align:center;color:#5b2d82;margin:0 0 16px;font-size:1.4rem;font-weight:800}.opening-auth__field{color:#6b4f88;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.opening-auth__field input{color:#1e1b2e;caret-color:#5b2d82;background:#fdfcff;border:3px solid #ddd6fe;border-radius:12px;padding:11px 12px;font-size:15px}.opening-auth__field input::placeholder{color:#9ca3af}.opening-auth__submit{color:#64748b;cursor:not-allowed;background:#e2e8f0;border:3px solid #cbd5e1;border-radius:999px;width:100%;margin-top:4px;padding:12px 16px;font-size:16px;font-weight:700}.opening-auth__submit--active{color:#14532d;cursor:pointer;background:linear-gradient(#86efac 0%,#4ade80 100%);border-color:#16a34a;box-shadow:0 4px #15803d}.opening-auth__google{color:#475569;cursor:pointer;background:#fff;border:3px solid #e2e8f0;border-radius:999px;width:100%;margin-top:10px;padding:11px 16px;font-size:15px;font-weight:700;box-shadow:0 3px #cbd5e1}.opening-auth__google:hover{background:#f8fafc}.opening-auth__switch{text-align:center;color:#6b4f88;margin:14px 0 0;font-size:14px}.opening-auth__switch button{color:#7c3aed;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.opening-auth__helper{text-align:right;margin:-4px 0 12px}.opening-auth__link{color:#7c3aed;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.opening-auth__link:disabled{opacity:.65;cursor:not-allowed}.opening-auth__error{color:#be123c;text-align:center;margin:0 0 10px;font-size:14px;font-weight:600}.opening-auth__verify{margin-top:8px}.opening-auth__verify-title{color:#5b2d82;text-align:center;margin:0 0 12px;font-size:1.15rem;font-weight:800}.opening-auth__verify-hint{color:#6b4f88;text-align:center;margin:0 0 16px;font-size:13px}.opening-auth-notice{color:#14532d;text-align:center;background:#ecfdf5;border:2px solid #86efac;border-radius:12px;max-width:520px;margin:0 auto 16px;padding:12px 16px;font-size:15px;font-weight:600}.opening-auth-notice__dismiss{color:#15803d;font-size:inherit;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:0;font-weight:800;text-decoration:underline}.opening-auth__message{color:#0369a1;text-align:center;margin:0 0 10px;font-size:14px;font-weight:600}.opening-auth__submit:disabled,.opening-auth__google:disabled{opacity:.65;cursor:not-allowed}.opening-gallery{background:#ffffffc7;border:4px solid #bae6fd;border-radius:22px;padding:22px 20px 20px;box-shadow:0 12px 28px #3878a024}.opening-gallery__title{color:#0369a1;margin:0 0 14px;font-size:1.25rem;font-weight:800}.opening-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width<=520px){.opening-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.opening-gallery__slot{aspect-ratio:1;background:linear-gradient(145deg,#f8fafc 0%,#f1f5f9 100%);border:3px dashed #cbd5e1;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.opening-gallery__slot img{object-fit:cover;width:100%;height:100%}.opening-gallery__placeholder{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:700}.opening-start-btn{color:#14532d;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#86efac 0%,#4ade80 100%);border:4px solid #16a34a;border-radius:999px;min-width:220px;padding:16px 36px;font-size:1.25rem;font-weight:900;transition:transform .12s;box-shadow:0 6px #15803d}.opening-start-btn:hover{transform:translateY(-2px)}.opening-start-btn:active{transform:translateY(2px);box-shadow:0 2px #15803d}.profile-page{background:radial-gradient(circle at 12% 18%,#ffd6f0e6 0%,#0000 42%),radial-gradient(circle at 88% 12%,#bae6fdd9 0%,#0000 38%),linear-gradient(#fff1f8 0%,#e0f2fe 60%,#dcfce7 100%);min-height:100svh;overflow:hidden auto}.profile-page__top-bar{grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;padding:16px 20px 0;display:grid}.profile-page__back{color:#0369a1;cursor:pointer;background:#ffffffe6;border:3px solid #bae6fd;border-radius:999px;justify-self:start;padding:8px 14px;font-size:14px;font-weight:700}.profile-page__top-bar .account-menu{justify-self:end}.profile-page__shell{box-sizing:border-box;width:min(900px,100%);margin:0 auto;padding:16px 20px 40px}.profile-page__header{align-items:center;gap:20px;margin-bottom:28px;display:flex}.profile-page__avatar{flex:none;width:140px;height:175px}.profile-page__avatar .opening-player-avatar{width:140px;height:175px}.profile-page__header h1{color:#5b2d82;margin:0 0 6px;font-size:1.8rem}.profile-page__email{color:#6b4f88;margin:0}.profile-page__premium-badge{color:#92400e;letter-spacing:.02em;background:linear-gradient(#fef3c7 0%,#fde68a 100%);border:2px solid #f59e0b;border-radius:999px;margin:10px 0 0;padding:6px 14px;font-size:13px;font-weight:800;display:inline-block}.profile-page__upgrade-btn{color:#92400e;cursor:pointer;background:linear-gradient(#fef3c7 0%,#fcd34d 100%);border:3px solid #f59e0b;border-radius:999px;margin-top:10px;padding:8px 18px;font-size:14px;font-weight:800;box-shadow:0 4px #d97706}.profile-page__upgrade-btn:hover{transform:translateY(-1px)}.profile-page__upgrade-btn:active{transform:translateY(2px);box-shadow:0 1px #d97706}.profile-section{background:#ffffffd1;border:4px solid #fbcfe8;border-radius:22px;margin-bottom:28px;padding:22px 20px;box-shadow:0 12px 28px #783c8c1f}.profile-section h2{color:#5b2d82;margin:0 0 8px;font-size:1.25rem}.profile-section--danger{background:#fff1f2e6;border-color:#fecaca}.profile-page__delete-btn{color:#991b1b;cursor:pointer;background:linear-gradient(#fee2e2 0%,#fecaca 100%);border:3px solid #f87171;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:800;box-shadow:0 4px #dc2626}.profile-page__delete-btn:hover{transform:translateY(-1px)}.profile-section__note{color:#9ca3af;margin:0 0 16px;font-size:.95rem}.profile-page__customize-btn{color:#5b2d82;cursor:pointer;background:linear-gradient(#ede9fe 0%,#ddd6fe 100%);border:3px solid #c4b5fd;border-radius:999px;padding:12px 24px;font-size:15px;font-weight:800;box-shadow:0 4px #a78bfa}.profile-page__customize-btn:hover{transform:translateY(-1px)}.profile-page__customize-btn:active{transform:translateY(2px);box-shadow:0 1px #a78bfa}.profile-zazzgon-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.profile-zazzgon-card{background:#fdfcff;border:3px solid #bae6fd;border-radius:16px;gap:12px;padding:14px;display:flex}.profile-zazzgon-card__art{background:#f1f5f9;border-radius:12px;flex:none;width:72px;height:72px;overflow:hidden}.profile-zazzgon-card__art img{object-fit:cover;width:100%;height:100%}.profile-zazzgon-card__body h3{color:#0369a1;margin:0 0 8px;font-size:1rem}.profile-zazzgon-card__body dl{grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;display:grid}.profile-zazzgon-card__body dt{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:0;font-size:11px;font-weight:700}.profile-zazzgon-card__body dd{color:#5b2d82;margin:0;font-size:14px;font-weight:700}.profile-zazzgon-empty{text-align:center;color:#6b4f88;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;display:flex}.profile-zazzgon-empty img{object-fit:cover;border:3px dashed #cbd5e1;border-radius:16px;width:96px;height:96px}.profile-zazzgon-empty p{max-width:360px;margin:0}#root{width:100%;max-width:none;min-height:100vh;text-align:initial;border:none;margin:0}