.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(24px,6vw,52px);background:var(--bg);position:relative;overflow:hidden}.auth-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top,rgba(0,255,136,.08),transparent 65%);opacity:.6;z-index:0}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--text-dim)}.auth-input{background:#00000073;border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:15px;font-weight:600;padding:12px 16px;outline:none;width:100%;letter-spacing:.03em;transition:all .2s}.auth-input:focus{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 0 16px #00ff881a;background:#00ff8805}.auth-subtitle{font-family:var(--font-mono);font-size:11px;letter-spacing:4px;color:var(--text-dim);text-align:center;margin:0 0 18px}.auth-btn{width:100%;justify-content:center;text-align:center}.auth-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(0,255,136,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.auth-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);padding:44px 40px;position:relative;z-index:1;display:flex;flex-direction:column;gap:20px}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.auth-card:after{content:"";position:absolute;bottom:0;right:0;width:40px;height:40px;border-bottom:2px solid var(--green);border-right:2px solid var(--green);opacity:.4}.auth-logo{font-family:var(--font-hud);font-weight:900;font-size:28px;letter-spacing:5px;color:var(--green);text-shadow:0 0 20px var(--green),0 0 50px rgba(0,255,136,.2);text-align:center;margin-bottom:4px}.auth-logo span{color:var(--cyan)}.auth-tagline{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--text-dim);text-align:center;margin-bottom:36px}.auth-form{display:flex;flex-direction:column;gap:20px}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--text-dim)}.field-label-row{display:flex;align-items:center;justify-content:space-between}.field-input{background:#0006;border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:15px;font-weight:600;padding:12px 16px;outline:none;transition:all .2s;width:100%}.password-wrap{position:relative}.password-wrap .field-input{padding-right:78px}.password-wrap-icon .field-input{padding-right:42px}.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:1px solid var(--border);background:#00000080;color:var(--cyan);font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:5px 8px;cursor:pointer}.password-toggle:hover{border-color:var(--green);color:var(--green)}.password-toggle-icon{width:34px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center}.password-toggle-icon svg{width:18px;height:18px}.password-toggle-label{width:18px;height:18px;border:none;background:transparent;color:var(--cyan);padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.password-toggle-label:hover{color:var(--green);transform:scale(1.08)}.password-toggle-label:focus-visible{outline:1px solid var(--green);outline-offset:2px}.password-toggle-label svg{width:18px;height:18px}.password-toggle-inline{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--cyan);width:18px;height:18px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.password-toggle-inline:hover{color:var(--green);transform:translateY(-50%) scale(1.08)}.password-toggle-inline:focus-visible{outline:1px solid var(--green);outline-offset:2px}.password-toggle-inline svg{width:18px;height:18px}.field-input::placeholder{color:var(--text-muted);font-weight:400}.field-input:focus{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 0 16px #00ff881a;background:#00ff8805}.field-input.field-error{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.err-msg{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--red)}.auth-api-error{background:#ff224414;border:1px solid rgba(255,34,68,.3);color:var(--red);font-size:13px;font-weight:600;padding:10px 14px;letter-spacing:.5px}.auth-submit{font-family:var(--font-hud);font-size:13px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:15px;background:var(--green);color:var(--bg);border:none;cursor:pointer;transition:all .2s;margin-top:6px;width:100%}.auth-submit:hover:not(:disabled){background:#0f9;box-shadow:0 0 28px #00ff8880}.auth-submit:disabled{opacity:.6;cursor:not-allowed}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.auth-spinner{animation:blink .9s ease infinite}.auth-switch{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:13px;color:var(--text-dim)}.auth-link{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--cyan);text-decoration:none;transition:all .2s}.auth-link:hover{color:var(--green);text-shadow:0 0 10px var(--green)}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider-text{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--text-dim)}.google-btn-wrap{width:100%;display:flex;justify-content:center;margin-bottom:20px}.google-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:#4285f4;border:1px solid rgba(66,133,244,.3);background:#4285f412;padding:2px 8px;display:inline-flex;align-items:center;gap:4px}.hud{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem;padding:.75rem .9rem;background:linear-gradient(180deg,#020c06fa,#020c06f0);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.hud-logo{font-family:var(--font-hud);font-weight:900;font-size:clamp(.95rem,1.6vw + .4rem,1.2rem);letter-spacing:.24rem;color:var(--green);text-shadow:0 0 16px var(--green),0 0 36px rgba(0,255,136,.2);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer}.hud-logo span{color:var(--cyan)}.hud-menu-toggle{border:1px solid var(--border);background:#00ff8808;color:var(--green);width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center}.hud-mobile-meta{display:inline-flex;flex-direction:column;align-items:flex-end;justify-self:end;min-width:0;gap:.2rem;padding-right:.2rem}.hud-mobile-meta .hud-level{font-size:.62rem;letter-spacing:.08rem;line-height:1}.hud-mobile-meta .hud-xp-label{gap:.35rem;font-size:.58rem;line-height:1}.hud-mobile-meta .hud-xp-track{width:4.6rem;max-width:4.6rem;height:.28rem}.hud-menu-icon{width:1.2rem;height:1.2rem;fill:currentColor}.hud-content{grid-column:1 / -1;display:none;flex-direction:column;gap:.75rem;border:1px solid var(--border);background:#021009fa;padding:.75rem}.hud-content.open{display:flex}.hud-nav{display:grid;grid-template-columns:1fr;gap:.4rem}.hud-tab,.hud-nav-btn{min-height:2.75rem;font-family:var(--font-body);font-weight:700;font-size:.75rem;letter-spacing:.12rem;text-transform:uppercase;padding:.62rem .9rem;background:transparent;border:1px solid transparent;color:#b8ffd8cc;transition:all .2s}.hud-tab:hover,.hud-nav-btn:hover{color:var(--green);border-color:var(--border)}.hud-tab.active,.hud-nav-btn.active{color:var(--green);border-color:var(--green);background:#00ff8814;box-shadow:0 0 12px #00ff881f}.hud-right{display:grid;grid-template-columns:1fr;gap:.55rem}.hud-streak{font-family:var(--font-hud);font-size:.68rem;letter-spacing:.06rem;min-height:2.75rem;padding:.45rem .62rem;border:1px solid rgba(255,102,0,.35);color:#ffd700f2;background:#ff660014;box-shadow:0 0 12px #ff66001f;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.5rem;display:none}.hud-streak-icon{filter:drop-shadow(0 0 10px rgba(255,102,0,.25))}.hud-streak-text{font-size:.66rem;letter-spacing:.08rem;text-transform:uppercase;color:#ffd700f2}.hud-xp-wrap{display:flex;flex-direction:column;gap:.35rem}.hud-level{font-family:var(--font-hud);font-size:.66rem;letter-spacing:.1rem;color:#b8ffd8e6}.hud-level-n{color:var(--green);text-shadow:0 0 12px rgba(0,255,136,.35)}.hud-xp-label{display:flex;gap:.55rem;align-items:center;font-family:var(--font-mono);font-size:.66rem;color:#b8ffd8d9}.hud-xp-track{width:100%;max-width:8.8rem;height:.32rem;background:#00ff8814;border-radius:3px;border:1px solid var(--border);overflow:hidden}.hud-xp-fill{width:100%;height:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent}.hud-xp-fill::-webkit-progress-bar{background:transparent}.hud-xp-fill::-webkit-progress-value{background:linear-gradient(90deg,var(--green-dim),var(--green));box-shadow:0 0 8px var(--green)}.hud-xp-fill::-moz-progress-bar{background:linear-gradient(90deg,var(--green-dim),var(--green));box-shadow:0 0 8px var(--green)}.hud-logout{min-height:2.75rem;width:100%;font-size:1rem;background:linear-gradient(180deg,#ff22440f,#ff224405);border:1px solid rgba(255,34,68,.28);color:#ffb4bee6;padding:.45rem .62rem;transition:all .2s;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:10px;box-shadow:0 0 #f240}.hud-logout:hover{color:#ffebf0fa;border-color:#ff22448c;background:linear-gradient(180deg,#ff224424,#ff22440f);box-shadow:0 0 16px #ff22442e}.hud-logout:focus-visible,.hud-menu-toggle:focus-visible,.hud-tab:focus-visible{outline:2px solid rgba(0,255,136,.45);outline-offset:2px}.hud-logout-icon{width:1.1rem;height:1.1rem;fill:currentColor}.hud-logout-text{font-family:var(--font-hud);font-size:.66rem;letter-spacing:.12rem;text-transform:uppercase}.hud-content .hud-xp-wrap{display:none}@media (min-width: 30.0625rem){.hud{padding:.8rem 1rem}.hud-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hud-right{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}}@media (min-width: 48.0625rem){.hud{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.75rem 1rem;min-height:5.25rem}.hud-menu-toggle,.hud-mobile-meta{display:none}.hud-content{display:flex;flex:1;border:0;background:transparent;padding:0;justify-content:space-between;align-items:center;flex-direction:row;gap:.75rem}.hud-nav{grid-template-columns:repeat(3,minmax(0,auto));justify-content:center;gap:.3rem;flex:1}.hud-tab{min-width:6.8rem;min-height:2.5rem}.hud-right{display:flex;align-items:center;gap:.75rem;width:auto}.hud-streak{display:inline-flex}.hud-content .hud-xp-wrap{display:flex}.hud-xp-wrap{align-items:flex-end}.hud-xp-track{width:7rem}.hud-logout{width:auto;min-width:auto}}@media (min-width: 64.0625rem){.hud{padding:.75rem 1.75rem}.hud-tab{min-width:7.5rem;font-size:.78rem;letter-spacing:.14rem}.hud-xp-track{width:7.5rem}}.quiz-card{background:var(--panel);border:1px solid var(--border);padding:22px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px}.quiz-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green-dim),transparent);opacity:0;transition:opacity .2s}.quiz-card:hover{border-color:#00ff884d;transform:translateY(-3px);box-shadow:0 8px 32px #00ff8814}.quiz-card:hover:before{opacity:1}.qc-top{display:flex;justify-content:space-between;align-items:flex-start}.qc-icon{font-size:26px}.qc-diff{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;border:1px solid;padding:2px 8px;border-radius:2px}.qc-title{font-family:var(--font-hud);font-size:16px;font-weight:700;color:#fff;letter-spacing:.5px;line-height:1.3}.qc-desc{font-size:13px;color:var(--text-dim);line-height:1.5;flex:1}.qc-footer{display:flex;gap:20px;margin-top:4px}.qc-stat{display:flex;flex-direction:column;gap:2px}.qc-stat-n{font-family:var(--font-hud);font-size:18px;font-weight:700;color:var(--green);line-height:1}.qc-stat-l{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-muted)}.qc-play-hint{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--green);opacity:0;transition:opacity .2s;margin-top:4px}.quiz-card:hover .qc-play-hint{opacity:1}.streak-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:color-mix(in srgb,var(--streak-color) 8%,var(--panel));border:1px solid color-mix(in srgb,var(--streak-color) 30%,var(--border));border-radius:var(--radius);box-shadow:0 10px 30px #00000040;position:relative;overflow:hidden}.streak-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--streak-color) 18%,transparent),transparent);opacity:.35;transform:skew(-12deg) translate(-30%);pointer-events:none}.streak-left{display:flex;align-items:center;gap:10px;z-index:1}.streak-flame{font-size:18px;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--streak-color) 55%,transparent))}.streak-count{font-family:var(--font-hud);font-size:12px;font-weight:800;letter-spacing:1px;color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--streak-color) 35%,transparent)}.streak-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--text-dim);margin-top:2px}.streak-dots{display:flex;align-items:center;gap:6px;z-index:1;min-width:120px;justify-content:center}.streak-dot{width:10px;height:10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.streak-dot.active{border-color:color-mix(in srgb,var(--streak-color) 40%,rgba(255,255,255,.1))}.streak-multiplier{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:2px;white-space:nowrap;z-index:1}@media (max-width: 520px){.streak-banner{flex-wrap:wrap;justify-content:center}.streak-dots{min-width:unset}}.dashboard-wrap{width:min(1120px,100% - 1.5rem);margin:1rem auto 2.5rem}.dash-hero{background:linear-gradient(180deg,#00ff8814,#00ff8805);border:1px solid var(--border);padding:28px;margin-bottom:1rem;position:relative;overflow:hidden}.dash-hero:after{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.2),transparent 70%);pointer-events:none}.dash-hero-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-dim);margin-bottom:10px}.dash-hero-title{font-family:var(--font-hud);font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:1px;color:var(--white)}.dash-hero-name{color:var(--green);text-shadow:0 0 20px rgba(0,255,136,.35)}.dash-hero-sub{margin-top:12px;max-width:700px;color:var(--text-dim);font-size:15px}.dash-stats{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.25rem}.dash-stat{background:var(--panel);border:1px solid var(--border);padding:16px}.dash-stat-n{font-family:var(--font-hud);font-size:26px;color:var(--green);letter-spacing:1px}.dash-stat-n-cyan{color:var(--cyan)}.dash-stat-n-compact{font-size:clamp(1rem,1.4vw + .6rem,1.25rem)}.dash-stat-l{margin-top:4px;font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase}.quiz-grid{display:grid;grid-template-columns:1fr;gap:.875rem}.dash-loading,.dash-empty{background:var(--panel);border:1px solid var(--border);min-height:180px;display:grid;place-items:center;text-align:center;padding:20px}.dash-section-label{margin-bottom:.9rem}.dash-empty-icon{font-size:1.4rem;margin-bottom:.6rem;letter-spacing:.08rem;color:var(--green)}.dash-empty-text{font-family:var(--font-hud);font-size:.85rem;color:var(--text-dim);letter-spacing:.12rem}.dash-loading{gap:8px}.dash-loading-dot{width:12px;height:12px;border-radius:999px;background:var(--green);box-shadow:0 0 14px #00ff88b3;animation:dashPulse 1s ease-in-out infinite}@keyframes dashPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}@media (min-width: 30.0625rem){.dashboard-wrap{width:min(1120px,100% - 2rem);margin-top:1.25rem}.dash-hero{padding:1.25rem}}@media (min-width: 48.0625rem){.dash-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (min-width: 64.0625rem){.dashboard-wrap{margin-top:2rem}}.games-grid{display:grid;grid-template-columns:1fr;gap:.875rem;margin-bottom:2rem}.game-card{background:var(--panel);border:1px solid var(--border);padding:1rem;cursor:pointer;transition:border-color .2s,transform .2s,background .2s;display:flex;flex-direction:column;gap:.5rem;min-height:2.75rem}.game-card:hover{border-color:var(--green);background:#00ff8808;transform:translateY(-3px)}.game-card-waste{--game-color: var(--green)}.game-card-water{--game-color: var(--cyan)}.game-card-waste:hover,.game-card-waste .game-card-tag,.game-card-waste .game-card-title,.game-card-waste .game-card-play{border-color:var(--green);color:var(--green)}.game-card-water:hover,.game-card-water .game-card-tag,.game-card-water .game-card-title,.game-card-water .game-card-play{border-color:var(--cyan);color:var(--cyan)}.game-card-tag{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14rem;border:1px solid;padding:.2rem .45rem;display:inline-flex;width:fit-content}.game-card-icon{font-size:clamp(1rem,2.8vw,1.5rem)}.game-card-title{font-family:var(--font-hud);font-size:clamp(1rem,1.6vw + .72rem,1.2rem);font-weight:900;letter-spacing:.06rem}.game-card-desc{font-size:clamp(.78rem,1vw + .48rem,.9rem);color:var(--text-dim);line-height:1.5}.game-card-play{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1rem;margin-top:.25rem}.dash-filter-row{display:flex;flex-direction:column;align-items:stretch;gap:.55rem;margin-bottom:1rem}.diff-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.diff-btn{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08rem;background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.55rem .6rem;min-height:2.75rem;transition:all .2s}.diff-btn:hover,.diff-btn.active,.diff-beginner.active{border-color:var(--green);color:var(--green)}.diff-intermediate.active{border-color:var(--yellow);color:var(--yellow)}.diff-expert.active{border-color:var(--red);color:var(--red)}@media (min-width: 30.0625rem){.diff-filters{grid-template-columns:repeat(4,minmax(0,auto));justify-content:flex-start}}@media (min-width: 48.0625rem){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-filter-row{flex-direction:row;justify-content:space-between;align-items:center}.diff-filters{justify-content:flex-end}}.option-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.option-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 0 12px #00ff881a}.option-btn:disabled{cursor:default}.option-letter{width:30px;height:30px;border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-hud);font-size:13px;color:var(--green)}.option-text{flex:1;line-height:1.5}.option-btn.selected,.option-btn.correct{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green),0 0 14px #00ff8826}.xp-popup-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:50}.xp-popup-item{position:fixed;transform:translate(-50%,-50%);font-family:var(--font-hud);font-size:16px;letter-spacing:1px;color:var(--green);text-shadow:0 0 12px rgba(0,255,136,.45);animation:xpFloat .9s ease-out forwards}@keyframes xpFloat{0%{opacity:0;transform:translate(-50%,-30%)}15%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-130%)}}.quiz-play-wrap{max-width:820px;margin:0 auto;padding:1.1rem .875rem 3rem;display:flex;flex-direction:column;gap:20px}.quiz-loading{min-height:55vh;display:grid;place-items:center;gap:12px;color:var(--text-dim);font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase}.quiz-loading-spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:quizSpin .8s linear infinite}@keyframes quizSpin{to{transform:rotate(360deg)}}.quiz-topbar{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.quiz-progress-wrap{display:flex;flex-direction:column;gap:8px}.quiz-progress-label{display:flex;justify-content:space-between;gap:12px}.quiz-progress-track{width:100%;height:8px;background:#ffffff0f;border:1px solid var(--border);overflow:hidden}.quiz-progress-fill{width:100%;height:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent}.quiz-progress-fill::-webkit-progress-bar{background:transparent}.quiz-progress-fill::-webkit-progress-value{background:linear-gradient(90deg,var(--green-dim),var(--green))}.quiz-progress-fill::-moz-progress-bar{background:linear-gradient(90deg,var(--green-dim),var(--green))}.quiz-timer{min-width:4.75rem;padding:10px 12px;text-align:center;border:1px solid var(--border);background:var(--panel);color:var(--green);font-family:var(--font-hud);font-size:24px;line-height:1}.quiz-timer.warn{color:#ff6b35;border-color:#ff6b35}.quiz-timer-s{margin-left:4px;font-size:11px;color:var(--text-dim)}.session-xp{align-self:flex-start;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--green)}.quiz-progress-meta{font-size:.62rem;letter-spacing:.12rem;color:var(--text-dim)}.quiz-empty-text{color:var(--red)}.quiz-q-num{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-dim)}.quiz-q-text{font-family:var(--font-hud);font-size:clamp(20px,3.3vw,32px);line-height:1.3}.quiz-options{display:grid;gap:10px}.quiz-next-btn{font-family:var(--font-hud);font-size:13px;letter-spacing:1px;border:1px solid var(--green);background:var(--green);color:#001109;padding:.72rem 1rem;min-height:2.75rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.quiz-next-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 18px #00ff8840}.quiz-next-btn:disabled{opacity:.6;cursor:not-allowed}.hint-row{margin-bottom:16px}.hint-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;background:#ffd7000d;border:1px dashed rgba(255,215,0,.3);color:var(--text-dim);padding:.55rem 1rem;min-height:2.75rem;cursor:pointer;transition:all .2s}.hint-btn:hover{border-color:var(--yellow);color:var(--yellow)}.hint-penalty{color:var(--yellow);margin-left:.375rem}.hint-box{background:#ffd7000f;border:1px solid rgba(255,215,0,.25);color:var(--yellow);font-size:14px;padding:12px 16px;line-height:1.5}.quiz-feedback-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:6px}.quiz-feedback-left{flex:1;min-width:0}.quiz-feedback{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:#b8ffd8cc}.quiz-feedback.pending{color:var(--text-dim)}.quiz-feedback.ok{color:var(--green)}.quiz-submit-btn{font-family:var(--font-hud);font-size:13px;letter-spacing:1px;border:1px solid var(--cyan);background:transparent;color:var(--cyan);padding:.72rem 1rem;min-height:2.75rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}.quiz-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 18px #00e5ff2e}.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-explanation{background:#00e5ff0d;border:1px solid rgba(0,229,255,.2);color:var(--text);font-size:14px;padding:14px 18px;line-height:1.6}.explanation-label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--cyan);margin-right:6px}@media (min-width: 30.0625rem){.quiz-play-wrap{padding:1.4rem 1rem 3.2rem}}@media (max-width: 48rem){.quiz-topbar{grid-template-columns:1fr}.quiz-timer{justify-self:start}.quiz-feedback-row{flex-direction:column;align-items:stretch}.quiz-submit-btn,.quiz-next-btn{width:100%}}@media (min-width: 48.0625rem){.quiz-play-wrap{padding:1.8rem 1.25rem 4rem}}@keyframes rankReveal{0%{transform:scale(.4) rotate(-10deg);opacity:0}60%{transform:scale(1.1) rotate(2deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes statsSlide{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--rank-glow, rgba(0,255,136,.3))}50%{box-shadow:0 0 50px var(--rank-glow, rgba(0,255,136,.5))}}.result-wrap{--rank-color: var(--green);--rank-glow: rgba(0, 255, 136, .35);max-width:640px;margin:0 auto;padding:1.25rem .875rem 3rem;display:flex;flex-direction:column;gap:32px}.result-wrap.rank-s{--rank-color: #ffd700;--rank-glow: rgba(255, 215, 0, .4)}.result-wrap.rank-a{--rank-color: #00ff88;--rank-glow: rgba(0, 255, 136, .35)}.result-wrap.rank-b{--rank-color: #00e5ff;--rank-glow: rgba(0, 229, 255, .3)}.result-wrap.rank-c{--rank-color: #ff6b35;--rank-glow: rgba(255, 107, 53, .3)}.result-rank-section{text-align:center}.result-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:4px;color:var(--text-dim);margin-bottom:8px}.result-quiz-name{font-family:var(--font-hud);font-size:clamp(14px,2.5vw,20px);font-weight:700;color:var(--text);letter-spacing:3px;margin-bottom:36px}.result-rank-ring{width:160px;height:160px;border-radius:50%;border:3px solid var(--rank-color, var(--green));display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 24px;animation:rankReveal .7s cubic-bezier(.34,1.56,.64,1) forwards,glowPulse 2.5s ease .7s infinite;background:radial-gradient(circle,#0009,#000000e6)}.result-rank-letter{font-family:var(--font-hud);font-size:72px;font-weight:900;color:var(--rank-color, var(--green));line-height:1;text-shadow:0 0 30px var(--rank-glow, rgba(0,255,136,.5))}.result-rank-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--rank-color, var(--green));margin-top:4px;opacity:.85}.result-message{font-size:15px;color:var(--text-dim);line-height:1.6;max-width:400px;margin:0 auto;animation:statsSlide .5s ease .6s both}.result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;animation:statsSlide .5s ease .7s both}.result-stat{background:var(--panel);border:1px solid var(--border);padding:18px 12px;text-align:center;position:relative;overflow:hidden}.result-stat:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green);opacity:.25}.result-stat-n{font-family:var(--font-hud);font-size:26px;font-weight:900;color:var(--green);line-height:1}.result-stat-l{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-top:6px}.result-stat-n-rank{color:var(--rank-color)}.result-stat-n-gold{color:gold}.result-stat-n-cyan{color:var(--cyan)}.result-stat-den{font-size:1.125rem;color:var(--text-dim)}.result-bar-wrap{display:flex;align-items:center;gap:12px;animation:statsSlide .5s ease .85s both}.result-bar-label{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-dim);white-space:nowrap;min-width:100px}.result-bar-track{flex:1;display:flex;gap:4px}.result-bar-seg{flex:1;height:18px;background:#ffffff0d;border:1px solid var(--border);transition:all .3s ease}.result-bar-seg.filled{background:var(--rank-color);box-shadow:0 0 8px var(--rank-glow);border-color:transparent}.result-bar-pct{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);min-width:40px;text-align:right}.result-actions{display:flex;flex-direction:column;gap:12px;animation:statsSlide .5s ease 1s both}.result-actions button{flex:1;padding:16px;font-size:13px}.result-level-note{text-align:center;animation:statsSlide .5s ease 1.1s both}.result-review{display:grid;gap:10px;animation:statsSlide .5s ease 1s both}.result-review-title{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--text-dim)}.result-review-item{border:1px solid var(--border);background:var(--panel);padding:14px;display:grid;gap:8px}.result-review-item.ok{border-color:#00ff8859}.result-review-item.bad{border-color:#ff6b3566}.result-review-q{font-family:var(--font-hud);font-size:15px}.result-review-row{font-size:13px;color:var(--text-dim)}.result-review-label{display:inline-block;min-width:130px;color:var(--text)}.result-bonus-notice{background:#ff6b3512;border:1px solid rgba(255,107,53,.25);color:#ff6b35;padding:.75rem 1rem;font-size:.88rem;font-weight:600;text-align:center}.result-replay-notice{background:#ffffff08;border:1px solid var(--border);color:var(--text-dim);padding:.75rem 1rem;font-size:.84rem;text-align:center}.result-badges-earned{background:#ffd7000d;border:1px solid rgba(255,215,0,.2);padding:1rem}.result-section-label{margin-bottom:.75rem}.result-badge-list{display:flex;flex-wrap:wrap;gap:.6rem}.result-badge-item{font-family:var(--font-hud);font-size:.78rem;font-weight:700;color:gold;background:#ffd70014;border:1px solid rgba(255,215,0,.2);padding:.5rem .75rem}@media (min-width: 30.0625rem){.result-wrap{padding:1.5rem 1rem 3.5rem}}@media (min-width: 48.0625rem){.result-wrap{padding:1.8rem 1.25rem 4rem}.result-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.result-actions{flex-direction:row}}.badge-section{margin-top:8px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:14px}.badge-card{background:var(--panel);border:1px solid var(--border);padding:16px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s;position:relative;overflow:hidden}.badge-card.earned{border-color:var(--badge-color);background:color-mix(in srgb,var(--badge-color) 6%,var(--panel))}.badge-card.earned:hover{transform:translateY(-3px);box-shadow:0 6px 20px color-mix(in srgb,var(--badge-color) 20%,transparent)}.badge-card.locked{opacity:.4;filter:grayscale(.8)}.badge-icon{font-size:28px}.badge-name{font-family:var(--font-hud);font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px}.badge-rarity{font-family:var(--font-mono);font-size:9px;letter-spacing:2px}.badge-locked-desc{font-size:10px;color:var(--text-dim);line-height:1.4;margin-top:2px}.profile-wrap{max-width:800px;margin:0 auto;padding:1.25rem .875rem 3rem}.profile-header{display:flex;align-items:flex-start;flex-direction:column;gap:.9rem;padding:1.25rem 0 1rem}.profile-avatar{width:72px;height:72px;border-radius:50%;border:2px solid var(--green);display:flex;align-items:center;justify-content:center;font-family:var(--font-hud);font-size:28px;font-weight:900;color:var(--green);background:#00ff880f;box-shadow:0 0 20px #00ff8826;flex-shrink:0;overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:var(--font-hud);font-size:clamp(20px,3vw,36px);font-weight:900;color:#fff;letter-spacing:2px}.profile-email{font-size:13px;color:var(--text-dim);margin-top:4px}.profile-meta-wrap{margin-top:10px;display:flex;flex-direction:column;gap:7px}.profile-nationality{display:inline-flex;width:fit-content;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;color:var(--cyan);border:1px solid var(--border);padding:4px 10px}.profile-bio{font-size:14px;color:var(--text);max-width:560px;line-height:1.45}.profile-edit-btn{margin-left:auto;min-width:190px}.profile-edit-panel{border:1px solid var(--border);background:var(--panel);padding:16px;margin-bottom:18px}.profile-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-field{display:flex;flex-direction:column;gap:7px}.profile-field-full{grid-column:1 / -1}.profile-field-label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-dim)}.profile-photo-row{display:flex;align-items:center;gap:12px}.profile-photo-preview{width:64px;height:64px;border-radius:50%;overflow:hidden;border:1px solid var(--green);background:#00ff8814;display:flex;align-items:center;justify-content:center;font-family:var(--font-hud);font-size:24px;color:var(--green)}.profile-photo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.profile-edit-actions{margin-top:12px;display:flex;gap:10px}.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.profile-stat{background:var(--panel);border:1px solid var(--border);padding:18px;text-align:center}.profile-stat-n{font-family:var(--font-hud);font-size:26px;font-weight:900;color:var(--green);line-height:1}.profile-stat-l{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-top:6px}.profile-history{display:flex;flex-direction:column;gap:2px;margin-top:14px}.history-row{display:grid;grid-template-columns:1fr;padding:12px;background:var(--panel);border:1px solid var(--border);gap:8px;align-items:center;transition:background .2s}.history-row:hover{background:#00ff8808}.history-title{font-weight:700;font-size:14px}.history-score{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);text-align:center}.history-rank{font-family:var(--font-hud);font-size:16px;font-weight:900;text-align:center}.history-xp{font-family:var(--font-hud);font-size:13px;font-weight:700;text-align:center}.history-date{font-size:11px;color:var(--text-dim);text-align:right}@media (min-width: 30.0625rem){.profile-wrap{padding:1.5rem 1rem 3.25rem}}@media (min-width: 48.0625rem){.profile-wrap{padding:2rem 1.25rem 4rem}.profile-header{flex-direction:row;align-items:center;gap:1.5rem;padding:2rem 0 1.5rem}.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-row{grid-template-columns:1fr 120px 50px 80px 100px;padding:12px 16px}}@media (max-width: 48rem){.profile-edit-btn{margin-left:0;width:100%}.profile-edit-grid{grid-template-columns:1fr}.profile-edit-actions{flex-direction:column}}@keyframes rowIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.lb-wrap{max-width:860px;margin:0 auto;padding:1.25rem .875rem 3rem}.lb-header{padding:36px 0 32px}.lb-title{font-family:var(--font-hud);font-size:clamp(28px,5vw,52px);font-weight:900;color:#fff;letter-spacing:2px;line-height:1}.lb-sub{font-size:14px;color:var(--text-dim);margin-top:8px}.lb-podium{display:flex;align-items:flex-end;justify-content:center;gap:.4rem;margin-bottom:1.5rem;height:170px}.podium-slot{display:flex;flex-direction:column;align-items:center;flex:1;max-width:200px}.podium-crown{font-size:28px;margin-bottom:4px;animation:float 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.podium-medal{font-size:22px;margin-bottom:6px}.podium-name{font-family:var(--font-hud);font-size:13px;font-weight:700;letter-spacing:1px;color:#fff;margin-bottom:4px;text-align:center;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-xp{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;margin-bottom:8px}.podium-block{width:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-hud);font-size:28px;font-weight:900;color:#ffffff26;border-top:2px solid rgba(255,255,255,.1)}.p1-block{height:100px;background:#ffd7000f;border-color:#ffd7004d}.p2-block{height:72px;background:#c0c0c00a;border-color:#c0c0c033}.p3-block{height:52px;background:#cd7f320a;border-color:#cd7f3233}.lb-table{border:1px solid var(--border);overflow:hidden;overflow-x:auto}.lb-head{display:grid;grid-template-columns:60px 1fr 80px 160px 120px;background:#00ff880a;border-bottom:1px solid var(--border);padding:10px 20px;gap:8px;min-width:700px}.lb-row{display:grid;grid-template-columns:60px 1fr 80px 160px 120px;padding:14px 20px;border-bottom:1px solid rgba(0,255,136,.04);gap:8px;align-items:center;animation:rowIn .4s ease both;transition:background .2s;min-width:700px}.lb-row:last-child{border-bottom:none}.lb-row:hover{background:#ffffff05}.lb-row.lb-me{background:#00ff880a!important;border-left:3px solid var(--green)}.lb-row.lb-top3{background:#ffffff03}.lbc{display:flex;align-items:center;font-size:14px;color:var(--text)}.lbc.mono{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--text-dim)}.lbc.center{justify-content:center}.lbc.right{justify-content:flex-end}.rank-col{justify-content:center}.lb-medal{font-size:20px}.lb-rank-n{font-family:var(--font-hud);font-size:16px;font-weight:700;color:var(--text-dim)}.lb-player-cell{gap:12px}.lb-avatar{width:36px;height:36px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-family:var(--font-hud);font-size:14px;font-weight:700;flex-shrink:0;background:#0006;overflow:hidden}.lb-avatar-img{width:100%;height:100%;object-fit:cover}.lb-player-name{font-family:var(--font-hud);font-size:14px;font-weight:700;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.lb-you-badge{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--green);border:1px solid rgba(0,255,136,.4);padding:1px 6px;background:#00ff8814}.lb-player-sub{font-size:10px;letter-spacing:2px;margin-top:2px}.lb-level-badge{font-family:var(--font-hud);font-size:16px;font-weight:900;width:36px;height:36px;border:2px solid;border-radius:4px;display:flex;align-items:center;justify-content:center}.lb-prog-cell{flex-direction:column;gap:4px}.lb-prog-track{width:100%;height:4px;background:#ffffff0d;border-radius:2px;overflow:hidden}.lb-prog-fill{height:100%;border-radius:2px;transition:width .8s ease}.lb-xp-val{font-family:var(--font-hud);font-size:16px;font-weight:700}.lb-loading,.lb-empty{padding:48px;text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:3px;color:var(--text-dim)}@media (max-width: 30rem){.lb-podium{height:auto;align-items:stretch}.podium-slot{max-width:33%}.podium-name{font-size:.72rem}.podium-block{font-size:1.2rem}}@media (min-width: 30.0625rem){.lb-wrap{padding:1.5rem 1rem 3.5rem}}@media (min-width: 48.0625rem){.lb-wrap{padding:2rem 1.25rem 4.25rem}.lb-podium{height:210px;margin-bottom:2rem}}.wg-wrap{max-width:900px;margin:0 auto;padding:1rem .75rem 2.5rem}.wg-header{padding:20px 0 16px}.wg-title{font-family:var(--font-hud);font-size:clamp(24px,4vw,44px);font-weight:900;color:#fff;letter-spacing:2px;line-height:1;margin-bottom:8px}.wg-sub{font-size:14px;color:var(--text-dim);line-height:1.45}.wg-stats{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:16px}.wg-stat{background:var(--panel);border:1px solid var(--border);padding:16px;text-align:center}.wg-stat-n{font-family:var(--font-hud);font-size:28px;font-weight:900;color:var(--green);line-height:1}.wg-stat-l{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-top:6px}.wg-feedback{min-height:40px;display:flex;align-items:center;justify-content:center;font-family:var(--font-hud);font-size:13px;font-weight:700;letter-spacing:1px;border-radius:0;opacity:0;transition:opacity .25s;margin-bottom:16px;text-align:center;padding:8px 10px}.wg-feedback.show{opacity:1}.wg-feedback.good{color:var(--green);background:#00ff880f;border:1px solid rgba(0,255,136,.2)}.wg-feedback.bad{color:var(--red);background:#ff50500f;border:1px solid rgba(255,80,80,.2)}.wg-pile{background:var(--panel);border:1px solid var(--border);padding:14px;margin-bottom:20px}.wg-items{display:grid;grid-template-columns:1fr;gap:10px;min-height:56px}.wg-item{background:#ffffff0a;border:1px solid var(--border);padding:12px 14px;cursor:grab;font-size:14px;color:var(--text);display:flex;align-items:center;gap:8px;transition:border-color .15s,background .15s,transform .15s;-webkit-user-select:none;user-select:none;min-height:52px;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.wg-wrap.wg-touch-active .wg-item{touch-action:none}.wg-item:hover{border-color:#ffffff4d;transform:translateY(-2px)}.wg-item:active{cursor:grabbing;transform:scale(.99)}.wg-item.wg-selected{border-color:var(--green);background:#00ff8814;box-shadow:0 0 12px #00ff8826}.wg-item-icon{font-size:18px}.wg-item-name{font-family:var(--font-hud);font-size:12px;font-weight:700;letter-spacing:.5px}.wg-pile-empty{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-dim);padding:12px 0}.wg-bins{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:24px}.wg-bin{border:2px dashed;padding:14px;min-height:150px;transition:border-color .2s,background .2s,transform .15s;cursor:pointer}.wg-bin:hover{transform:translateY(-1px)}.wg-bin.wg-bin-over{border-style:solid;box-shadow:inset 0 0 0 1px #fff3,0 0 16px #00ff882e}.wg-bin-title{font-family:var(--font-hud);font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.wg-bin-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;min-height:28px}.wg-chip{font-size:11px;padding:3px 8px;border-radius:2px;display:flex;align-items:center;gap:4px}.wg-chip-ok{background:#00ff881f;color:var(--green);border:1px solid rgba(0,255,136,.25)}.wg-chip-err{background:#ff50501a;color:var(--red);border:1px solid rgba(255,80,80,.2);text-decoration:line-through}.wg-bin-fact{font-size:11px;color:var(--text-dim);line-height:1.5;margin-top:6px;border-top:1px solid rgba(255,255,255,.05);padding-top:8px}.wg-result{text-align:center;padding:48px 24px;background:var(--panel);border:1px solid var(--border);margin-bottom:24px}.wg-result-emoji{font-size:52px;margin-bottom:16px}.wg-result-title{font-family:var(--font-hud);font-size:28px;font-weight:900;color:var(--green);letter-spacing:2px;margin-bottom:10px}.wg-result-score{font-family:var(--font-mono);font-size:13px;letter-spacing:2px;color:var(--text-dim);margin-bottom:28px}.wg-touch-drag{position:fixed;z-index:1100;transform:translate(-50%,-120%);pointer-events:none;background:#071312f5;border:1px solid rgba(0,255,136,.4);box-shadow:0 0 12px #0f83;padding:8px 10px;color:var(--text);font-family:var(--font-hud);font-size:12px;font-weight:700;letter-spacing:.4px;max-width:min(78vw,260px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (min-width: 22.5rem){.wg-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 30.0625rem){.wg-wrap{padding:1.5rem 1rem 3.5rem}.wg-header{padding:30px 0 20px}.wg-pile{padding:18px}.wg-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.wg-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 48.0625rem){.wg-wrap{padding:2rem 1.25rem 4rem}.wg-items{grid-template-columns:repeat(3,minmax(0,1fr))}.wg-bins{grid-template-columns:repeat(2,minmax(0,1fr))}}.ww-page{width:100%;min-height:calc(100vh - 64px);display:flex;justify-content:center;padding:0 16px}.ww-wrap{width:100%;max-width:960px;margin:0 auto;padding:40px 24px 80px}.ww-header{padding:36px 0 24px}.ww-title{font-family:var(--font-hud);font-size:clamp(24px,4vw,44px);font-weight:900;color:#fff;letter-spacing:2px;line-height:1;margin-bottom:8px}.ww-sub{font-size:14px;color:var(--text-dim)}.ww-levels{display:flex;gap:10px;margin-bottom:20px}.ww-level-btn{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;padding:7px 18px;background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:all .2s}.ww-level-btn:hover{border-color:var(--cyan);color:var(--cyan)}.ww-level-btn.active{background:#00e5ff14;border-color:var(--cyan);color:var(--cyan)}.ww-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.ww-stat{background:var(--panel);border:1px solid var(--border);padding:16px;text-align:center}.ww-stat-n{font-family:var(--font-hud);font-size:28px;font-weight:900;color:var(--cyan);line-height:1}.ww-stat-l{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-top:6px}.ww-win{background:#00e5ff0d;border:1px solid rgba(0,229,255,.3);padding:32px;text-align:center;margin-bottom:16px}.ww-win-emoji{font-size:44px;margin-bottom:12px}.ww-win-title{font-family:var(--font-hud);font-size:24px;font-weight:900;color:var(--cyan);letter-spacing:2px;margin-bottom:8px}.ww-win-sub{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;color:var(--text-dim);margin-bottom:20px}.ww-win-btns{display:flex;gap:12px;justify-content:center}.ww-canvas-wrap{background:var(--panel);border:1px solid var(--border);padding:12px;margin-bottom:14px;overflow:hidden}.ww-canvas{display:block;width:100%;cursor:pointer;image-rendering:crisp-edges}.ww-hint{font-size:12px;color:var(--text-dim);text-align:center;margin-bottom:20px;font-family:var(--font-mono);letter-spacing:1px}@media (max-width: 900px){.ww-wrap{padding:32px 16px 60px}.ww-levels{flex-wrap:wrap;justify-content:center;gap:8px}.ww-level-btn{flex:1 1 140px;text-align:center;padding:6px 16px;font-size:10px}.ww-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 640px){.ww-header{text-align:center}.ww-title{font-size:clamp(22px,6vw,36px)}.ww-sub{font-size:13px}.ww-stat{padding:12px}.ww-stat-n{font-size:24px}.ww-win{padding:24px 18px}.ww-win-btns{flex-direction:column}.ww-win-btns button{width:100%}.ww-canvas-wrap{padding:10px}.ww-hint{font-size:11px}}@media (max-width: 420px){.ww-wrap{padding:24px 12px 48px}.ww-levels{gap:6px}.ww-win-sub,.ww-hint{letter-spacing:.5px}}.csv-wrap{display:flex;flex-direction:column;gap:20px}.drop-zone{border:2px dashed var(--border);padding:52px 24px;text-align:center;cursor:pointer;transition:all .25s;position:relative;overflow:hidden}.drop-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(0,255,136,.03) 0%,transparent 70%);opacity:0;transition:opacity .25s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--green);background:#00ff8808}.drop-zone:hover:before,.drop-zone.drag-over:before{opacity:1}.drop-zone.drag-over{box-shadow:0 0 30px #00ff8826;transform:scale(1.005)}.drop-icon{font-size:44px;margin-bottom:14px;filter:grayscale(.3)}.drop-title{font-family:var(--font-hud);font-size:16px;font-weight:700;letter-spacing:3px;color:var(--text);margin-bottom:6px}.drop-sub{font-size:13px;color:var(--text-dim);margin-bottom:16px}.drop-hint{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--text-muted);line-height:1.8;max-width:520px;margin:0 auto}.file-preview{display:flex;align-items:center;gap:16px;background:#00ff880a;border:1px solid rgba(0,255,136,.2);padding:18px 20px}.file-preview-icon{font-size:32px;flex-shrink:0}.file-preview-info{flex:1;min-width:0}.file-name{font-family:var(--font-hud);font-size:14px;font-weight:700;color:var(--green);letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);letter-spacing:2px;margin-top:4px}.file-preview-actions{display:flex;gap:10px;flex-shrink:0}.upload-progress{display:flex;flex-direction:column;gap:8px}@keyframes progressScan{0%{left:-40%}to{left:140%}}.upload-progress-bar{height:3px;background:#00ff881a;border-radius:2px;position:relative;overflow:hidden}.upload-progress-bar:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--green),transparent);animation:progressScan 1.2s ease infinite}.upload-progress-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--text-dim);text-align:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.uploading-text{animation:blink .9s ease infinite}.csv-error{display:flex;align-items:flex-start;gap:14px;background:#ff22440f;border:1px solid rgba(255,34,68,.25);padding:18px 20px}.csv-error-icon{font-size:20px;color:var(--red);flex-shrink:0;margin-top:2px}.csv-error-title{font-family:var(--font-hud);font-size:12px;letter-spacing:2px;color:var(--red);margin-bottom:4px}.csv-error-msg{font-size:14px;color:var(--text-dim);line-height:1.5}.csv-result{background:#00ff880a;border:1px solid rgba(0,255,136,.2);padding:24px;position:relative}.csv-result:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.csv-result-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.csv-result-icon{font-size:18px;color:var(--green);text-shadow:0 0 10px var(--green)}.csv-result-title{font-family:var(--font-hud);font-size:14px;font-weight:700;letter-spacing:3px;color:var(--green)}.csv-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.csv-stat{text-align:center;padding:14px;background:#0003;border:1px solid var(--border)}.csv-stat-n{font-family:var(--font-hud);font-size:28px;font-weight:900;color:var(--green);text-shadow:0 0 12px var(--green);line-height:1}.csv-stat-l{font-size:10px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;margin-top:6px}.csv-warning{background:#ff660012;border:1px solid rgba(255,102,0,.2);color:var(--orange);font-size:13px;padding:10px 14px;line-height:1.5}.csv-duplicates{font-family:var(--font-mono);font-size:11px;margin-top:6px;color:var(--text-dim)}.csv-format-guide{background:#0003;border:1px solid var(--border);padding:20px;margin-top:4px}.format-table{overflow-x:auto;margin-bottom:14px}.format-row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;min-width:700px}.format-cell{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;padding:6px 8px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.format-head .format-cell{background:#00ff8812;border:1px solid rgba(0,255,136,.15);color:var(--green);font-weight:700}.format-cell.ex{background:#0000004d;border:1px solid var(--border);color:var(--text-dim)}.format-cell.correct{color:var(--green);border-color:#00ff884d;background:#00ff880f}.format-rules{display:flex;flex-wrap:wrap;gap:10px 24px;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--text-dim)}.admin-wrap{max-width:1100px;margin:0 auto;padding:1.25rem .875rem 3rem}.admin-header{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:1.25rem 0 1rem;gap:.85rem}.admin-title{font-family:var(--font-hud);font-size:clamp(24px,4vw,42px);font-weight:900;color:#fff;letter-spacing:2px}.admin-stats{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:32px}.admin-stat{background:var(--panel);border:1px solid var(--border);padding:20px;position:relative;overflow:hidden}.admin-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--green)}.admin-stat-n{font-family:var(--font-hud);font-size:30px;font-weight:900;color:var(--green);line-height:1}.admin-stat-l{font-size:11px;letter-spacing:2px;color:var(--text-dim);text-transform:uppercase;margin-top:6px}.admin-panel-section{background:var(--panel);border:1px solid var(--border);padding:28px;margin-bottom:16px;position:relative;overflow:hidden}.admin-panel-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.admin-form{display:flex;flex-direction:column;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr;gap:14px}.form-row-2{display:grid;grid-template-columns:1fr;gap:12px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;color:var(--text-dim)}.form-input{background:#0006;border:1px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:14px;font-weight:600;padding:10px 14px;outline:none;transition:all .2s;width:100%}.form-input::placeholder{color:var(--text-muted);font-weight:400}.form-input:focus{border-color:var(--green);box-shadow:0 0 0 1px var(--green),0 0 12px #00ff8814}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.question-block{background:#0003;border:1px solid rgba(0,255,136,.08);padding:20px;display:flex;flex-direction:column;gap:14px}.question-block-header{display:flex;justify-content:space-between;align-items:center}.q-remove-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:var(--red);background:transparent;border:1px solid rgba(255,34,68,.2);padding:3px 10px;cursor:pointer;transition:all .2s}.q-remove-btn:hover{background:#ff224414;border-color:var(--red)}.form-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;justify-content:flex-end}.admin-table{border:1px solid var(--border);overflow:hidden;overflow-x:auto}.admin-table-head{display:grid;grid-template-columns:1fr 110px 90px 100px 110px 100px;background:#00ff880d;border-bottom:1px solid var(--border);padding:10px 18px;gap:8px;min-width:760px}.admin-table-row{display:grid;grid-template-columns:1fr 110px 90px 100px 110px 100px;padding:14px 18px;border-bottom:1px solid rgba(0,255,136,.05);gap:8px;transition:background .2s;align-items:center;min-width:760px}.admin-table-row:hover{background:var(--panel)}.admin-table-row:last-child{border-bottom:none}.atc{font-size:14px;color:var(--text);display:flex;align-items:center}.atc.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-dim)}.atc.center{justify-content:center}.quiz-title-text{font-weight:700;font-size:14px;letter-spacing:.5px}.delete-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--red);background:transparent;border:1px solid rgba(255,34,68,.2);padding:4px 10px;cursor:pointer;transition:all .2s}.delete-btn:hover:not(:disabled){background:#ff224414;border-color:var(--red)}.delete-btn:disabled{opacity:.4;cursor:not-allowed}.admin-empty{padding:48px;text-align:center;border:1px dashed var(--border);font-size:14px;color:var(--text-dim);letter-spacing:1px}@media (min-width: 30.0625rem){.admin-wrap{padding:1.5rem 1rem 3.25rem}}@media (min-width: 48.0625rem){.admin-wrap{padding:2rem 1.25rem 3.5rem}.admin-header{flex-direction:row;align-items:flex-end;padding:2rem 0 1.25rem}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.form-row-3{grid-template-columns:1fr 180px 180px}.form-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-actions{flex-direction:row}}.analytics-wrap{max-width:900px;margin:0 auto;padding:1.25rem .875rem 3rem}.analytics-header{padding:36px 0 28px}.analytics-title{font-family:var(--font-hud);font-size:clamp(24px,4vw,42px);font-weight:900;color:#fff;letter-spacing:2px}.analytics-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:36px}.an-stat{background:var(--panel);border:1px solid var(--border);padding:22px 18px;text-align:center;position:relative;overflow:hidden}.an-stat:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green);opacity:.2}.an-stat-icon{font-size:22px;margin-bottom:10px}.an-stat-n{font-family:var(--font-hud);font-size:clamp(20px,3vw,28px);font-weight:900;color:var(--green);line-height:1;word-break:break-word}.an-stat-l{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--text-dim);margin-top:8px}.an-chart{background:var(--panel);border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:14px;overflow-x:auto}.an-empty{text-align:center;padding:32px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;color:var(--text-dim)}@keyframes barGrow{0%{width:0!important}}.an-bar-row{display:grid;grid-template-columns:32px 110px 1fr 70px;align-items:center;gap:8px;min-width:360px}.an-bar-rank{font-size:11px;letter-spacing:1px;color:var(--text-dim);text-align:right}.an-bar-name{font-family:var(--font-hud);font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-bar-track{height:12px;background:#ffffff0a;border:1px solid var(--border);border-radius:2px;overflow:hidden}.an-bar-fill{height:100%;border-radius:2px;animation:barGrow 1s ease both}.an-bar-xp{font-size:12px;letter-spacing:1px;text-align:right}.an-table{border:1px solid var(--border);overflow:hidden;overflow-x:auto}.an-table-head{display:grid;grid-template-columns:50px 1fr 100px 120px;background:#00ff880a;border-bottom:1px solid var(--border);padding:10px 20px;gap:8px;min-width:480px}.an-table-row{display:grid;grid-template-columns:50px 1fr 100px 120px;padding:12px 20px;border-bottom:1px solid rgba(0,255,136,.04);gap:8px;align-items:center;transition:background .2s;min-width:480px}.an-table-row:last-child{border-bottom:none}.an-table-row:hover{background:var(--panel)}.an-level-tag{font-size:10px;letter-spacing:2px;color:var(--cyan);border:1px solid rgba(0,229,255,.2);padding:2px 8px}@media (min-width: 30.0625rem){.analytics-wrap{padding:1.5rem 1rem 3.5rem}}@media (min-width: 48.0625rem){.analytics-wrap{padding:2rem 1.25rem 4rem}.analytics-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.an-bar-row{grid-template-columns:36px 140px 1fr 80px;gap:12px;min-width:520px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--green: #00FF88;--green-dim: #00CC66;--green-dark: #003322;--cyan: #00E5FF;--yellow: #FFD700;--orange: #FF6600;--red: #FF2244;--white: #FFFFFF;--bg: #020C06;--bg2: #041A0D;--panel: rgba(0, 255, 136, .04);--border: rgba(0, 255, 136, .15);--text: #B8FFD8;--text-dim: #4A9968;--text-muted: #2D5C3E;--font-hud: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace;--radius: 2px;--transition: all .2s ease;--primary: var(--green);--primary-dim: var(--green-dim);--secondary: var(--cyan);--accent: var(--yellow);--warning: var(--orange);--danger: var(--red);--background: var(--bg);--background-2: var(--bg2);--surface: var(--panel);--surface-border: var(--border);--foreground: var(--text);--foreground-muted: var(--text-dim);--foreground-faint: var(--text-muted);--shadow-glow: 0 0 28px rgba(0, 255, 136, .22);--container-xs: 560px;--container-sm: 760px;--container-md: 920px;--container-lg: 1120px;--toast-bg: #0a1a0f;--toast-fg: #e0ffe8;--toast-border: rgba(0, 255, 136, .2);--bp-sm: 30rem;--bp-md: 48rem;--bp-lg: 64rem;--page-pad-inline: clamp(.875rem, 3vw, 1.5rem);--page-pad-block: clamp(1rem, 3.5vw, 2.5rem);--hud-height: 4.25rem}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:clamp(15px,.35vw + 14px,18px);line-height:1.5;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px)}body:after{content:"";position:fixed;top:-20%;left:50%;transform:translate(-50%);width:800px;height:400px;pointer-events:none;z-index:0;background:radial-gradient(ellipse at center,rgba(0,255,136,.04) 0%,transparent 70%)}button{cursor:pointer;font-family:var(--font-body);border:none;background:none;min-height:2.75rem;min-width:2.75rem}input{font-family:var(--font-body)}a{color:inherit;text-decoration:none}.page-container{position:relative;z-index:1;min-height:100vh;padding-top:var(--hud-height);width:100%;overflow-x:clip}.mono{font-family:var(--font-mono)}.hud-font{font-family:var(--font-hud)}.muted{color:var(--foreground-muted)}.faint{color:var(--foreground-faint)}.container{width:min(var(--container-lg),100% - (var(--page-pad-inline) * 2));margin:0 auto}.container-sm{width:min(var(--container-sm),100% - (var(--page-pad-inline) * 2));margin:0 auto}.container-md{width:min(var(--container-md),100% - (var(--page-pad-inline) * 2));margin:0 auto}.container-lg{width:min(var(--container-lg),100% - (var(--page-pad-inline) * 2));margin:0 auto}.section{padding:clamp(1.75rem,4vw,2.5rem) 0 clamp(3rem,6vw,5rem)}.stack{display:flex;flex-direction:column;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width: 760px){.grid-2,.grid-3{grid-template-columns:1fr}}.btn-primary{font-family:var(--font-hud);font-size:clamp(.72rem,.2vw + .66rem,.82rem);font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:.8rem 1.4rem;background:var(--green);color:var(--bg);border:none;cursor:pointer;transition:var(--transition)}.btn-primary:hover{background:#0f9;box-shadow:0 0 28px #00ff8873;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{font-family:var(--font-hud);font-size:clamp(.7rem,.18vw + .64rem,.78rem);font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:.75rem 1.25rem;background:transparent;color:var(--text-dim);border:1px solid var(--border);cursor:pointer;transition:var(--transition)}.btn-ghost:hover{color:var(--green);border-color:var(--green);box-shadow:0 0 12px #00ff881a}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-90px) scale(1.3)}}.xp-popup{position:fixed;font-family:var(--font-hud);font-size:20px;font-weight:900;color:var(--yellow);text-shadow:0 0 14px rgba(255,215,0,.7);pointer-events:none;z-index:9998;animation:floatUp 1.3s ease forwards}.panel{background:var(--panel);border:1px solid var(--border);position:relative}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent)}.section-label{font-family:var(--font-mono);font-size:11px;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.card{background:var(--surface);border:1px solid var(--surface-border);padding:18px;position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.75}input,select,textarea{background:#00000059;border:1px solid var(--surface-border);color:var(--foreground);padding:.75rem;border-radius:var(--radius);outline:none;transition:var(--transition)}input::placeholder,textarea::placeholder{color:var(--foreground-faint)}input:focus,select:focus,textarea:focus{border-color:#00ff8859;box-shadow:0 0 0 3px #00ff880f}.eco-table{border:1px solid var(--surface-border);overflow:hidden;background:#0000001a}.eco-table-head{background:#00ff880a;border-bottom:1px solid var(--surface-border)}.eco-table-row{border-bottom:1px solid rgba(0,255,136,.04);transition:background .2s}.eco-table-row:hover{background:#ffffff05}.eco-table-row:last-child{border-bottom:none}img,picture,video,canvas,svg{max-width:100%;height:auto}@media (min-width: 48rem){:root{--hud-height: 5.25rem}}