:root{--bg: #050814;--card: #0c1024;--border: #1a2540;--text: #f4f6fa;--muted: #8f9ac0;--accent: #00c8f6;--accent-alt: #4a68ff;--accent-purple: #8a2be2;--accent-hover: #4a68ff;--accent-rgb: 0, 200, 246;--accent-alt-rgb: 74, 104, 255;--accent-purple-rgb: 138, 43, 226;--success: #22c55e;--danger: #ef4444;--warning: #eab308;--text-on-accent: #f2f4f8;--text-soft: #e8ecf4;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}#root{min-height:100vh}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}html:has(body.animations-disabled){scroll-behavior:auto}body.animations-disabled *,body.animations-disabled *:before,body.animations-disabled *:after{animation-duration:0s!important;animation-delay:0s!important;transition-duration:.15s!important}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.3rem;background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:#020617;font-weight:600;letter-spacing:.01em;box-shadow:0 8px 24px #00000073;transition:transform .12s ease,box-shadow .15s ease,background .15s ease,filter .15s ease}button:hover{background:linear-gradient(135deg,var(--accent-alt),var(--accent-purple));transform:translateY(-1px);box-shadow:0 12px 32px #0009;filter:brightness(1.05)}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem 1.1rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:#020617;font-weight:600;font-size:.95rem;letter-spacing:.01em;text-decoration:none;box-shadow:0 10px 30px #0000008c;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-alt));border-color:#00c8f673;color:#020617}.btn-secondary{background:radial-gradient(circle at top left,rgba(0,200,246,.08),transparent 55%),radial-gradient(circle at bottom right,rgba(74,104,255,.12),transparent 60%),var(--card);border-color:var(--border);color:var(--text);box-shadow:0 8px 22px #00000073}.btn:hover,.btn-primary:hover{background:linear-gradient(135deg,var(--accent-alt),var(--accent-purple));border-color:#8a2be299;color:var(--text-on-accent);transform:translateY(-1px);box-shadow:0 14px 36px #000000b3}.btn-secondary:hover{border-color:#00c8f6b3;box-shadow:0 14px 36px #000000b3;background:radial-gradient(circle at top left,rgba(0,200,246,.12),transparent 55%),radial-gradient(circle at bottom right,rgba(74,104,255,.18),transparent 60%),var(--card)}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}input,select,textarea{font:inherit;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text)}textarea{resize:vertical;min-height:2.5rem}.app-layout{position:relative}.app-layout-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,200,246,.18) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 12% 90%,rgba(74,104,255,.14) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 88% 20%,rgba(138,43,226,.16) 0%,transparent 60%);pointer-events:none;animation:home-bg-shift 8s ease-in-out infinite}.app-layout>header,.app-layout>main{position:relative}.app-layout>main{z-index:1}.app-layout>header{z-index:100;color:var(--text-soft)}.app-layout>header .nav-icon-btn{color:var(--text-soft)}.app-layout>header .nav-icon-btn:hover{color:var(--text)}.app-layout>header .nav-dropdown-item.active{color:var(--accent)}.app-layout>header a[href="/app/shop"]{color:var(--text-soft)}.container{max-width:1320px;margin:0 auto;padding:1.5rem clamp(1.25rem,4vw,2.5rem);width:100%}.auth-page{margin-top:3rem;margin-bottom:2rem;max-width:min(28rem,100%)}@media (min-width: 768px){.auth-page{max-width:min(36rem,92vw)}}@media (min-width: 1024px){.auth-page{max-width:min(42rem,90vw)}}.cgv-page{padding-top:2rem;padding-bottom:3rem;max-width:min(52rem,96vw)}@media (min-width: 1200px){.cgv-page{max-width:min(58rem,94vw)}}.page-full{width:100%;padding:1.5rem clamp(1.25rem,4vw,2.5rem);box-sizing:border-box}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.admin-layout{display:flex;min-height:calc(100vh - 56px);width:100%}.admin-sidebar{width:220px;flex-shrink:0;background:var(--card);border-right:1px solid var(--border);padding:1.25rem 0}.admin-sidebar nav{display:flex;flex-direction:column;gap:.25rem}.admin-sidebar a{display:block;padding:.6rem 1.25rem;color:var(--muted);text-decoration:none;font-weight:500;font-size:.95rem;border-left:3px solid transparent;transition:color .2s,background .2s,border-color .2s}.admin-sidebar a:hover{color:var(--text);background:#ffffff0a}.admin-sidebar a.active{color:var(--accent);border-left-color:var(--accent);background:rgba(var(--accent-rgb),.12)}.admin-main{flex:1;min-width:0;padding:1.5rem clamp(1.25rem,4vw,2.5rem);overflow:auto}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:.75rem}.admin-sidebar nav{flex-direction:row;flex-wrap:wrap;gap:.5rem}.admin-sidebar a{border-left:none;border-bottom:2px solid transparent;padding:.5rem .75rem}.admin-sidebar a.active{border-left:none;border-bottom-color:var(--accent)}}.order-slots [draggable=true]:active{cursor:grabbing}.order-question{margin-top:1rem;text-align:center}.order-question__title{font-size:.95rem;color:var(--muted);margin:0 0 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.order-question__title:before{content:"";display:inline-block;width:24px;height:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238888a0' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 8h16M4 16h16'/%3E%3Cpath d='M8 4v16M16 4v16'/%3E%3C/svg%3E") no-repeat center;opacity:.9}.order-track{display:flex;flex-direction:column;flex-wrap:nowrap;gap:.5rem;align-items:stretch;justify-content:flex-start;position:relative;overflow:visible;padding:0}.order-item{position:relative;display:flex;flex-shrink:0;align-items:center;gap:.75rem;padding:.7rem 1rem;width:100%;min-width:0;background:linear-gradient(145deg,#1a1a24fa,#14141cfa);border:2px solid var(--border);border-radius:12px;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:element;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 4px 12px #00000040}.order-item:hover{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 6px 20px #0000008c,0 0 0 1px rgba(var(--accent-rgb),.25)}.order-item--dragging{cursor:grabbing;box-shadow:0 12px 32px #000000bf,0 0 0 1px rgba(var(--accent-rgb),.35);border-color:var(--accent);background:linear-gradient(145deg,rgba(var(--accent-rgb),.18),#050814fa);z-index:10;opacity:.98;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease}.order-item--drop-target{border-color:var(--accent);border-style:dashed;background:rgba(var(--accent-rgb),.16);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.35)}.order-item__num{flex-shrink:0;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-alt));color:var(--text-on-accent);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;box-shadow:0 2px 10px #000000b3,0 0 0 1px rgba(var(--accent-rgb),.35)}.order-item__text{flex:1;min-width:0;font-size:.98rem;line-height:1.4}.order-item__actions{flex-shrink:0;display:flex;flex-direction:column;gap:.25rem}.order-item__btn{width:2.5rem;min-width:2.5rem;height:2.25rem;min-height:2.25rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;border:2px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.order-item__btn:hover:not(:disabled){border-color:var(--accent);background:rgba(var(--accent-rgb),.16)}.order-item__btn:disabled{opacity:.4;cursor:not-allowed}@media (pointer: coarse){.order-item__btn{width:3rem;min-width:3rem;height:2.75rem;min-height:2.75rem;font-size:1.25rem}}.order-item--answered{cursor:default;opacity:1}.order-item:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-.35rem;transform:translate(-50%);width:2px;height:6px;background:linear-gradient(180deg,var(--border),transparent);border-radius:1px;pointer-events:none}@media (max-width: 640px){.order-item{padding:.6rem .85rem}.order-item__num{width:28px;height:28px;font-size:.9rem}.order-item__text{font-size:.92rem}.order-item:not(:last-child):after{display:none}}@keyframes game-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.95}}@keyframes game-go{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes game-pop-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes game-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes game-score-bump{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes game-progress-shrink{0%{width:100%}to{width:0%}}@keyframes game-shine{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chaos-answers-frost-wrap{isolation:isolate;border:1px solid rgba(180,220,255,.22)}.chaos-answers-frost-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(125deg,rgba(255,255,255,.07) 0%,transparent 42%),linear-gradient(215deg,rgba(160,210,255,.14) 0%,transparent 48%),repeating-linear-gradient(-32deg,transparent,transparent 3px,rgba(255,255,255,.04) 3px,rgba(255,255,255,.04) 5px);-webkit-backdrop-filter:blur(4px) saturate(1.12);backdrop-filter:blur(4px) saturate(1.12);box-shadow:inset 0 1px #ffffff2e,inset 0 -12px 32px #8cbef024;animation:chaos-answers-frost-breathe 2.8s ease-in-out infinite}@keyframes chaos-answers-frost-breathe{0%,to{opacity:1}50%{opacity:.88}}.chaos-answers-frost-gif{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.2;mix-blend-mode:soft-light;pointer-events:none;z-index:1;border-radius:inherit}.chaos-answers-frost-badge{position:absolute;top:.45rem;right:.45rem;z-index:4;font-size:.78rem;font-weight:700;color:#bae6fd;letter-spacing:.02em;text-shadow:0 0 10px rgba(56,189,248,.85);background:#0f172a9e;border:1px solid rgba(186,230,253,.25);padding:.2rem .55rem;border-radius:8px;pointer-events:none}.game-countdown-digit{font-size:clamp(4rem,15vw,8rem);font-weight:800;color:var(--accent);text-shadow:0 0 40px rgba(var(--accent-alt-rgb),.6);animation:game-pulse 1s ease-in-out infinite}.game-countdown-digit.game-go{animation:game-go .6s ease-out forwards;color:var(--success);text-shadow:0 0 50px rgba(34,197,94,.5)}.game-question-card{animation:game-pop-in .35s ease-out;color:var(--text-soft)}.game-question-card p,.game-question-card strong{color:var(--text-soft)}.game-question-card.no-select,.game-question-card.no-select *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.game-question-card.no-select button{cursor:pointer}.game-question-card.no-select .order-item{cursor:grab}.game-question-card.no-select .order-item--answered{cursor:default}.game-question-card.no-select .order-item.order-item--dragging{cursor:grabbing}.game-answer-btn{color:var(--text-soft);transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}.game-answer-btn.selected{color:var(--text-on-accent);box-shadow:0 0 0 2px var(--accent),0 4px 24px #000000b3}.game-answer-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 24px #0009,0 0 0 1px rgba(var(--accent-rgb),.25)}.game-answer-btn.selected:hover:not(:disabled){box-shadow:0 0 0 2px var(--accent),0 6px 28px #000000bf}.game-results-row{animation:game-slide-up .4s ease-out backwards}.game-results-row.correct{border-left:4px solid var(--success)}.game-results-row.wrong{border-left:4px solid var(--danger)}.game-results-row.partial{border-left:4px solid var(--warning)}.game-score-new{animation:game-score-bump .5s ease-out}.game-timer-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.game-timer-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .05s linear}.game-duel-hp-bar .game-timer-fill{transition:width .9s ease-out}.training-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:transparent;cursor:pointer;--slider-percent: 0%}.training-slider:focus-visible{outline:none}.training-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--slider-percent),var(--border) var(--slider-percent),var(--border) 100%)}.training-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3);margin-top:-6px}.training-slider::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--slider-percent),var(--border) var(--slider-percent),var(--border) 100%)}.training-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3)}.training-slider::-ms-track{height:6px;border-radius:999px;background:transparent;border-color:transparent;color:transparent}.training-slider::-ms-fill-lower{height:6px;border-radius:999px 0 0 999px;background:var(--accent)}.training-slider::-ms-fill-upper{height:6px;border-radius:0 999px 999px 0;background:var(--border)}.training-slider::-ms-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.3)}@keyframes profile-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes profile-glow{0%,to{box-shadow:0 0 30px rgba(var(--accent-alt-rgb),.3)}50%{box-shadow:0 0 55px rgba(var(--accent-purple-rgb),.45)}}@keyframes profile-progress-fill{0%{width:0}}.profile-hero{animation:game-pop-in .5s ease-out,profile-glow 3s ease-in-out .5s infinite}.profile-stat-card{animation:game-slide-up .5s ease-out backwards}.profile-elo-badge{animation:profile-float 2.5s ease-in-out infinite}.profile-progress-bar{height:12px;border-radius:6px;background:var(--border);overflow:hidden}.profile-progress-fill{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.25,.46,.45,.94);animation:profile-progress-fill .8s ease-out backwards}@keyframes home-title-glow{0%,to{text-shadow:0 0 26px rgba(var(--accent-alt-rgb),.55),0 0 70px rgba(var(--accent-purple-rgb),.35)}50%{text-shadow:0 0 50px rgba(var(--accent-rgb),.85),0 0 110px rgba(var(--accent-purple-rgb),.45)}}@keyframes home-card-enter{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes home-bg-shift{0%,to{opacity:.4}50%{opacity:.6}}.home-menu{min-height:100vh;position:relative;overflow:hidden}.home-menu-container{min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:space-between;max-width:none;width:100%;padding-left:clamp(1rem,2vw,2.25rem);padding-right:clamp(1rem,2vw,2.25rem)}.home-menu-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,200,246,.2) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 12% 90%,rgba(74,104,255,.16) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 88% 20%,rgba(138,43,226,.18) 0%,transparent 60%);pointer-events:none;animation:home-bg-shift 8s ease-in-out infinite}.home-menu-title{animation:home-title-glow 3s ease-in-out infinite}.home-menu-card{animation:home-card-enter .5s ease-out backwards;transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease;background:var(--card)!important;color:var(--text)!important}.home-menu-card:hover:not(:disabled){background:var(--card)!important;color:var(--text)!important;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 0 1px var(--accent)}.home-menu-card h2,.home-menu-card p{color:inherit}.home-menu-card p{color:var(--muted)!important}.home-menu-wrapper{width:min(94vw,1500px);max-width:1500px;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center}.home-menu-main{margin-bottom:.35rem;height:100%}.home-menu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(.75rem,1.4vw,1.2rem);align-items:stretch;height:clamp(360px,50vh,560px)}.home-menu-side{min-width:0;display:flex;height:100%}.home-menu-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:clamp(.45rem,.8vw,.7rem);height:100%}.home-menu-list>li{flex:1 1 0;min-height:0}.home-menu-entry{display:flex;align-items:center;justify-content:space-between;min-height:0;height:100%;padding:0 clamp(.9rem,1.1vw,1.25rem);gap:1rem;background:var(--card);border:2px solid var(--border);border-radius:12px;color:var(--text-soft);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;animation:home-card-enter .4s ease-out backwards}.home-menu-entry:nth-child(1){animation-delay:.05s}.home-menu-entry:nth-child(2){animation-delay:.12s}.home-menu-entry:nth-child(3){animation-delay:.19s}.home-menu-entry:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 24px #0003}.home-menu-entry-clickable{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit;border:2px solid var(--border)}.home-menu-entry-clickable:disabled{opacity:.7;cursor:not-allowed}.home-menu-entry-clickable .home-menu-entry-icon{flex-shrink:0}.home-menu-entry-clickable .home-menu-entry-title{flex:1}.home-menu-entry-label{display:flex;align-items:center;gap:1rem;min-width:0;flex:1}.home-menu-entry-icon{font-size:2rem;line-height:1;flex-shrink:0}.home-menu-entry-title{font-size:1.05rem;font-weight:700;color:var(--text-soft)}.home-menu-entry-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.home-menu-toggle-group{display:flex;gap:.25rem}.home-menu-toggle-btn{padding:.45rem .75rem;border-radius:8px;border:2px solid var(--border);background:var(--border);color:var(--text-soft);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.home-menu-toggle-btn:hover:not(:disabled){border-color:var(--accent);background:rgba(var(--accent-rgb),.18);color:var(--accent)}.home-menu-toggle-btn.selected{background:linear-gradient(135deg,#00c8f647,#4a68ff38);border-color:var(--accent);color:var(--text-on-accent)}.home-menu-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.home-menu-launch{flex-shrink:0}.home-menu-footer{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:0;padding-top:0;border-top:1px solid var(--border);animation:home-card-enter .5s ease-out backwards;animation-delay:.28s;animation-fill-mode:backwards}.home-menu-footer-side{margin-top:0;padding-top:0;border-top:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.6rem,1vw,.95rem);align-content:start;width:100%;height:100%;grid-auto-rows:1fr}.home-menu-footer-side .home-menu-footer-btn{min-height:0;height:100%;border-radius:14px;justify-content:center;flex-direction:column;text-align:center;padding:clamp(.65rem,1vw,1rem) clamp(.55rem,.8vw,.9rem);font-family:inherit;font-size:1.05rem;font-weight:700}.home-menu-footer-side .home-menu-footer-btn:last-child:nth-child(odd){grid-column:1 / -1}.home-menu-footer-side .home-menu-footer-icon{font-size:clamp(1.9rem,2.2vw,2.4rem)}.home-menu-footer-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;background:transparent;border:2px solid var(--border);border-radius:10px;color:var(--text-soft);font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.home-menu-footer-btn:hover:not(:disabled){border-color:var(--accent);background:rgba(var(--accent-rgb),.12);color:var(--accent);transform:translateY(-2px)}.home-menu-footer-btn:disabled{opacity:.6;cursor:not-allowed}.home-menu-footer-icon{font-size:1.1rem;line-height:1}.home-knowledge-pass-strip{margin-top:clamp(.65rem,1.2vw,1.05rem);padding:clamp(.85rem,1.4vw,1.15rem);border-radius:18px;border:1px solid rgba(var(--accent-rgb),.28);background:radial-gradient(ellipse 95% 70% at 50% -10%,rgba(var(--accent-rgb),.14),transparent 52%),radial-gradient(ellipse 70% 50% at 100% 60%,rgba(var(--accent-purple-rgb),.08),transparent 45%),var(--card);box-shadow:0 14px 44px #00000052}.home-knowledge-pass-header{display:flex;align-items:center;justify-content:space-between;gap:.55rem;margin-bottom:.75rem}.home-kp-strip-head-center{flex:1;min-width:0;text-align:center}.home-kp-strip-eyebrow{margin:0;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.home-kp-strip-season{margin:.15rem 0 .1rem;font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:800;line-height:1.2;color:var(--text)}.home-kp-strip-level-line{margin:0;font-size:.8rem;color:var(--muted)}.home-kp-strip-open{display:inline-block;margin-top:.35rem;font-size:.82rem;font-weight:700;color:var(--accent);text-decoration:none}.home-kp-strip-open:hover{text-decoration:underline;color:var(--accent-alt)}.home-knowledge-pass-nav{flex-shrink:0;min-width:42px;height:42px;border-radius:10px;border:1px solid rgba(var(--accent-rgb),.35);background:#0003;color:var(--text);padding:0;font-size:1.1rem;line-height:1;box-shadow:none;font-weight:700;filter:none}.home-knowledge-pass-nav:hover:not(:disabled){border-color:var(--accent);background:rgba(var(--accent-rgb),.12);transform:none;filter:none}.home-knowledge-pass-nav:disabled{opacity:.35;cursor:not-allowed}.home-knowledge-pass-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.55rem,1.5vw,.85rem);align-items:stretch}.home-knowledge-pass-level{border:1px solid var(--border);border-radius:14px;padding:.55rem .6rem .65rem;background:#0000002e;display:flex;flex-direction:column;gap:.5rem;min-height:0}.home-knowledge-pass-level.is-current{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.22),0 8px 28px #00000059}.home-knowledge-pass-level-empty{opacity:.35;border-style:dashed;background:transparent;min-height:120px}.home-kp-level-head{display:flex;flex-direction:column;gap:.1rem}.home-kp-level-title{font-weight:800;font-size:.88rem;line-height:1.2}.home-kp-level-xp{color:var(--muted);font-size:.72rem;line-height:1.25}.home-kp-level-no-rewards{margin:0;color:var(--muted);font-size:.8rem}.home-kp-reward-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.45rem;flex:1;min-height:0}.home-kp-reward-tile{display:flex;flex-direction:column;min-width:0;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#ffffff08}.home-kp-reward-tile-visual{position:relative;width:100%;aspect-ratio:1;min-height:clamp(86px,19vw,152px);max-height:min(168px,28vw);display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 85% 70% at 50% 25%,rgba(var(--accent-rgb),.12),transparent 58%),linear-gradient(165deg,#ffffff0d,#00000026)}.home-kp-reward-tile-visual.is-frame.has-image{padding:4px}.home-kp-reward-tile-visual.has-image:not(.is-frame){padding:5px}.home-kp-reward-tile-caption{padding:.38rem .45rem .45rem;display:flex;flex-direction:column;gap:.12rem;border-top:1px solid rgba(255,255,255,.06);background:#0003}.home-kp-reward-tile .home-kp-reward-track{color:var(--muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.home-kp-reward-tile .home-kp-reward-label{font-weight:700;font-size:.72rem;line-height:1.25;color:var(--text-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.home-kp-reward-tile-titlefill{width:100%;height:100%;padding:.45rem;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:clamp(.68rem,2.8vw,.88rem);line-height:1.25;color:var(--text);background:linear-gradient(145deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-alt-rgb),.12))}.home-kp-reward-tile-neutrons{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;height:100%}.home-kp-neutrons-lg{font-size:clamp(2.2rem,9vw,3.4rem);line-height:1;filter:drop-shadow(0 0 16px rgba(var(--accent-rgb),.55))}.home-kp-neutrons-amt{font-weight:900;font-size:clamp(.95rem,3.2vw,1.2rem);color:var(--accent)}.home-kp-reward-tile-placeholder,.home-kp-reward-fallback-emoji{font-size:clamp(2rem,8vw,3rem);opacity:.65;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.home-kp-rarity-common.home-kp-reward-tile{box-shadow:inset 0 0 0 1px #8f9ac033}.home-kp-rarity-rare.home-kp-reward-tile{border-color:#4a68ff73;box-shadow:0 0 14px #4a68ff1f}.home-kp-rarity-epic.home-kp-reward-tile{border-color:#8a2be280;box-shadow:0 0 14px #8a2be224}.home-kp-rarity-legendary.home-kp-reward-tile{border-color:#eab3088c;box-shadow:0 0 16px #eab30826}@media (max-width: 560px){.home-menu-entry{min-height:56px;padding:0 .75rem}.home-menu-wrapper{width:95%}.home-menu-entry-icon{font-size:1.5rem}.home-menu-entry-title{font-size:.92rem}.home-menu-footer{gap:.45rem}.home-menu-footer-btn{padding:.45rem .75rem;font-size:.84rem}.home-knowledge-pass-levels{grid-template-columns:1fr}}@media (max-height: 860px){.home-menu-container{justify-content:flex-start}.home-menu-entry{min-height:58px}.home-menu-entry-title{font-size:.96rem}.home-menu-footer{margin-top:0;padding-top:0}.home-knowledge-pass-strip{margin-top:.45rem;padding:.45rem}}@media (max-width: 980px){.home-menu-wrapper{width:100%}.home-menu-grid{grid-template-columns:1fr;gap:.6rem;height:auto}.home-menu-main,.home-menu-side,.home-menu-list{height:auto}.home-menu-list>li{flex:initial}.home-menu-entry{height:auto;min-height:64px}.home-menu-footer-side{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;grid-auto-rows:minmax(92px,auto)}.home-menu-footer-side .home-menu-footer-btn:last-child:nth-child(odd){grid-column:auto}}.training-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:training-overlay-in .25s ease-out}@keyframes training-overlay-in{0%{opacity:0}to{opacity:1}}.training-modal-content{background:var(--card);border:2px solid var(--border);border-radius:16px;max-width:520px;width:92%;max-height:88vh;overflow:auto;box-shadow:0 24px 60px #0006,0 0 0 1px rgba(var(--accent-rgb),.24);animation:game-pop-in .4s ease-out}.training-modal-title{margin:0 0 .25rem;font-size:1.5rem;font-weight:800;color:var(--text)}.training-modal-desc{color:var(--muted);font-size:.95rem;margin:0 0 1.25rem;line-height:1.4}.training-themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.training-theme-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;padding:1rem .75rem;background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;animation:training-card-enter .4s ease-out backwards}.training-theme-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #00000040;border-color:var(--accent);background:var(--card)}.training-theme-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 8px 24px #0000008c;background:linear-gradient(135deg,rgba(0,200,246,.14) 0%,var(--card) 100%)}.training-theme-card.selected:after{content:"✓";position:absolute;top:6px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:var(--text-on-accent);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:game-pop-in .25s ease-out}.training-theme-card-icon{font-size:2rem;margin-bottom:.35rem;line-height:1}.training-theme-card-label{font-size:.9rem;font-weight:600;color:var(--text);text-align:center;line-height:1.2}.training-all-card{grid-column:1 / -1;min-height:80px;flex-direction:row;gap:1rem;padding:1rem 1.25rem}.training-all-card .training-theme-card-icon{font-size:2.25rem;margin-bottom:0}.training-all-card .training-theme-card-label{font-size:1.1rem;text-align:left}.training-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--border)}.training-modal-btn-start{position:relative;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-alt) 40%,var(--accent-purple) 100%);border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 20px #000000a6;transition:transform .15s ease,box-shadow .2s ease}.training-modal-btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #000c}.training-modal-btn-start:active:not(:disabled){transform:translateY(0)}.training-modal-btn-start:disabled{opacity:.8;cursor:not-allowed}@keyframes training-card-enter{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-cosmetic-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:training-overlay-in .25s ease-out}.profile-cosmetic-content{background:var(--card);border:2px solid var(--border);border-radius:16px;max-width:420px;width:92%;max-height:85vh;overflow:auto;box-shadow:0 24px 60px #0006,0 0 0 1px rgba(var(--accent-rgb),.24);animation:game-pop-in .4s ease-out}.profile-cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.profile-cosmetic-card{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:var(--bg);border:2px solid var(--border);border-radius:12px;cursor:pointer;color:var(--text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:training-card-enter .35s ease-out backwards}.profile-cosmetic-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #00000040;border-color:var(--accent)}.profile-cosmetic-card.equipped{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 8px 24px #0000008c;background:linear-gradient(135deg,rgba(0,200,246,.14) 0%,var(--card) 100%)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:training-overlay-in .25s ease-out}.admin-modal-content{background:var(--card);border:2px solid var(--border);border-radius:16px;max-width:640px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 24px 60px #0006,0 0 0 1px rgba(var(--accent-rgb),.24);animation:game-pop-in .4s ease-out}.admin-modal-content.admin-modal-wide{max-width:720px}.admin-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.admin-modal-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text)}.admin-modal-body{padding:1.25rem;overflow-y:auto}.profile-cosmetic-card-icon{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--card);margin-bottom:.35rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.profile-cosmetic-card-icon img{width:100%;height:100%;object-fit:cover}.profile-cosmetic-card-label{font-size:.8rem;font-weight:600;text-align:center;line-height:1.2;color:var(--text)}.profile-cosmetic-card-rarity{font-size:.7rem;color:var(--muted);margin-top:.15rem}.profile-hero-avatar-btn:hover,.profile-hero-frame-btn:hover{transform:scale(1.05);border-color:var(--accent);box-shadow:0 4px 20px #000000b3,0 0 0 1px rgba(var(--accent-rgb),.4)}.nav-dropdown{position:relative}.nav-dropdown-panel{position:absolute;top:100%;left:auto;right:0;margin-top:.5rem;min-width:160px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.5rem;z-index:9000;box-shadow:0 10px 40px #0000004d}@media (max-width: 768px){.nav-dropdown-panel{left:100%;right:auto;margin-left:.5rem;max-width:calc(100vw - 1rem)}}.nav-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-size:.95rem;text-align:left}.nav-dropdown-item:hover{background:var(--border)}.nav-dropdown-item.active{background:rgba(var(--accent-rgb),.18);color:var(--accent)}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.settings-modal-content{max-width:420px;width:100%;max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.5rem}.settings-modal-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.settings-modal-tab{padding:.5rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.settings-modal-tab:hover{color:var(--text);background:rgba(var(--accent-rgb),.08)}.settings-modal-tab.active{color:var(--accent);background:rgba(var(--accent-rgb),.12)}.settings-modal-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;font-size:.95rem;text-align:left}.settings-modal-row:hover{background:var(--border)}.nav-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}.nav-icon-btn:hover{background:var(--border);color:var(--text)}.nav-icon-btn.logout:hover{background:#ef444433;color:var(--danger)}.nav-challenges-panel li:last-child{border-bottom:none!important}.neutron-icon{width:1.6rem;height:1.6rem;vertical-align:-.35em;object-fit:contain}.shop-page{display:flex;flex-direction:column;gap:.75rem}.shop-hero{border:1px solid rgba(var(--accent-rgb),.35);border-radius:14px;padding:1rem 1.15rem;background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.15),transparent 45%),radial-gradient(circle at bottom left,rgba(var(--accent-alt-rgb),.15),transparent 50%),var(--card)}.shop-pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.shop-pack-card{border:2px solid rgba(var(--accent-rgb),.24);border-radius:14px;text-align:center;background:linear-gradient(165deg,rgba(var(--accent-rgb),.1),transparent 55%),var(--card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.shop-pack-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.55);box-shadow:0 16px 34px #00000059}.shop-pack-amount{margin:.6rem 0;font-weight:800;color:var(--accent);font-size:1.15rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.shop-cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:1rem}.shop-cosmetic-card{text-align:center;border:2px solid var(--border);border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.shop-cosmetic-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.5);box-shadow:0 12px 28px #0000004d}.shop-cosmetic-media{width:96px;height:96px;margin:0 auto .55rem;border-radius:10px;overflow:hidden;background:var(--bg);border:1px solid var(--border)}.shop-cosmetic-name{margin:0 0 .25rem;font-weight:700;font-size:.98rem}.shop-rarity-chip{margin:0 auto .4rem;width:fit-content;font-size:.78rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.14rem .55rem}.shop-price-line{margin:.5rem 0 .15rem;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:.35rem}.shop-status-line{margin:.15rem 0;font-size:.82rem;color:var(--muted)}@keyframes lobby-card-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.lobby-player-card{animation:lobby-card-in .4s ease-out backwards;transition:transform .2s ease,box-shadow .2s ease}.lobby-player-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.landing-page{min-height:100vh;color:var(--text-soft);overflow-x:clip}.landing-header{position:sticky;top:0;z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050814c7;border-bottom:1px solid var(--border)}.landing-header-inner{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem .5rem;padding-top:.75rem;padding-bottom:.75rem}.landing-logo{display:inline-flex;align-items:center;gap:.5rem;color:var(--text);font-weight:700;text-decoration:none;min-width:0}.landing-logo:hover{text-decoration:none;color:var(--accent)}.landing-logo img{width:30px;height:30px;flex-shrink:0}.landing-nav-toggle{display:none}.landing-nav{display:inline-flex;align-items:center;gap:.85rem;flex-wrap:wrap}.landing-nav a{color:var(--muted);font-size:.92rem;text-decoration:none}.landing-nav a:hover{color:var(--text);text-decoration:none}.landing-auth-actions{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}@media (max-width: 767px){.landing-logo{order:1;flex:1 1 auto}.landing-auth-actions{order:2;flex-shrink:0;gap:.35rem}.landing-nav-toggle{order:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:10px;background:rgba(var(--accent-rgb),.1);color:var(--text-soft);cursor:pointer;flex-shrink:0;transition:background .2s ease,color .2s ease,border-color .2s ease}.landing-nav-toggle:hover{background:var(--border);color:var(--text);border-color:rgba(var(--accent-rgb),.45)}.btn--landing-nav{padding:.48rem .72rem;font-size:.8rem;white-space:nowrap}.landing-nav{order:4;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;max-height:0;overflow:hidden;opacity:0;margin:0;padding-top:0;padding-bottom:0;border-top:1px solid transparent;transition:max-height .35s ease,opacity .22s ease,padding .22s ease,border-color .2s ease}.landing-header--nav-open .landing-nav{max-height:min(70vh,400px);opacity:1;padding-top:.6rem;padding-bottom:.35rem;margin-top:.15rem;border-top-color:var(--border);overflow-y:auto;-webkit-overflow-scrolling:touch}.landing-nav a{display:block;padding:.72rem .65rem;border-radius:8px;font-size:.98rem}.landing-nav a:hover,.landing-nav a:focus-visible{background:rgba(var(--accent-rgb),.12);color:var(--text)}}@media (min-width: 768px){.landing-header-inner{flex-wrap:nowrap;gap:1rem}.landing-nav{flex:1;justify-content:center;min-width:0}.landing-nav-toggle{display:none!important}}@media (prefers-reduced-motion: reduce){.landing-nav{transition:none}}.landing-section{scroll-margin-top:88px;padding:2.25rem 0;overflow-x:clip}.landing-hero{padding-top:2.75rem;text-align:left}.landing-hero h1{margin-top:0;margin-bottom:1rem;font-size:clamp(1.9rem,5vw,3rem);line-height:1.1;color:var(--text)}.landing-hero p{margin-top:0;color:var(--muted);max-width:min(70ch,100%)}.landing-hero .landing-cta-row{justify-content:flex-start}.landing-cta-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.15rem}.landing-section{position:relative;isolation:isolate}.landing-section:not(.landing-hero):before{content:"";position:absolute;top:-10%;right:-5%;bottom:-10%;left:-5%;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(0,200,246,.12) 0%,transparent 55%),radial-gradient(ellipse 70% 50% at 12% 90%,rgba(74,104,255,.1) 0%,transparent 60%),radial-gradient(ellipse 55% 45% at 88% 20%,rgba(138,43,226,.12) 0%,transparent 60%);filter:blur(18px);opacity:.9;pointer-events:none;z-index:0}.landing-section:not(.landing-hero) .container{position:relative;z-index:1}.landing-lead{margin-top:0;max-width:76ch;color:var(--muted)}.landing-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.landing-feature-card h3{margin-top:0;margin-bottom:.45rem;color:var(--text)}.landing-feature-card p{margin:0;color:var(--muted)}.landing-modes-intro{margin:0 0 1.35rem;max-width:62ch;color:var(--muted);font-size:1.02rem;line-height:1.55}.landing-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem}.landing-mode-panel{position:relative;overflow:hidden;padding:1.35rem 1.45rem;border-width:1px;transition:border-color .2s ease,box-shadow .2s ease}.landing-mode-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px;pointer-events:none}.landing-mode-panel--classic:before{background:linear-gradient(180deg,var(--accent),var(--accent-alt));box-shadow:0 0 18px rgba(var(--accent-rgb),.35)}.landing-mode-panel--duel:before{background:linear-gradient(180deg,var(--accent-alt),var(--accent-purple));box-shadow:0 0 18px rgba(var(--accent-purple-rgb),.3)}.landing-mode-panel:hover{border-color:rgba(var(--accent-rgb),.45);box-shadow:0 12px 40px #00000059,0 0 0 1px rgba(var(--accent-rgb),.12)}.landing-mode-panel-head{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.15rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.landing-mode-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;color:var(--accent);background:radial-gradient(circle at 30% 30%,rgba(var(--accent-rgb),.22),rgba(var(--accent-alt-rgb),.08));border:1px solid rgba(var(--accent-rgb),.35)}.landing-mode-panel--duel .landing-mode-icon{color:var(--accent-purple);background:radial-gradient(circle at 30% 30%,rgba(var(--accent-purple-rgb),.2),rgba(var(--accent-alt-rgb),.08));border-color:rgba(var(--accent-purple-rgb),.35)}.landing-mode-panel h3{margin:0 0 .35rem;color:var(--text);font-size:1.2rem}.landing-mode-tagline{margin:0;color:var(--muted);font-size:.95rem;line-height:1.45}.landing-mode-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.landing-mode-steps li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:flex-start;padding:.65rem 0;border-bottom:1px solid rgba(var(--accent-alt-rgb),.12)}.landing-mode-steps li:last-child{border-bottom:none;padding-bottom:0}.landing-mode-steps li:first-child{padding-top:0}.landing-step-index{flex-shrink:0;width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-alt));box-shadow:0 4px 14px #00000073}.landing-mode-panel--duel .landing-step-index{background:linear-gradient(135deg,var(--accent-alt),var(--accent-purple))}.landing-step-text{padding-top:.12rem;color:var(--text-soft);font-size:.96rem;line-height:1.45}.landing-section--stats .landing-stats-intro{margin:0 0 1.25rem;max-width:62ch;color:var(--muted);line-height:1.55}.landing-stats-error{margin:0 0 1rem;color:var(--danger);font-size:.95rem;font-weight:500}.landing-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.landing-stat-card{text-align:center;padding:1.35rem 1.1rem;border:1px solid var(--border);background:linear-gradient(165deg,rgba(var(--accent-rgb),.06) 0%,var(--card) 45%);transition:border-color .2s ease,box-shadow .2s ease}.landing-stat-card:hover{border-color:rgba(var(--accent-rgb),.45);box-shadow:0 10px 32px #00000059}.landing-stat-label{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.landing-stat-value{margin:0;font-size:clamp(1.85rem,4vw,2.35rem);font-weight:800;line-height:1.15;color:var(--text);font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--accent),var(--accent-alt));-webkit-background-clip:text;background-clip:text;color:transparent}.landing-stat-hint{margin:.65rem 0 0;font-size:.85rem;color:var(--muted);line-height:1.4}.landing-faq{display:flex;flex-direction:column;gap:.7rem}.landing-faq-item{padding:1rem 1.1rem}.landing-faq-item summary{cursor:pointer;font-weight:600;color:var(--text)}.landing-faq-item p{margin:.65rem 0 0;color:var(--muted)}.landing-final-cta{text-align:center}.landing-final-cta h2{margin-top:0}.landing-final-cta p{margin-top:0;color:var(--muted)}.landing-final-cta .landing-cta-row{justify-content:center}.landing-footer{border-top:1px solid var(--border)}.landing-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--muted);font-size:.9rem}@media (max-width: 980px){.landing-modes{grid-template-columns:1fr}}@media (max-width: 840px){.landing-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-stats-grid{grid-template-columns:1fr}}@media (max-width: 640px){.landing-grid-4{grid-template-columns:1fr}}.kp-page{min-height:100vh;background:var(--bg);padding-bottom:3rem}.kp-page-inner{width:100%;max-width:min(1220px,calc(100% - 2rem));margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.kp-hero{position:relative;overflow:hidden;margin-bottom:2rem;padding:1.25rem 0 2.5rem;border-bottom:1px solid var(--border);background:radial-gradient(ellipse 120% 80% at 10% 20%,rgba(var(--accent-rgb),.18),transparent 50%),radial-gradient(ellipse 90% 70% at 90% 0%,rgba(var(--accent-purple-rgb),.14),transparent 45%),linear-gradient(180deg,#0a0e22 0%,var(--bg) 100%)}.kp-hero-inner{position:relative;z-index:1}.kp-hero-top{margin-bottom:1rem}.kp-hero-grid{display:grid;grid-template-columns:1fr minmax(120px,28%);gap:1.5rem;align-items:center}@media (max-width: 720px){.kp-hero-grid{grid-template-columns:1fr}}.kp-hero-decoration{min-height:120px;border-radius:20px;border:1px solid rgba(var(--accent-rgb),.22);background:linear-gradient(145deg,rgba(var(--accent-rgb),.08),rgba(var(--accent-alt-rgb),.04)),repeating-linear-gradient(-18deg,transparent,transparent 12px,rgba(255,255,255,.03) 12px,rgba(255,255,255,.03) 13px);box-shadow:inset 0 1px #ffffff0f}.kp-hero-eyebrow{margin:0 0 .35rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.kp-hero-title{margin:0 0 .5rem;font-size:clamp(1.65rem,4.5vw,2.35rem);font-weight:800;line-height:1.15;letter-spacing:-.02em}.kp-hero-stats{margin:0 0 1rem;color:var(--muted);font-size:.95rem}.kp-hero-progress-track{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid var(--border)}.kp-hero-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-alt));box-shadow:0 0 18px rgba(var(--accent-rgb),.45);transition:width .35s ease}.kp-hero-progress-cap{margin:.45rem 0 0;font-size:.84rem;color:var(--muted)}.kp-hero-cta{margin-top:1.1rem}.kp-levels-track{display:flex;flex-direction:column;gap:1.75rem}.kp-level-block{display:grid;grid-template-columns:minmax(72px,100px) 1fr;gap:1rem 1.25rem;padding:1.15rem 1.25rem 1.35rem;border-radius:20px;border:1px solid var(--border);background:linear-gradient(165deg,#0c1024f2,#080b1afa);box-shadow:0 18px 48px #00000059}.kp-level-block.is-current-level{border-color:rgba(var(--accent-rgb),.55);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.25),0 22px 56px #0006}@media (max-width: 640px){.kp-level-block{grid-template-columns:1fr;padding:1rem}.kp-level-rail{flex-direction:row!important;flex-wrap:wrap;align-items:baseline!important;gap:.5rem 1rem;justify-content:flex-start}.kp-level-num{font-size:2rem!important}}.kp-level-rail{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;padding-top:.25rem}.kp-level-num{font-size:clamp(2.25rem,5vw,3rem);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-alt));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}.kp-level-rail-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.kp-level-rail-xp{font-size:.72rem;line-height:1.3;color:var(--muted);max-width:11ch}.kp-level-empty{margin:0;color:var(--muted);font-size:.9rem}.kp-rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.25rem}.kp-reward-tile{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;border:1px solid var(--border);background:var(--card);transition:transform .2s ease,border-color .2s ease}.kp-reward-tile:hover:not(.is-claimed){transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.35)}.kp-reward-tile.is-locked{opacity:.88}.kp-reward-tile.is-claimed{border-color:#22c55e73;box-shadow:0 0 0 1px #22c55e1f}.kp-tile-visual-stage{min-height:clamp(220px,42vw,320px);display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,1.75rem);background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(var(--accent-rgb),.12),transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(var(--accent-purple-rgb),.08),transparent 55%),linear-gradient(180deg,#ffffff0a,#0000001f)}.kp-reward-spotlight{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box}.kp-tile-visual-stage .kp-reward-spotlight--avatar{width:min(300px,92%);aspect-ratio:1;max-height:min(300px,46vw);border-radius:50%;padding:4px;background:linear-gradient(145deg,#ffffff2e,#00000059)}.kp-tile-visual-stage .kp-reward-spotlight--frame{width:min(340px,96%);height:min(340px,50vw);max-height:320px;max-width:100%;border-radius:22px;padding:5px;background:linear-gradient(145deg,#ffffff2e,#00000059);overflow:hidden}.kp-tile-visual-stage .kp-reward-spotlight--frame .kp-reward-spotlight-img{border-radius:16px!important}.kp-tile-visual-stage .kp-reward-spotlight--title{width:min(320px,94%);min-height:clamp(160px,28vw,240px);border-radius:18px;padding:1rem 1.15rem;text-align:center;background:linear-gradient(135deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-alt-rgb),.14));border:1px solid rgba(var(--accent-rgb),.4);display:flex;align-items:center;justify-content:center}.kp-tile-visual-stage .kp-reward-title-text{font-weight:800;font-size:clamp(1rem,2.4vw,1.35rem);line-height:1.3;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.kp-tile-visual-stage .kp-reward-spotlight--neutrons{width:min(280px,88%);min-height:clamp(180px,32vw,260px);border-radius:20px;flex-direction:column;gap:.35rem;background:radial-gradient(circle at 35% 28%,rgba(var(--accent-rgb),.45),#0c1024eb);border:1px solid rgba(var(--accent-rgb),.5)}.kp-tile-visual-stage .kp-reward-neutrons-icon{font-size:clamp(3rem,10vw,4.25rem);line-height:1;filter:drop-shadow(0 0 20px rgba(var(--accent-rgb),.65))}.kp-tile-visual-stage .kp-reward-neutrons-amount{font-weight:900;font-size:clamp(1.35rem,3.5vw,1.85rem);color:var(--text-soft);text-shadow:0 0 24px rgba(var(--accent-rgb),.5)}.kp-tile-visual-stage .kp-reward-spotlight--empty{width:min(200px,70%);aspect-ratio:1;border-radius:18px;background:#ffffff0a;border:1px dashed var(--border)}.kp-tile-visual-stage .kp-reward-spotlight-fallback{font-size:clamp(2.5rem,8vw,3.5rem);opacity:.55}.kp-tile-visual-stage .kp-rarity-common.kp-reward-spotlight--avatar,.kp-tile-visual-stage .kp-rarity-common.kp-reward-spotlight--frame{box-shadow:0 0 0 3px #8f9ac073,0 20px 50px #00000073}.kp-tile-visual-stage .kp-rarity-rare.kp-reward-spotlight--avatar,.kp-tile-visual-stage .kp-rarity-rare.kp-reward-spotlight--frame{box-shadow:0 0 0 3px #4a68ffcc,0 22px 56px #4a68ff52}.kp-tile-visual-stage .kp-rarity-epic.kp-reward-spotlight--avatar,.kp-tile-visual-stage .kp-rarity-epic.kp-reward-spotlight--frame{box-shadow:0 0 0 3px #8a2be2d1,0 22px 56px #8a2be259}.kp-tile-visual-stage .kp-rarity-legendary.kp-reward-spotlight--avatar,.kp-tile-visual-stage .kp-rarity-legendary.kp-reward-spotlight--frame{box-shadow:0 0 0 3px #eab308e0,0 24px 60px #eab30861}.kp-tile-visual-stage .kp-rarity-rare.kp-reward-spotlight--title{box-shadow:0 0 0 2px #4a68ff80,0 16px 40px #4a68ff38}.kp-tile-visual-stage .kp-rarity-epic.kp-reward-spotlight--title{box-shadow:0 0 0 2px #8a2be280,0 16px 40px #8a2be23d}.kp-tile-visual-stage .kp-rarity-legendary.kp-reward-spotlight--title{box-shadow:0 0 0 2px #eab30894,0 18px 44px #eab30842}.kp-tile-panel{padding:1rem 1.1rem 1.15rem;display:flex;flex-direction:column;gap:.45rem;flex:1;border-top:1px solid var(--border);background:#0000001f}.kp-tile-badges{display:flex;flex-wrap:wrap;gap:.4rem}.kp-track-badge{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.22rem .5rem;border-radius:8px}.kp-track-free{background:#8f9ac033;color:var(--muted);border:1px solid rgba(143,154,192,.35)}.kp-track-premium{background:linear-gradient(135deg,rgba(var(--accent-purple-rgb),.38),rgba(var(--accent-alt-rgb),.28));color:var(--text-soft);border:1px solid rgba(var(--accent-purple-rgb),.48)}.kp-tile-name{margin:0;font-size:1.05rem;font-weight:700;line-height:1.25}.kp-tile-rarity{margin:0;font-size:.8rem;color:var(--muted)}.kp-tile-lock-msg{margin:0;font-size:.82rem;color:var(--warning);line-height:1.35}.kp-tile-claim{margin-top:auto;width:100%;align-self:stretch}