@import "https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-deep:#041025;--bg-mid:#0b3d91;--bg-bright:#1296f5;--surface:#041428d9;--surface-soft:#08203c99;--accent:#ffb300;--accent-2:#2de2c4;--accent-3:#ff6b35;--text:#f4f8ff;--muted:#b6c5e5;--shadow:0 18px 45px #02081473;--radius:24px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}body[data-theme=sunset]{--bg-deep:#2b0b1e;--bg-mid:#b63a32;--bg-bright:#f26d21;--surface:#280c10d9;--surface-soft:#461418a6;--accent:#ffd166;--accent-2:#ffa47a;--accent-3:#ff6f61;--text:#fff4ee;--muted:#f0c2b6}body[data-theme=sunset]:before{background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 45%),radial-gradient(circle at 80% 10%,#ffd6662e,#0000 50%),radial-gradient(circle at 10% 80%,#ff6f6133,#0000 45%)}body[data-theme=neon]{--bg-deep:#041218;--bg-mid:#062a3a;--bg-bright:#0aa7a1;--surface:#03161ee0;--surface-soft:#061e28b3;--accent:#b6ff4a;--accent-2:#44e3ff;--accent-3:#00ff8f;--text:#e8fff9;--muted:#b5d8d9}body[data-theme=neon]:before{background:radial-gradient(circle at 20% 20%,#44e3ff29,#0000 45%),radial-gradient(circle at 80% 10%,#b6ff4a2e,#0000 50%),radial-gradient(circle at 10% 80%,#00ff8f2e,#0000 45%)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;min-height:100svh;min-height:100dvh;color:var(--text);background:radial-gradient(circle at top, #1b72d6 0%, transparent 50%), linear-gradient(180deg, var(--bg-bright) 0%, var(--bg-mid) 45%, var(--bg-deep) 100%);margin:0;font-family:Space Grotesk,Trebuchet MS,sans-serif;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 45%),radial-gradient(circle at 80% 10%,#2de2c433,#0000 50%),radial-gradient(circle at 10% 80%,#ff6b352e,#0000 45%);position:fixed;inset:0}#ui-root{z-index:2;height:100dvh;position:absolute;inset:0}#ui-root.is-hidden{display:none}#ui-root.is-loading .screen{opacity:0;pointer-events:none;visibility:hidden}.ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(.5px);opacity:.55;border-radius:999px;animation:12s ease-in-out infinite float;position:absolute}.orb--a{background:radial-gradient(circle,#2de2c499,#0000 70%);width:320px;height:320px;top:-120px;left:-80px}.orb--b{background:radial-gradient(circle,#ffb30099,#0000 70%);width:420px;height:420px;animation-delay:-4s;top:10%;right:-140px}.orb--c{background:radial-gradient(circle,#ff6b3599,#0000 70%);width:260px;height:260px;animation-delay:-8s;bottom:-120px;left:20%}.screen{padding:calc(52px + var(--safe-top)) 24px calc(36px + var(--safe-bottom));opacity:0;pointer-events:none;-webkit-overflow-scrolling:touch;justify-content:center;align-items:flex-start;min-height:100dvh;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0;overflow-y:auto;transform:translateY(10px)}.screen.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.is-hidden{display:none!important}.screen-content{z-index:1;gap:40px;width:min(1120px,100%);margin:0 auto;display:grid}.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:32px;display:grid;position:relative}.hero-text{z-index:2;gap:20px;max-width:640px;animation:.6s both rise;display:grid;position:relative}.badge{text-transform:uppercase;letter-spacing:2px;color:var(--accent);background:#ffb30029;border:1px solid #ffb30066;border-radius:999px;align-self:flex-start;padding:6px 14px;font-size:12px}.hero-title{text-transform:uppercase;letter-spacing:-2px;overflow-wrap:break-word;max-width:100%;font-family:Rubik Mono One,Space Grotesk,sans-serif;font-size:clamp(48px,8vw,84px)}.hero-title-split{gap:2px;display:grid}.hero-title-split span{color:#f4f8ff;text-shadow:0 6px 16px #06122073}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero-title-split span{background:linear-gradient(90deg,#fff 0%,#5dd7ff 40%,#2de2c4 75%,#ffd166 100%);color:#0000;text-shadow:0 6px 16px #0612208c;-webkit-background-clip:text;background-clip:text}}.hero-subtitle{color:var(--muted);max-width:520px;font-size:18px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-footnote{color:#f4f8ffb3;font-size:14px}.hero-visual{z-index:1;justify-content:center;align-items:center;animation:.6s .15s both rise;display:flex;position:relative}.preview-card{aspect-ratio:1;background:#0b1f33;border:2px solid #0066cc59;border-radius:24px;width:min(320px,100%);padding:16px;position:relative;box-shadow:0 24px 50px #02081473}.preview-card:before{content:"";z-index:0;background:#0a2340;border:1px solid #ffffff14;border-radius:18px;position:absolute;inset:10px}.preview-phaser{z-index:1;width:100%;height:100%;position:relative}.preview-phaser canvas{display:block;width:100%!important;height:100%!important}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.feature-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffff1a;gap:10px;min-height:140px;padding:22px;animation:.6s both rise;display:grid}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card h3{font-size:20px}.feature-card p{color:var(--muted);line-height:1.5}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.step{background:var(--surface-soft);border:1px solid #ffffff14;border-radius:18px;grid-template-columns:auto 1fr;gap:16px;padding:18px;animation:.6s both rise;display:grid}.step:nth-child(2){animation-delay:.15s}.step:nth-child(3){animation-delay:.3s}.step-index{color:var(--accent-2);font-family:Rubik Mono One,Space Grotesk,sans-serif;font-size:20px}.step h4{margin-bottom:6px}.step p{color:var(--muted);line-height:1.5}.btn{cursor:pointer;border:none;border-radius:14px;padding:12px 20px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s}.btn:active{transform:scale(.98)}.btn-primary{color:#111;background:linear-gradient(135deg, var(--accent), var(--accent-3));box-shadow:0 10px 25px #ffb3004d}.btn-secondary{color:var(--text);background:var(--surface-soft);border:1px solid #ffffff1f}.btn-ghost{color:var(--text);background:0 0;border:1px solid #2de2c480}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-mini{padding:8px 14px;font-size:13px}.auth-layout{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;width:min(980px,100%);display:grid}.auth-visual{border-radius:var(--radius);background:var(--surface-soft);border:1px solid #ffffff1a;gap:16px;padding:28px;animation:.6s both rise;display:grid}.auth-visual h2{font-size:32px}.auth-visual p{color:var(--muted);line-height:1.6}.auth-list{color:var(--text);gap:10px;list-style:none;display:grid}.auth-list li:before{content:"•";color:var(--accent-2);margin-right:8px}.hint-card{background:#ffffff14;border-radius:16px;padding:14px 16px;font-size:14px}.auth-card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffff1f;gap:16px;padding:32px;animation:.6s .1s both rise;display:grid}.auth-card h3{font-size:26px}.field{color:var(--muted);gap:6px;font-size:14px;display:grid}.field input{color:var(--text);background:#081c34e6;border:1px solid #ffffff29;border-radius:12px;padding:12px 14px;font-size:16px}.range-field input[type=range]{width:100%;accent-color:var(--accent)}.range-value{text-align:right;color:var(--muted);font-size:12px}.field input:focus{border-color:#0000;outline:2px solid #2de2c4b3}.form-links{gap:8px;margin-top:6px;display:grid}.link{color:var(--accent-2);cursor:pointer;text-align:left;background:0 0;border:none;font-size:14px}.form-status{min-height:20px;color:var(--accent);font-size:14px}.form-status.is-success,.panel-status.is-success{color:var(--accent-2)}.form-status.is-error,.panel-status.is-error{color:var(--accent-3)}.hub{z-index:1;gap:28px;width:min(1120px,100%);display:grid}.hub-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.profile-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffff1a;border:1px solid #ffffff26;align-items:center;gap:16px;padding:16px 20px;display:flex}.avatar{background:linear-gradient(135deg, var(--user-accent,var(--accent)), var(--user-accent-2,var(--accent-3)));aspect-ratio:1;color:#121212;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:16px;place-items:center;width:clamp(44px,8vw,54px);height:clamp(44px,8vw,54px);font-weight:700;display:grid;overflow:hidden}.profile-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;display:grid}.profile-preview{box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffff1f,#061a3680);border:1px solid #ffffff2e;border-radius:22px;grid-column:1/-1;align-items:center;gap:18px;padding:20px 24px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--user-accent,var(--accent)), var(--user-accent-2,var(--accent-3)));aspect-ratio:1;color:#071424;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;place-items:center;width:clamp(56px,12vw,70px);height:clamp(56px,12vw,70px);font-size:20px;font-weight:700;display:grid;overflow:hidden;box-shadow:0 12px 22px #02081459}.avatar.has-avatar-image,.profile-avatar.has-avatar-image{color:#0000;text-shadow:none}.avatar-picker{width:100%;color:inherit;cursor:pointer;text-align:left;background:#07122099;border:1px solid #ffffff24;border-radius:16px;align-items:center;gap:14px;padding:10px 12px;display:flex}.avatar-picker:hover{border-color:#ffffff47}.avatar-picker:focus-visible{outline-offset:2px;outline:2px solid #2de2c4b3}.avatar-picker-text{font-weight:600;display:block}.avatar--picker{flex:none}.avatar--option{border-radius:14px;width:68px;height:68px}.avatar-modal{z-index:30;place-items:center;display:grid;position:fixed;inset:0}.avatar-modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#060c16b8;position:absolute;inset:0}.avatar-modal__panel{width:min(760px,92vw);max-height:min(70vh,560px);box-shadow:var(--shadow);z-index:1;background:#0b1b2b;border:1px solid #ffffff2e;border-radius:20px;padding:20px;position:relative;overflow:auto}.avatar-modal__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.avatar-modal__grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:14px;display:grid}.avatar-option{cursor:pointer;color:inherit;background:#091526d9;border:1px solid #ffffff24;border-radius:16px;place-items:center;gap:6px;padding:8px;display:grid}.avatar-option.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px #2de2c440}.avatar-option img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block}.avatar-option span{color:var(--muted);font-size:12px}.avatar-modal__empty{color:var(--muted);margin-top:14px;font-size:13px}.profile-title{text-transform:uppercase;letter-spacing:2px;color:var(--user-accent,var(--accent-2));font-size:12px}.profile-motto{color:var(--muted);margin-top:6px;font-size:14px}.profile-form-block{gap:16px;display:grid}.profile-section-title{margin-bottom:10px;font-size:18px}.profile-stats{gap:10px;display:grid}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;gap:6px;padding:16px;display:grid}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:24px}.stat-card small{color:var(--muted);font-size:12px}.profile-history{gap:10px;display:grid}.history-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history-item{background:#081c34cc;border:1px solid #ffffff1f;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.history-item.is-empty{color:var(--muted);font-size:13px}.history-meta{color:var(--muted);font-size:12px}.profile-badges{grid-column:1/-1;gap:10px;display:grid}.badge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.badge-card{background:#061a36b3;border:1px solid #ffffff24;border-radius:16px;gap:6px;padding:16px;transition:transform .2s,box-shadow .2s;display:grid}.badge-card.is-locked{opacity:.55}.badge-card.is-unlocked{border-color:#2de2c473;box-shadow:0 12px 24px #2de2c426}.badge-card.is-new{animation:.8s badge-pop}.badge-icon{width:44px;height:44px;color:var(--accent);background:#ffffff29;border-radius:12px;place-items:center;font-weight:700;display:grid}.badge-card h4{font-size:16px}.badge-card p{color:var(--muted);font-size:12px;line-height:1.4}.badge-status{text-transform:uppercase;letter-spacing:1px;color:var(--accent-2);font-size:11px}.field--full{grid-column:1/-1}.profile-tag{text-transform:uppercase;letter-spacing:2px;color:var(--accent-2);font-size:12px}.profile-name{font-size:24px}.profile-email{color:var(--muted);font-size:14px}.profile-actions{flex-wrap:wrap;gap:12px;display:flex}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.hub-quick{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.hub-menu-toggle{display:none}.hub-pill{color:var(--text);cursor:pointer;background:#061a36b3;border:1px solid #ffffff1f;border-radius:16px;padding:12px 16px;font-weight:600;transition:transform .2s,box-shadow .2s}.hub-pill:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.play-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#2de2c426,#1296f540);border:1px solid #fff3;border-radius:28px;grid-column:span 2;gap:12px;padding:28px;display:grid;position:relative;overflow:hidden}.play-card:after{content:"";background:radial-gradient(circle,#ffb30059,#0000 70%);width:180px;height:180px;position:absolute;inset:-40% 40% auto auto}.play-card__title{text-transform:uppercase;letter-spacing:3px;color:var(--accent);font-size:12px}.play-card h3{font-size:28px}.play-card p{color:var(--muted);max-width:520px}.progress-bar{background:#fff3;border-radius:999px;height:10px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg, var(--accent), var(--accent-3));width:0%;height:100%;transition:width .3s;display:block}.progress-meta{color:#f4f8ffb3;font-size:14px}.mode-card{border-radius:var(--radius);box-shadow:var(--shadow);background:#061a36bf;border:1px solid #ffffff1f;gap:10px;padding:22px;display:grid}.mode-card.alt{background:#0a2846cc}.mode-card h3{font-size:20px}.mode-card p{color:var(--muted);line-height:1.5}.wallet-card{background:linear-gradient(135deg,#2de2c426,#061a36bf)}.wallet-balance{justify-content:space-between;align-items:center;font-weight:600;display:flex}.wallet-items{color:var(--muted);gap:6px;font-size:14px;display:grid}.wallet-items strong{color:var(--text)}.difficulty-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.difficulty-chip{text-align:center;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;gap:6px;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:grid}.difficulty-chip span{text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:12px}.difficulty-chip strong{color:var(--text);font-size:18px}.difficulty-chip.is-active{background:#2de2c42e;border-color:#2de2c4b3;transform:translateY(-2px);box-shadow:0 12px 24px #05142859}.hub-status{min-height:22px;color:var(--accent);text-align:right;font-size:14px}.panel{background:var(--surface);width:min(1000px,100%);box-shadow:var(--shadow);z-index:1;border:1px solid #ffffff26;border-radius:28px;gap:20px;padding:28px;display:grid}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.panel-kicker{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-size:12px}.panel-title{margin-top:6px;font-size:28px}.panel-subtitle{color:var(--muted);max-width:520px;line-height:1.5}.panel-actions{flex-wrap:wrap;gap:10px;display:flex}.panel-body{gap:18px;display:grid}.panel-section-title{color:var(--muted);margin-bottom:10px;font-size:16px}.admin-section{gap:14px;display:grid}.admin-section--two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.admin-table{gap:8px;display:grid}.admin-row{background:#0c203680;border-radius:12px;grid-template-columns:minmax(120px,1.4fr) repeat(4,minmax(50px,.6fr));gap:8px;padding:10px 12px;display:grid}.admin-row span{font-size:13px}.admin-row--header{text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:#0c2036cc;font-size:11px}.admin-list{gap:10px;list-style:none;display:grid}.admin-list li{background:#0c203673;border-radius:12px;gap:4px;padding:10px 12px;font-size:13px;display:grid}.admin-list small{color:var(--muted)}.stat-grid--compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media (max-width:720px){.screen{padding:calc(44px + var(--safe-top)) 16px calc(28px + var(--safe-bottom));justify-content:center;align-items:flex-start}.admin-row{grid-template-columns:minmax(100px,1.4fr) repeat(4,minmax(40px,.6fr))}}.screen[data-screen=profile] .panel,.screen[data-screen=shop] .panel,.screen[data-screen=admin] .panel{max-height:none;overflow:visible}.screen[data-screen=profile],.screen[data-screen=shop],.screen[data-screen=admin]{justify-content:center;align-items:flex-start}.screen[data-screen=profile] .screen-content,.screen[data-screen=shop] .screen-content,.screen[data-screen=admin] .screen-content{min-height:100%}.screen[data-screen=profile] .panel-body,.screen[data-screen=shop] .panel-body,.screen[data-screen=admin] .panel-body{padding-right:0;overflow:visible}.panel-status{min-height:20px;color:var(--accent);font-size:14px}.arcade-body{gap:20px;display:grid}.arcade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.arcade-card{background:#081c34bf;border:1px solid #ffffff24;border-radius:18px;gap:8px;padding:18px;display:grid}.arcade-value{color:var(--accent);font-size:32px;font-weight:700}.arcade-meta{color:var(--muted);font-size:13px}.arcade-meta strong{color:var(--text);margin-left:6px}.arcade-cta{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.arcade-note{color:var(--muted);font-size:14px}.daily-body{gap:20px;display:grid}.daily-selection{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.daily-calendar{gap:16px;display:grid}.calendar-nav{background:#061a36a6;border:1px solid #ffffff1f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.calendar-nav__title{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.calendar-month{background:#061a36b3;border:1px solid #ffffff1f;border-radius:18px;gap:10px;padding:16px;display:grid}.calendar-month__header{justify-content:space-between;align-items:center;display:flex}.calendar-month__header h4{font-size:18px}.calendar-weekdays{text-transform:uppercase;letter-spacing:1px;color:var(--muted);grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;font-size:12px;display:grid}.calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-day{color:var(--text);cursor:pointer;background:#ffffff14;border:none;border-radius:10px;padding:8px 0;font-size:13px;transition:transform .2s,box-shadow .2s}.calendar-day.is-empty{cursor:default;pointer-events:none;background:0 0}.calendar-day.is-today{border:1px solid #2de2c4b3;box-shadow:0 0 0 2px #2de2c433}.calendar-day.is-selected{background:#ffb3004d;border:1px solid #ffb30099}.calendar-day:not(.is-empty):not(:disabled):hover{transform:translateY(-1px)}.calendar-day.is-complete{color:#e8fff9;background:#2de2c459;border:1px solid #2de2c4b3}.calendar-day:disabled{opacity:.7;cursor:not-allowed}.daily-reward{color:var(--muted);background:#081c34cc;border:1px solid #ffffff1f;border-radius:16px;padding:16px;font-size:14px;line-height:1.5}.daily-reward__meta{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:12px}.daily-reward__value{color:var(--accent);margin-top:6px;font-size:20px;display:block}.daily-reward__progress{color:var(--text);margin-top:8px;font-size:13px}.daily-reward__state{color:var(--muted);margin-top:4px;font-size:13px}.daily-reward__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.daily-reward__note{color:var(--muted);margin-top:8px;font-size:13px}.tutorial{gap:20px;width:min(880px,100%);display:grid}.tutorial-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#08203ce6,#124078b3);border:1px solid #ffffff26;border-radius:24px;gap:16px;padding:24px;display:grid}.tutorial-step{letter-spacing:2px;text-transform:uppercase;color:var(--accent-2);font-size:12px}.tutorial-title{font-size:26px}.tutorial-body{color:var(--muted);line-height:1.6}.tutorial-visual{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tutorial-visual span{background:#ffffff14;border:1px solid #ffffff14;border-radius:12px;height:46px;position:relative}.tutorial-visual span.path:after{content:"";background:#fff;border-radius:999px;width:70%;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-indicators{align-items:center;gap:8px;display:flex}.tutorial-indicator{background:#fff3;border-radius:999px;width:10px;height:10px}.tutorial-indicator.is-active{background:var(--accent)}.tutorial-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tutorial-actions .btn{min-width:140px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field input[readonly]{opacity:.8}.field select{color:var(--text);background:#081c34e6;border:1px solid #ffffff29;border-radius:12px;padding:12px 14px;font-size:16px}.settings-grid{gap:14px}.setting-row{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;padding:16px;display:flex}.setting-row h4{font-size:18px}.setting-row p{color:var(--muted);font-size:14px}.toggle{cursor:pointer;background:#fff3;border:1px solid #fff3;border-radius:999px;width:52px;height:30px;position:relative}.toggle:after{content:"";background:var(--text);border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:4px}.toggle.is-on{background:#2de2c499}.toggle.is-on:after{background:#021a2a;transform:translate(22px)}.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.shop-section{gap:12px;display:grid}.shop-section__note{color:var(--muted);font-size:13px}.shop-grid--premium{margin-top:4px}.shop-wallet{text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:#061a36b3;border:1px solid #ffffff24;border-radius:14px;gap:2px;padding:8px 12px;font-size:12px;display:grid}.shop-wallet strong{color:var(--text);font-size:18px}.shop-rewards{background:#061a3699;border:1px solid #ffffff1f;border-radius:16px;gap:10px;padding:16px;display:grid}.reward-grid{color:var(--muted);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:13px;display:grid}.reward-grid strong{color:var(--text);margin-left:6px}.shop-card{background:#061a36bf;border:1px solid #ffffff1f;border-radius:18px;gap:10px;padding:20px;display:grid}.shop-card--premium{background:linear-gradient(135deg,#ffb3002e,#061a36bf);border-color:#ffb30033}.shop-card__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.shop-cost,.shop-price{color:var(--accent);font-size:14px}.shop-items{color:var(--muted);gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.shop-note{color:var(--muted);font-size:12px}.shop-card h4{font-size:20px}.shop-card p{color:var(--muted);line-height:1.5}.shop-meta{color:var(--accent);font-size:14px}.help-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.help-grid>.btn,.help-grid>.panel-status{grid-column:1/-1}.help-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;gap:6px;padding:18px;display:grid}.help-card--primary{background:#ffb30014;border-color:#ffb30073}.help-card--accent{background:#2de2c414;border-color:#2de2c473}.help-card p{color:var(--muted);line-height:1.5}.help-steps{gap:10px;padding:0;list-style:none;display:grid}.help-steps li{color:var(--muted);align-items:center;gap:10px;line-height:1.4;display:flex}.help-step{background:var(--accent);color:#0b1a2b;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.help-list{color:var(--muted);gap:6px;margin:0;padding-left:18px;list-style:outside;display:grid}.help-cta{background:#061a36b3;border:1px solid #ffffff29;border-radius:16px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:16px;padding:16px;display:flex}.help-note{color:var(--muted);font-size:14px}.toast-root{z-index:50;pointer-events:none;gap:10px;display:grid;position:fixed;top:24px;right:24px}.toast{min-width:220px;max-width:320px;box-shadow:var(--shadow);color:var(--text);opacity:0;background:#061a36e6;border:1px solid #ffffff29;border-radius:14px;gap:4px;padding:12px 16px;transition:opacity .3s,transform .3s;display:grid;transform:translateY(-10px)}.toast strong{font-size:14px}.toast span{color:var(--muted);font-size:12px}.toast.is-visible{opacity:1;transform:translateY(0)}.toast.is-leaving{opacity:0;transform:translateY(-6px)}#game-container{z-index:1;width:100%;height:100vh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none;background:radial-gradient(circle at top,#1b72d673 0%,#0000 55%),linear-gradient(#1296f566 0%,#0b3d9180 45%,#041025cc 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#game-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 20%,#ffffff14,#0000 45%),radial-gradient(circle at 80% 10%,#2de2c42e,#0000 50%),radial-gradient(circle at 10% 80%,#ff6b3529,#0000 45%);position:absolute;inset:0}#game-container.is-hidden{display:none}canvas{touch-action:none;z-index:1;max-width:100%;max-height:100%;display:block;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes badge-pop{0%{transform:scale(.96);box-shadow:0 0 #2de2c400}50%{transform:scale(1.04);box-shadow:0 16px 30px #2de2c440}to{transform:scale(1);box-shadow:0 12px 24px #2de2c426}}@media (max-width:960px){.hero,.auth-layout{grid-template-columns:1fr}.hero-visual{order:-1}.feature-grid,.steps,.hub-grid,.hub-quick,.profile-grid,.stat-grid,.badge-grid,.form-grid,.shop-grid,.reward-grid,.help-grid,.arcade-grid{grid-template-columns:1fr}.play-card{grid-column:span 1}.difficulty-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-menu-toggle{display:inline-flex}.hub-quick{display:none}.hub.is-menu-open .hub-quick{display:grid}}@media (max-width:600px){.screen{padding:40px 16px 24px}.hero-title{font-size:42px}.preview-card{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}