:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0f0a;--bg-card:#0e160ed9;--bg-panel:#121c12eb;--gold:#d4a843;--gold-dim:#d4a84326;--gold-glow:#d4a84359;--red:#c0392b;--red-dim:#c0392b26;--green:#27ae60;--green-dim:#27ae6026;--teal:#4a8f8a;--teal-dim:#4a8f8a1f;--ink:#c8d0bc;--ink-strong:#eaf0e2;--muted:#6b7a62;--line:#d4a8431f;--line-strong:#d4a84340;--shadow:#00000080;--font-title:"Share Tech Mono", "Courier New", monospace;--font-body:"Noto Sans TC", "Inter", system-ui, sans-serif;--font-num:"Share Tech Mono", monospace;--radius:8px;--radius-lg:14px;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#d8d2c0;--bg-card:#faf4e6e0;--bg-panel:#fffaebf0;--ink:#2a3020;--ink-strong:#111410;--muted:#7a7462;--line:#50442826;--line-strong:#5044284d;--shadow:#503c1426}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);background-image:radial-gradient(circle at 70% 10%, #d4a8430f, transparent 40%), radial-gradient(circle at 10% 80%, #4a8f8a0d, transparent 40%), repeating-linear-gradient(0deg, transparent, transparent 59px, var(--line) 60px), repeating-linear-gradient(90deg, transparent, transparent 59px, var(--line) 60px);min-height:100dvh}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,select{font:inherit}a{color:var(--gold)}h1,h2,h3{font-family:var(--font-title);color:var(--ink-strong);letter-spacing:.02em}.btn-primary{border-radius:var(--radius);background:linear-gradient(135deg, var(--gold), #a07a20);color:#0a0f0a;border:none;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 28px;font-size:.92rem;font-weight:800;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #d4a8434d}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 30%,#fff3 50%,#0000 70%) 0 0/200% 100%;animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px #d4a84366}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{border:1px solid var(--line-strong);border-radius:var(--radius);height:40px;color:var(--ink-strong);background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:.85rem;font-weight:700;transition:all .18s;display:inline-flex}.btn-ghost:hover{border-color:var(--gold);background:var(--gold-dim)}.btn-icon{border:1px solid var(--line);border-radius:var(--radius);background:0 0;place-items:center;width:38px;height:38px;font-size:1.1rem;transition:all .18s;display:grid}.btn-icon:hover{border-color:var(--gold);background:var(--gold-dim)}.btn-back{border:1px solid var(--line);border-radius:var(--radius);height:36px;color:var(--muted);background:0 0;padding:0 14px;font-size:.82rem;font-weight:700;transition:all .18s}.mono{font-family:var(--font-title)}.eyebrow{color:var(--gold);font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.muted{color:var(--muted)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:#0000}}@keyframes barFill{0%{width:0}to{width:100%}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--gold-glow)}50%{box-shadow:0 0 0 8px #0000}}@keyframes correctGlow{0%{box-shadow:0 0 #27ae6099}to{box-shadow:0 0 0 20px #0000}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shake{animation:.4s shake}.typewriter{font-family:var(--font-title);white-space:nowrap;border-right:3px solid var(--gold);width:0;animation:1.8s steps(20,end) forwards typewriter,.7s step-end 2s infinite blink;display:inline-block;overflow:hidden}.typewriter-sm{font-family:var(--font-title);white-space:nowrap;border-right:2px solid var(--gold);width:0;font-size:1.1rem;animation:1.2s steps(16,end) forwards typewriter,.7s step-end 1.5s infinite blink;display:inline-block;overflow:hidden}.page-loading{text-align:center;background:radial-gradient(circle at 50% 40%, #d4a8430a, transparent 60%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:40px;display:flex;position:relative;overflow:hidden}.loading-scanline,.welcome-scanline{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#d4a84304 2px 4px);animation:8s linear infinite scanDrift;position:absolute;inset:0}@keyframes scanDrift{to{background-position-y:100px}}.loading-content{z-index:2;animation:.6s both fadeIn;position:relative}.loading-logo-area{margin-bottom:32px}.loading-classified{border:1px solid var(--gold);font-family:var(--font-title);letter-spacing:.2em;color:var(--gold);text-transform:uppercase;opacity:.6;border-radius:4px;margin-top:12px;padding:4px 16px;font-size:.7rem;animation:.8s .3s both fadeIn;display:inline-block}.loading-steps{text-align:left;flex-direction:column;gap:8px;max-width:340px;margin:0 auto 24px;display:flex}.loading-step{font-family:var(--font-title);color:var(--muted);opacity:0;align-items:center;gap:10px;font-size:.82rem;transition:color .3s;animation:.4s both fadeIn;display:flex}.loading-step.done,.loading-step.done .step-indicator{color:var(--green)}.step-indicator{text-align:center;width:18px;font-size:.75rem;font-family:var(--font-num);color:var(--muted);transition:color .3s}.step-label{flex:1}.loading-bar{background:var(--line);border-radius:4px;width:min(360px,80vw);height:3px;margin:0 auto 28px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--gold), #f0d78c);border-radius:4px;height:100%;transition:width .4s}.loading-hint{max-width:500px;color:var(--muted);font-size:.82rem;line-height:1.6;animation:.6s 1s both fadeIn}.loading-footer{text-align:center;color:var(--muted);font-size:.72rem;font-family:var(--font-title);position:fixed;bottom:20px;left:0;right:0}.game-logo{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.game-logo img{object-fit:contain;filter:drop-shadow(0 2px 6px #0c101424);display:block}.logo-lg img{filter:drop-shadow(0 4px 12px #0c10142e)}.page-welcome{text-align:center;background:radial-gradient(circle at 50% 40%, #d4a84308, transparent 50%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:40px;display:flex;position:relative;overflow:hidden}.welcome-content{z-index:2;position:relative}.welcome-logo-row{margin-bottom:24px}.welcome-text{margin-bottom:28px}.welcome-text h1{font-family:var(--font-title);color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:clamp(1rem,3vw,1.4rem)}.welcome-name{font-family:var(--font-title);color:var(--gold);letter-spacing:.04em;text-shadow:0 0 40px #d4a8434d;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}.welcome-status{flex-direction:column;align-items:center;gap:8px;margin-bottom:28px;display:flex}.status-line{font-family:var(--font-title);color:var(--ink);letter-spacing:.06em;align-items:center;gap:8px;font-size:.8rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px;animation:1.5s infinite statusPulse}.status-dot.green{background:var(--green);box-shadow:0 0 8px #27ae6080}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.welcome-entering{font-family:var(--font-title);color:var(--muted);letter-spacing:.1em;font-size:.85rem}.fadeSlideIn{animation:.6s cubic-bezier(.16,1,.3,1) both fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.verify-card{background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:20px;animation:.4s both slideUp}.verify-card-header{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.verify-icon{font-size:2rem;line-height:1}.verify-card-header h3{font-family:var(--font-body);color:var(--ink-strong);margin-bottom:4px;font-size:1rem}.verify-card-header p{color:var(--muted);font-size:.82rem;line-height:1.4}.verify-card-header strong{color:var(--gold);font-weight:700}.verify-card-footer{flex-direction:column;gap:6px;margin-top:12px;display:flex}.verify-secure{color:var(--muted);font-size:.72rem}.verify-resend-btn{color:var(--gold);cursor:pointer;text-underline-offset:3px;text-align:left;background:0 0;border:none;width:-moz-fit-content;width:fit-content;padding:4px 0;font-size:.78rem;font-weight:700;text-decoration:underline}.verify-resend-btn:hover{color:var(--ink-strong)}.verify-success-banner{border-radius:var(--radius);text-align:center;background:var(--green-dim);border:1px solid var(--green);color:var(--green);padding:12px 16px;font-size:.9rem;font-weight:700;animation:.4s both fadeIn}.lang-dropdown-wrap{position:absolute;top:20px;right:20px}.lang-dropdown{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23d4a843' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;font-size:.82rem;font-weight:700;transition:all .2s}.lang-dropdown:hover{border-color:var(--gold)}.lang-dropdown:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.lang-dropdown option{color:var(--ink);background:#0a0f0a;padding:6px}:root[data-theme=light] .lang-dropdown{color:#2a3020;background:#faf4e6eb}:root[data-theme=light] .lang-dropdown option{color:#2a3020;background:#faf4e6}.topbar-lang-select{border:1px solid var(--line);color:var(--gold);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23d4a843' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") right 6px center no-repeat;border-radius:6px;outline:none;padding:4px 28px 4px 8px;font-size:.72rem;font-weight:700;transition:all .15s}.topbar-lang-select:hover{border-color:var(--gold)}.topbar-lang-select:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim)}.topbar-lang-select option{color:var(--ink);background:#0a0f0a}:root[data-theme=light] .topbar-lang-select{color:#2a3020}:root[data-theme=light] .topbar-lang-select option{color:#2a3020;background:#faf4e6}.decor-logo-area{z-index:2;text-align:center;margin-bottom:20px;position:relative}.decor-game-title{font-family:var(--font-title);color:var(--gold);letter-spacing:.05em;margin-top:12px;font-size:clamp(1.2rem,3vw,1.8rem)}.decor-game-subtitle{font-family:var(--font-title);color:var(--muted);letter-spacing:.1em;margin-top:4px;font-size:.85rem}.page-login{grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.login-form-side{flex-direction:column;justify-content:center;padding:40px clamp(24px,5vw,80px);animation:.5s both slideRight;display:flex;position:relative}.login-form-side form{gap:14px;max-width:400px;display:grid}.login-form-side h2{color:var(--gold);margin-bottom:8px;font-size:1.1rem}.login-form-side input{border:1px solid var(--line-strong);border-radius:var(--radius);width:100%;height:46px;color:var(--ink-strong);background:#0a0f0a99;outline:none;padding:0 14px;font-size:.9rem;transition:all .2s}:root[data-theme=light] .login-form-side input{background:#fffcf0b3}.login-form-side input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.pw-field{position:relative}.pw-toggle{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1rem;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.checkbox-row{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.checkbox-row input{width:auto;height:auto}.divider{color:var(--muted);align-items:center;gap:12px;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.forgot{text-align:right;color:var(--muted);cursor:pointer;font-size:.78rem}.forgot:hover{color:var(--gold)}.error-banner{z-index:100;background:var(--red);color:#fff;text-align:center;justify-content:center;align-items:center;gap:12px;padding:12px 20px;font-size:.85rem;font-weight:700;animation:.3s slideUp;display:flex;position:fixed;top:0;left:0;right:0}.error-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1rem}.error-close:hover{opacity:1}.code-toast{z-index:100;border:1px solid var(--gold);border-radius:var(--radius-lg);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 30px var(--shadow);align-items:center;gap:12px;padding:14px 20px;animation:.4s both slideUp;display:flex;position:fixed;top:60px;right:20px}.code-toast span{font-size:1.4rem}.code-toast small{color:var(--muted);font-size:.72rem;display:block}.code-toast strong{color:var(--gold);font-family:var(--font-num);letter-spacing:.2em;font-size:1.4rem}.email-verify-row{align-items:center;gap:8px;display:flex}.email-verify-row input{flex:1}.email-verify-row input.verified{border-color:var(--green)}.btn-send-code{white-space:nowrap;border:1px solid var(--gold);border-radius:var(--radius);background:var(--gold-dim);height:46px;color:var(--gold);flex-shrink:0;padding:0 14px;font-size:.78rem;font-weight:700;transition:all .2s}.btn-send-code:hover:not(:disabled){background:var(--gold-glow)}.btn-send-code:disabled{opacity:.4;cursor:not-allowed}.verify-badge{flex-shrink:0;font-size:1.2rem}.verify-code-row{align-items:center;gap:8px;animation:.3s both slideUp;display:flex}.code-input{font-family:var(--font-num);letter-spacing:.3em;text-align:center;flex:1;font-size:1.2rem;font-weight:800}.btn-verify{border:1px solid var(--green);border-radius:var(--radius);background:var(--green-dim);height:46px;color:var(--green);flex-shrink:0;padding:0 18px;font-size:.82rem;font-weight:700;transition:all .2s}.btn-verify:hover:not(:disabled){background:#27ae6040}.btn-verify:disabled{opacity:.4}.verify-hint{color:var(--muted);margin-top:-6px;font-size:.75rem}.field-locked{opacity:.35;cursor:not-allowed;background:#28322880!important}:root[data-theme=light] .field-locked{background:#c8c8be80!important}.pw-strength{align-items:center;gap:8px;margin-top:-6px;display:flex}.pw-strength-bar{background:var(--line);border-radius:2px;flex:1;height:4px;overflow:hidden}.pw-strength-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.pw-strength-fill.s0,.pw-strength-fill.s1{background:var(--red)}.pw-strength-fill.s2,.pw-strength-fill.s3{background:var(--gold)}.pw-strength-fill.s4,.pw-strength-fill.s5{background:var(--green)}.pw-strength-label{font-size:.72rem;font-weight:700}.pw-strength-label.s0,.pw-strength-label.s1{color:var(--red)}.pw-strength-label.s2,.pw-strength-label.s3{color:var(--gold)}.pw-strength-label.s4,.pw-strength-label.s5{color:var(--green)}.field-error{color:var(--red);margin-top:-6px;font-size:.75rem}.login-decor-side{border-left:1px solid var(--line);background:radial-gradient(circle,#4a8f8a14,#0000 60%),linear-gradient(135deg,#0e160ef2,#0a0f0afa);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.decor-map{border:1px solid var(--line-strong);background:repeating-conic-gradient(var(--line) 0 1deg, transparent 1deg 90deg);opacity:.3;border-radius:50%;width:300px;height:300px;animation:12s linear infinite radarSpin}@keyframes radarSpin{to{transform:rotate(360deg)}}.decor-features{flex-direction:column;gap:12px;display:flex;position:absolute}.decor-features span{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--ink-strong);font-family:var(--font-title);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 18px;font-size:.82rem;animation:.5s both fadeIn}.decor-features span:nth-child(2){animation-delay:.2s}.decor-features span:nth-child(3){animation-delay:.4s}.lang-float{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .18s;position:absolute;top:20px;right:20px}.lang-float:hover{border-color:var(--gold);background:var(--gold-dim)}.page-menu{min-height:100dvh;animation:.4s both fadeIn}.menu-topbar{border-bottom:1px solid var(--line);background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:40;justify-content:space-between;align-items:center;gap:16px;padding:10px clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.menu-logo{align-items:center;gap:12px;display:flex}.logo-insignia{position:relative}.logo-shield{border:2px solid var(--gold);background:linear-gradient(135deg,#d4a84326,#0000);border-radius:6px;place-items:center;width:42px;height:42px;display:grid;position:relative}.logo-shield:before{content:"";border:1px solid #d4a8434d;border-radius:4px;position:absolute;inset:3px}.logo-icon{color:var(--gold);font-size:1.2rem}.logo-text{flex-direction:column;display:flex}.logo-text strong{font-family:var(--font-title);color:var(--ink-strong);letter-spacing:.04em;font-size:.9rem;line-height:1.2}.logo-text small{color:var(--muted);font-size:.65rem;font-family:var(--font-title);letter-spacing:.06em}.menu-topbar-right{align-items:center;gap:8px;display:flex}.topbar-date{color:var(--muted);font-family:var(--font-num);font-size:.75rem}.topbar-user{align-items:center;gap:6px;display:flex}.topbar-username{color:var(--ink-strong);font-size:.82rem;font-weight:700}.avatar{background:var(--gold-dim);border:1px solid var(--gold);width:34px;height:34px;color:var(--gold);border-radius:50%;place-items:center;font-size:.8rem;font-weight:900;display:grid}.btn-logout{border:1px solid var(--line);border-radius:var(--radius);height:34px;color:var(--muted);background:0 0;padding:0 12px;font-size:.78rem;font-weight:700;transition:all .2s}.btn-logout:hover{border-color:var(--red);color:var(--red);background:var(--red-dim)}.menu-toolbar{border-bottom:1px solid var(--line);background:var(--bg-panel);align-items:center;gap:6px;padding:8px clamp(16px,3vw,40px);display:flex;overflow-x:auto}.toolbar-btn{white-space:nowrap;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);height:36px;color:var(--ink);align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.toolbar-btn:hover{border-color:var(--gold);background:var(--gold-dim);color:var(--ink-strong)}.toolbar-btn.primary{border-color:var(--gold);color:var(--gold);font-weight:800}.toolbar-btn.primary:hover{background:var(--gold-glow)}.menu-grid-2col{grid-template-columns:240px 1fr;gap:0;min-height:calc(100dvh - 110px);display:grid}.menu-left{border-right:1px solid var(--line);flex-direction:column;gap:16px;padding:20px 16px;animation:.4s .1s both slideRight;display:flex}.player-card{text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);padding:20px 12px}.avatar-lg{background:var(--gold-dim);border:2px solid var(--gold);width:56px;height:56px;color:var(--gold);border-radius:50%;place-items:center;margin:0 auto 10px;font-size:1.4rem;font-weight:900;display:grid}.player-card strong{color:var(--ink-strong);margin-bottom:2px;font-size:1rem;display:block}.player-rank{color:var(--muted);font-size:.78rem;font-family:var(--font-title)}.resource-list{gap:8px;display:grid}.res-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);grid-template-columns:24px 1fr;align-items:center;gap:6px;padding:8px 10px;font-size:.82rem;display:grid}.res-item span{font-size:1rem}.res-item strong{color:var(--ink-strong);font-family:var(--font-num)}.res-item small{color:var(--muted);grid-column:2;font-size:.7rem}.res-item.gold{border-color:#d4a84340}.res-item.gold strong{color:var(--gold)}.btn-checkin{border:1px solid var(--gold);border-radius:var(--radius);background:var(--gold-dim);width:100%;height:40px;color:var(--gold);font-size:.82rem;font-weight:700;transition:all .2s}.btn-checkin:hover:not(:disabled){background:var(--gold-glow)}.btn-checkin.done{border-color:var(--green);color:var(--green);background:var(--green-dim)}.menu-center{flex-direction:column;gap:20px;padding:24px clamp(16px,3vw,32px);animation:.5s .15s both slideUp;display:flex}.mission-card{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(135deg, #d4a8430f, transparent 50%), var(--bg-card);cursor:pointer;padding:28px 24px;transition:all .25s}.mission-card:hover{border-color:var(--gold);box-shadow:0 12px 32px var(--shadow);transform:translateY(-3px)}.mission-card h2{margin:8px 0;font-size:clamp(1.4rem,3vw,2rem)}.mission-card p{color:var(--muted);margin-bottom:16px}.mission-card .btn-primary{margin-top:4px}.recent-section h3{color:var(--muted);margin-bottom:12px;font-size:.9rem}.recent-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;display:flex}.recent-item strong{color:var(--ink-strong);font-size:.85rem}.recent-item span{font-size:1.1rem}.page-battle-select{min-height:100dvh;padding:0 clamp(16px,3vw,40px) 40px;animation:.4s both fadeIn}.page-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 0;display:flex}.page-header h1{font-size:1.2rem}.battle-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.battle-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;padding:20px;transition:all .25s;animation:.4s both fadeIn;position:relative;overflow:hidden}.battle-card:nth-child(2){animation-delay:80ms}.battle-card:nth-child(3){animation-delay:.16s}.battle-card:nth-child(4){animation-delay:.24s}.battle-card:nth-child(5){animation-delay:.32s}.battle-card:nth-child(6){animation-delay:.4s}.battle-card:hover:not(.locked){border-color:var(--gold);box-shadow:0 14px 36px var(--shadow);transform:translateY(-4px)}.battle-card:before{content:"";background:linear-gradient(90deg, var(--gold), var(--teal));opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.battle-card:hover:not(.locked):before{opacity:1}.battle-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.battle-year{color:var(--gold);font-family:var(--font-title);font-size:.82rem;font-weight:700}.battle-branch{font-size:1.2rem}.battle-card h3{margin-bottom:4px;font-size:1.15rem}.battle-location{color:var(--muted);margin-bottom:8px;font-size:.82rem}.battle-stars{color:var(--gold);letter-spacing:2px;margin-bottom:10px;font-size:.9rem}.battle-brief{color:var(--muted);font-size:.82rem;line-height:1.55}.battle-card.locked{opacity:.5;cursor:not-allowed}.lock-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);background:#0a0f0ab3;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.lock-overlay span{font-size:2rem}.lock-overlay small{color:var(--muted);font-size:.8rem;font-weight:700}.page-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;display:flex}.page-placeholder h2{color:var(--gold);font-size:1.4rem;font-family:var(--font-title)}@media (max-width:1024px){.page-login{grid-template-columns:1fr}.login-decor-side{display:none}.menu-grid-2col{grid-template-columns:1fr}.menu-left{border-right:none;border-bottom:1px solid var(--line);flex-flow:wrap;align-items:center}.player-card{flex:none}.resource-list{flex-flow:wrap;gap:8px;display:flex}}@media (max-width:640px){.battle-grid{grid-template-columns:1fr}.menu-topbar{flex-wrap:wrap}.menu-toolbar{gap:4px}.toolbar-btn{padding:0 10px;font-size:.75rem}.topbar-date,.topbar-username{display:none}.lang-float{top:10px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.page-detail{min-height:100dvh;padding:0 clamp(16px,3vw,40px) 40px;animation:.4s both fadeIn}.detail-grid{grid-template-columns:1.2fr .8fr;gap:24px;margin-top:20px;display:grid}.detail-briefing{animation:.5s both slideRight}.stamp{border:2px solid var(--red);color:var(--red);font-family:var(--font-title);letter-spacing:.15em;text-transform:uppercase;opacity:.85;border-radius:4px;margin-bottom:20px;padding:8px 20px;font-size:.9rem;font-weight:700;display:inline-block;transform:rotate(-3deg)}.telegraph{gap:0;margin-bottom:20px;display:grid}.telegraph-row{border-bottom:1px dashed var(--line-strong);font-family:var(--font-title);align-items:center;gap:12px;padding:10px 0;font-size:.85rem;display:flex}.telegraph-label{color:var(--gold);min-width:80px;font-weight:700}.briefing-section{margin-bottom:20px}.briefing-section h3{color:var(--gold);margin-bottom:8px;font-size:.9rem}.briefing-section p{color:var(--ink);font-size:.88rem;line-height:1.7}.knowledge-list{gap:8px;list-style:none;display:grid}.knowledge-list li{border-left:3px solid var(--gold);background:var(--gold-dim);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-strong);padding:8px 14px;font-size:.85rem}.detail-sidebar{align-content:start;gap:16px;animation:.5s .2s both fadeIn;display:grid}.sidebar-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);padding:18px}.sidebar-card h3{color:var(--gold);margin-bottom:12px;font-size:.85rem}.res-preview{gap:8px;display:grid}.res-preview>div{align-items:center;gap:8px;font-size:.85rem;display:flex}.res-preview strong{color:var(--ink-strong);font-family:var(--font-num)}.difficulty-meter{background:var(--line);border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.difficulty-fill{background:linear-gradient(90deg, var(--green), var(--gold), var(--red));border-radius:4px;height:100%;transition:width .6s}.page-quiz{min-height:100dvh;animation:.3s both fadeIn}.quiz-topbar{background:var(--bg-panel);border-bottom:1px solid var(--line);z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.quiz-route{font-family:var(--font-title);font-size:.82rem;font-weight:700}.quiz-route.weapons{color:var(--gold)}.quiz-route.history{color:var(--teal)}.quiz-progress{color:var(--muted);font-family:var(--font-title);font-size:.82rem}.quiz-gold{color:var(--gold);font-family:var(--font-num);font-size:.9rem;font-weight:800}.quiz-timer{width:44px;height:44px;position:relative}.timer-ring{width:100%;height:100%}.timer-num{font-family:var(--font-num);color:var(--ink-strong);place-items:center;font-size:.85rem;font-weight:800;display:grid;position:absolute;inset:0}.quiz-timer.danger .timer-num{color:var(--red);animation:.5s infinite pulse}.quiz-tabs{border-bottom:1px solid var(--line);gap:0;padding:0 clamp(16px,3vw,40px);display:flex}.quiz-tabs button{color:var(--muted);border-bottom:2px solid #0000;flex:1;padding:12px;font-size:.85rem;font-weight:700;transition:all .2s}.quiz-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.quiz-tabs button:hover{color:var(--ink-strong)}.quiz-body{max-width:800px;margin:0 auto;padding:28px clamp(16px,3vw,40px)}.quiz-question{margin-bottom:24px;font-size:1.15rem;line-height:1.5;animation:.3s both fadeIn}.quiz-options{gap:10px;display:grid}.quiz-options.four-col,.quiz-options.two-col{grid-template-columns:repeat(2,1fr)}.quiz-opt{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--ink);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:14px 16px;font-size:.88rem;transition:all .2s;display:flex}.quiz-opt:hover:not(:disabled){border-color:var(--gold);background:var(--gold-dim);transform:translateY(-2px)}.opt-letter{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;font-size:.78rem;font-weight:800;display:grid}.opt-icon{margin-left:auto;font-size:1.1rem}.quiz-opt.correct{border-color:var(--green);background:var(--green-dim);animation:.5s correctGlow}.quiz-opt.correct .opt-letter{border-color:var(--green);color:var(--green)}.quiz-opt.wrong{border-color:var(--red);background:var(--red-dim);animation:.4s shake}.quiz-opt.wrong .opt-letter{border-color:var(--red);color:var(--red)}.quiz-matching{grid-template-columns:1fr 1fr;gap:16px;display:grid}.match-col{gap:8px;display:grid}.match-item{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--ink);text-align:left;cursor:pointer;padding:12px 14px;font-size:.85rem;transition:all .2s}.match-item:hover:not(:disabled){border-color:var(--gold)}.match-item.selected{border-color:var(--gold);background:var(--gold-dim);box-shadow:0 0 0 2px var(--gold-glow)}.match-item.matched{border-color:var(--green);background:var(--green-dim);opacity:.7}.quiz-chrono{gap:16px;display:grid}.chrono-list{gap:8px;display:grid}.chrono-item{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);align-items:center;gap:12px;padding:12px 14px;font-size:.85rem;display:flex}.chrono-num{border:1px solid var(--gold);width:28px;height:28px;color:var(--gold);font-size:.78rem;font-weight:800;font-family:var(--font-num);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.chrono-btns{gap:4px;margin-left:auto;display:flex}.chrono-btns button{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:4px;place-items:center;font-size:.9rem;transition:all .15s;display:grid}.chrono-btns button:hover{border-color:var(--gold);color:var(--gold)}.quiz-feedback{border-radius:var(--radius-lg);margin-top:20px;padding:18px;animation:.3s both slideUp}.quiz-feedback.correct{border:1px solid var(--green);background:var(--green-dim)}.quiz-feedback.wrong{border:1px solid var(--red);background:var(--red-dim)}.quiz-feedback strong{color:var(--ink-strong);margin-bottom:6px;font-size:1rem;display:block}.quiz-feedback p{color:var(--ink);margin-bottom:14px;font-size:.85rem;line-height:1.6}.page-settle{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:40px;animation:.5s both fadeIn;display:flex}.settle-title{color:var(--gold);font-size:1.4rem;font-family:var(--font-title);margin-bottom:28px}.settle-grid{grid-template-columns:repeat(3,minmax(200px,280px));gap:16px;margin-bottom:28px;display:grid}.settle-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);padding:24px 20px;animation:.4s both slideUp}.settle-card:nth-child(2){animation-delay:.15s}.settle-card:nth-child(3){animation-delay:.3s}.score-display{flex-direction:column;align-items:center;gap:6px;margin-top:12px;display:flex}.score-emoji{font-size:2.5rem;animation:.5s both countUp}.score-number{font-family:var(--font-num);color:var(--ink-strong);font-size:3rem;font-weight:900}.score-label{color:var(--gold);font-size:.82rem;font-family:var(--font-title)}.gold-counter{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.gold-icon{font-size:2rem}.gold-num{font-family:var(--font-num);color:var(--gold);font-size:2.5rem;font-weight:900}.permit-badge{margin-top:16px}.permit-badge strong{border:2px solid var(--gold);border-radius:var(--radius);color:var(--gold);font-family:var(--font-title);letter-spacing:.1em;padding:8px 24px;font-size:1.1rem;display:inline-block}.settle-cta{margin-top:8px}@media (max-width:1024px){.detail-grid{grid-template-columns:1fr}.settle-grid{grid-template-columns:1fr;max-width:320px}.shop-grid,.deploy-grid{grid-template-columns:1fr}}@media (max-width:640px){.quiz-options.four-col,.quiz-matching{grid-template-columns:1fr}.quiz-topbar,.shop-stats{flex-wrap:wrap}.deploy-map{grid-template-columns:1fr}}.page-shop{min-height:100dvh;padding:0 clamp(16px,3vw,40px) 40px;animation:.4s both fadeIn}.shop-stats{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.stat-chip{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);font-size:.82rem;font-family:var(--font-title);padding:8px 14px}.stat-chip strong{color:var(--ink-strong);font-family:var(--font-num)}.stat-chip.gold{border-color:#d4a8434d}.stat-chip.gold strong{color:var(--gold)}.shop-tabs{border-bottom:1px solid var(--line);margin-bottom:16px;display:flex}.shop-tabs button{color:var(--muted);border-bottom:2px solid #0000;flex:1;padding:12px;font-size:.9rem;font-weight:700;transition:all .2s}.shop-tabs button.active{color:var(--gold);border-bottom-color:var(--gold)}.shop-tabs button:hover{color:var(--ink-strong)}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:24px;display:grid}.weapon-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);padding:18px;transition:all .22s;animation:.4s both fadeIn}.weapon-card:hover{border-color:var(--gold);box-shadow:0 10px 28px var(--shadow);transform:translateY(-3px)}.weapon-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.weapon-header h3{font-size:1rem}.weapon-era{color:var(--muted);font-family:var(--font-title);font-size:.72rem}.weapon-desc{color:var(--muted);margin-bottom:12px;font-size:.82rem}.weapon-stats{gap:6px;margin-bottom:14px;display:grid}.wstat{font-size:.78rem;font-family:var(--font-title);color:var(--muted);align-items:center;gap:6px;display:flex}.wstat strong{color:var(--ink-strong);font-family:var(--font-num);text-align:right;min-width:28px}.wstat-bar{background:var(--line);border-radius:3px;flex:1;height:6px;overflow:hidden}.wstat-bar>div{background:linear-gradient(90deg, var(--red), var(--gold));border-radius:3px;height:100%;transition:width .4s}.wstat-bar.def>div{background:linear-gradient(90deg, var(--teal), var(--green))}.wstat-bar.spd>div{background:linear-gradient(90deg,#4a90d9,#82c0ff)}.weapon-footer{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.weapon-cost{color:var(--gold);font-family:var(--font-num);font-weight:800}.weapon-owned{color:var(--green);font-size:.78rem;font-weight:700}.btn-sm{height:34px;margin-left:auto;padding:0 14px;font-size:.78rem}.element-exchange{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);margin:16px 0;overflow:hidden}.element-exchange summary{cursor:pointer;color:var(--gold);font-weight:700;font-family:var(--font-title);padding:14px 18px;font-size:.9rem}.exchange-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:0 18px 18px;display:grid}.exchange-card{border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:14px}.exchange-card h4{margin-bottom:8px;font-size:.85rem}.exchange-bar{background:var(--line);border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.exchange-bar>div{background:var(--gold);border-radius:3px;height:100%;transition:width .4s}.exchange-card small{color:var(--muted);margin-bottom:8px;font-size:.78rem;display:block}.shop-cart{border:1px solid var(--gold-dim);border-radius:var(--radius-lg);background:var(--bg-card);margin-bottom:16px;padding:16px}.shop-cart h3{color:var(--gold);margin-bottom:10px;font-size:.9rem}.cart-item{border-bottom:1px dashed var(--line);justify-content:space-between;padding:6px 0;font-size:.82rem;display:flex}.cart-total{text-align:right;color:var(--gold);font-family:var(--font-num);margin-top:10px}.shop-continue{margin:0 auto;display:block}.page-deploy{min-height:100dvh;padding:0 clamp(16px,3vw,40px) 40px;animation:.4s both fadeIn}.power-compare{align-items:center;gap:12px;margin:16px 0 6px;display:flex}.power-side{font-family:var(--font-title);white-space:nowrap;font-size:.8rem}.power-side span{color:var(--muted);font-size:.7rem;display:block}.power-side strong{font-family:var(--font-num)}.power-side.my strong{color:var(--green)}.power-side.enemy strong{color:var(--red)}.power-bar{background:var(--line);border-radius:5px;flex:1;height:10px;display:flex;overflow:hidden}.power-fill{height:100%;transition:width .4s}.power-fill.my{background:linear-gradient(90deg, var(--green), var(--teal));border-radius:5px 0 0 5px}.power-fill.enemy{background:linear-gradient(90deg, var(--red), #e74c3c);border-radius:0 5px 5px 0}.win-rate{text-align:center;font-family:var(--font-title);color:var(--muted);margin-bottom:20px;font-size:.85rem}.win-rate strong{color:var(--gold);font-family:var(--font-num);font-size:1.1rem}.deploy-grid{grid-template-columns:1fr 300px;gap:20px;display:grid}.deploy-map{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.deploy-zone{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);min-height:200px;padding:16px;transition:border-color .2s;animation:.4s both slideUp}.deploy-zone:nth-child(2){animation-delay:.1s}.deploy-zone:nth-child(3){animation-delay:.2s}.deploy-zone.left{border-top:3px solid #4a90d9}.deploy-zone.center{border-top:3px solid var(--green)}.deploy-zone.right{border-top:3px solid #c0a040}.zone-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.zone-header span{font-size:1.2rem}.zone-header strong{font-size:.85rem}.zone-power{color:var(--gold);font-family:var(--font-num);margin-bottom:10px;font-size:.85rem;font-weight:800}.zone-units{gap:4px;margin-bottom:10px;display:grid}.zone-unit{background:var(--gold-dim);border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.78rem;display:flex}.zone-unit button{border:1px solid var(--line);width:22px;height:22px;color:var(--red);border-radius:4px;place-items:center;font-size:.8rem;transition:all .15s;display:grid}.zone-unit button:hover{border-color:var(--red);background:var(--red-dim)}.zone-add{flex-wrap:wrap;gap:4px;display:flex}.btn-deploy{border:1px dashed var(--line-strong);color:var(--muted);border-radius:4px;padding:4px 8px;font-size:.72rem;transition:all .15s}.btn-deploy:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.deploy-panel{align-content:start;gap:16px;animation:.4s .2s both fadeIn;display:grid}.panel-section{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-card);padding:16px}.panel-section h3{color:var(--gold);font-size:.85rem;font-family:var(--font-title);margin-bottom:12px}.supply-control{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.supply-control button{border:1px solid var(--line-strong);border-radius:var(--radius);width:32px;height:32px;color:var(--ink);place-items:center;font-size:1rem;font-weight:800;transition:all .15s;display:grid}.supply-control button:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.supply-control button:disabled{opacity:.3}.supply-num{font-family:var(--font-num);color:var(--gold);font-size:1.4rem;font-weight:900}.supply-lines{gap:8px;display:grid}.supply-line{opacity:.25;align-items:center;gap:4px;transition:opacity .3s;display:flex}.supply-line.active{opacity:1}.supply-dot{background:var(--gold);border-radius:50%;width:8px;height:8px}.supply-track{background:var(--line);background-image:repeating-linear-gradient(90deg, var(--gold) 0, var(--gold) 6px, transparent 6px, transparent 12px);flex:1;height:2px}.supply-line.active .supply-track{animation:2s linear infinite supplyFlow}@keyframes supplyFlow{0%{background-position:0 0}to{background-position:24px 0}}.tactics-list{gap:8px;display:grid}.tactic-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-card);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.tactic-card:hover:not(:disabled){border-color:var(--gold)}.tactic-card.selected{border-color:var(--gold);background:var(--gold-dim);box-shadow:0 0 0 2px var(--gold-glow)}.tactic-card.locked{opacity:.4;cursor:not-allowed}.tactic-icon{font-size:1.3rem}.tactic-card strong{color:var(--ink-strong);font-size:.85rem;display:block}.tactic-card small{color:var(--muted);margin-top:2px;font-size:.72rem;display:block}.tactic-lock{border:1px solid var(--red);color:var(--red);font-size:.7rem;font-family:var(--font-num);border-radius:4px;margin-left:auto;padding:2px 8px}.deploy-start{margin:24px auto 0;display:block}.xp-section{margin-bottom:12px}.xp-section small{text-align:right;color:var(--muted);font-size:.7rem;font-family:var(--font-num);display:block}.xp-header{justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.8rem;display:flex}.xp-header span{color:var(--ink)}.xp-header strong{font-family:var(--font-num);font-size:.85rem}.xp-section.military .xp-header strong{color:var(--gold)}.xp-section.intelligence .xp-header strong{color:#5b8dee}.xp-bar{background:#ffffff14;border-radius:4px;width:100%;height:8px;overflow:hidden}.xp-bar.large{border-radius:7px;height:14px;margin:8px 0 4px}.xp-fill{border-radius:4px;height:100%;transition:width .6s}.xp-fill.military{background:linear-gradient(90deg,#c0392b,#e67e22)}.xp-fill.intelligence{background:linear-gradient(90deg,#2980b9,#5b8dee)}.war-license-banner{text-align:center;border-radius:10px;max-width:600px;margin:0 auto 24px;padding:16px 24px;font-size:1.1rem;font-weight:700;animation:.6s both fadeIn}.war-license-banner.pass{border:2px solid var(--green);color:#2ecc71;background:linear-gradient(135deg,#27ae6040,#27ae6014);animation:1.5s infinite pulse-glow}.war-license-banner.fail{border:2px solid var(--red);color:#e74c3c;background:linear-gradient(135deg,#c0392b40,#c0392b14);animation:.5s .3s shake}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #27ae604d}50%{box-shadow:0 0 25px #27ae6080}}.page-commander{min-height:100dvh;padding-bottom:40px;animation:.4s both fadeIn}.commander-tabs{justify-content:center;gap:8px;max-width:400px;margin:16px auto;display:flex}.commander-tabs button{border:1px solid var(--line);background:var(--bg-card);color:var(--ink);cursor:pointer;border-radius:8px;flex:1;padding:10px 16px;font-size:.9rem;transition:all .2s}.commander-tabs button.active{background:var(--gold-dim);border-color:var(--gold);color:var(--gold);font-weight:700}.commander-appearance{grid-template-columns:250px 1fr;gap:24px;max-width:900px;margin:0 auto;padding:0 20px;display:grid}.commander-preview{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;justify-content:center;align-items:center;min-height:300px;padding:24px;display:flex}.commander-controls{flex-direction:column;gap:16px;display:flex}.ctrl-group{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:12px 16px}.ctrl-group label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.ctrl-options{flex-wrap:wrap;gap:6px;display:flex}.ctrl-options button{border:1px solid var(--line);background:var(--bg-panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.78rem;transition:all .15s}.ctrl-options button.selected{background:var(--gold-dim);border-color:var(--gold);color:var(--gold);font-weight:700}.ctrl-options button:hover:not(.selected){background:#ffffff0f}.ctrl-colors{flex-wrap:wrap;gap:6px;display:flex}.ctrl-colors button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .15s}.ctrl-colors button.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-glow);transform:scale(1.15)}.ctrl-colors button:hover:not(.selected){transform:scale(1.1)}.ctrl-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.commander-upgrade{flex-direction:column;gap:24px;max-width:700px;margin:0 auto;padding:0 20px;display:flex}.upgrade-block{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:20px 24px}.upgrade-block.military{border-left:4px solid #e67e22}.upgrade-block.intelligence{border-left:4px solid #5b8dee}.upgrade-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:1rem;display:flex}.upgrade-header strong{font-family:var(--font-num);font-size:1.2rem}.upgrade-block.military .upgrade-header strong{color:var(--gold)}.upgrade-block.intelligence .upgrade-header strong{color:#5b8dee}.effect-card{color:var(--ink);border-left:3px solid var(--gold);background:#ffffff0a;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.85rem}.effect-preview{color:var(--muted);background:#d4a8430f;border-radius:8px;margin-top:8px;padding:8px 14px;font-size:.8rem;font-style:italic}.xp-how{color:var(--muted);margin-top:12px;font-size:.8rem}.xp-how summary{cursor:pointer;color:var(--ink);padding:4px 0;font-weight:600}.xp-how ul{margin:8px 0 0;padding-left:20px}.xp-how li{margin-bottom:4px}@media (max-width:700px){.commander-appearance{grid-template-columns:1fr}.commander-preview{min-height:220px}}.page-subscreen{min-height:100dvh;animation:.4s both fadeIn}.sub-header{border-bottom:1px solid var(--line);background:var(--bg-panel);align-items:center;gap:16px;padding:14px clamp(16px,3vw,40px);display:flex}.sub-header h1{flex:1;font-size:1.1rem}.sub-date{font-family:var(--font-num);color:var(--muted);font-size:.8rem}.btn-back{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--ink);cursor:pointer;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s}.btn-back:hover{border-color:var(--gold);color:var(--gold)}.sub-body{max-width:800px;margin:0 auto;padding:clamp(16px,4vw,40px)}.challenge-card{background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:var(--radius-lg);text-align:center;padding:32px}.challenge-timer{margin-bottom:24px}.timer-circle{border:3px solid var(--gold);width:72px;height:72px;font-family:var(--font-num);color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;transition:all .3s;display:inline-flex}.timer-circle.danger{border-color:var(--red);color:var(--red);animation:.8s infinite statusPulse}.challenge-question{color:var(--ink-strong);margin-bottom:24px;font-size:1.15rem;line-height:1.5}.challenge-options{grid-template-columns:1fr 1fr;gap:12px;max-width:480px;margin:0 auto;display:grid}.challenge-opt{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--ink);cursor:pointer;padding:14px 16px;font-size:.92rem;font-weight:600;transition:all .2s}.challenge-opt:hover:not(:disabled){border-color:var(--gold);background:var(--gold-dim)}.challenge-opt:disabled{cursor:default;opacity:.7}.challenge-opt.correct{border-color:var(--green);background:var(--green-dim);color:var(--green)}.challenge-opt.wrong{border-color:var(--red);color:var(--red);background:#e74c3c1a}.challenge-result{margin-top:20px;font-size:1.1rem;font-weight:700;animation:.4s both fadeSlideIn}.challenge-result.win{color:var(--green)}.challenge-result.lose{color:var(--red)}.challenge-complete{text-align:center;padding:40px 20px}.challenge-icon{margin-bottom:16px;font-size:4rem;display:block}.challenge-complete h2{color:var(--gold);margin-bottom:8px}.challenge-complete p{color:var(--muted);margin-bottom:24px}.kb-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.kb-tab{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--muted);cursor:pointer;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .15s}.kb-tab.active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.kb-tab:hover:not(.active){border-color:var(--ink);color:var(--ink)}.kb-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.kb-card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;transition:all .2s}.kb-card:hover{border-color:var(--gold);box-shadow:0 4px 16px var(--shadow);transform:translateY(-2px)}.kb-cat{margin-bottom:8px;font-size:1.4rem;display:block}.kb-card h3{color:var(--ink-strong);margin-bottom:8px;font-size:.95rem}.kb-card p{color:var(--muted);font-size:.82rem;line-height:1.6}.kb-stats{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:28px;padding:20px}.kb-stats h3{margin-bottom:12px;font-size:.95rem}.kb-stat-row{flex-wrap:wrap;gap:24px;display:flex}.kb-stat-row span{color:var(--muted);font-size:.85rem}.kb-stat-row strong{color:var(--gold)}.lb-table{background:var(--bg-panel);border:1px solid var(--line-strong);border-radius:var(--radius-lg);overflow:hidden}.lb-header-row{background:var(--bg-card);border-bottom:1px solid var(--line);font-family:var(--font-title);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:60px 1fr 100px;padding:12px 20px;font-size:.78rem;font-weight:700;display:grid}.lb-row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 100px;padding:12px 20px;font-size:.9rem;transition:background .15s;display:grid}.lb-row:hover{background:#d4a8430a}.lb-row:last-child{border-bottom:none}.lb-me{border-left:3px solid var(--gold);background:var(--gold-dim)!important}.lb-col.rank{font-family:var(--font-num);font-weight:700}.lb-col.name{align-items:center;gap:8px;font-weight:600;display:flex}.lb-col.score{text-align:right;font-family:var(--font-num);color:var(--gold);font-weight:700}.lb-you{background:var(--gold);color:#000;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:800;display:inline-block}.settings-body{flex-direction:column;gap:20px;display:flex}.settings-section{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.settings-section h3{margin-bottom:12px;font-size:.95rem}.settings-select{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);width:100%;color:var(--ink);cursor:pointer;outline:none;padding:10px 14px;font-size:.9rem}.settings-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.settings-toggle-row{gap:12px;display:flex}.settings-theme-btn{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-card);color:var(--muted);cursor:pointer;flex:1;padding:12px;font-size:.85rem;font-weight:600;transition:all .15s}.settings-theme-btn.active{border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.settings-theme-btn:hover:not(.active){border-color:var(--ink);color:var(--ink)}.settings-info{flex-direction:column;gap:8px;display:flex}.info-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none}.info-row span{color:var(--muted);font-size:.85rem}.info-row strong{color:var(--ink-strong);font-size:.85rem;font-family:var(--font-num)}.danger-zone{border-color:#e74c3c4d}.danger-zone h3{color:var(--red)}.btn-danger{border:1px solid var(--red);border-radius:var(--radius);width:100%;color:var(--red);cursor:pointer;background:#e74c3c1a;margin-bottom:10px;padding:12px;font-size:.85rem;font-weight:700;transition:all .15s}.btn-danger:hover{background:#e74c3c33}