.dungeon-tab-row{display:flex;gap:8px;margin-bottom:12px}.dungeon-tab-row button{background:#111827a6;color:#f8d49e;border:1px solid #7b5b36;border-radius:10px;padding:8px 14px}.dungeon-tab-row button.active{background:linear-gradient(180deg,#b7791f,#7b341e);color:#fff8ea}.dungeon-analytics-bg{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(246,173,85,.3);background-size:cover;background-position:center}.dungeon-analytics-gradient,.dungeon-analytics-texture{position:absolute;top:0;right:0;bottom:0;left:0}.dungeon-analytics-gradient{background:radial-gradient(circle at top right,rgba(251,146,60,.2),transparent 36%),radial-gradient(circle at bottom left,rgba(96,165,250,.15),transparent 40%),linear-gradient(165deg,#080b17f2,#0c1221f2)}.dungeon-analytics-texture{opacity:.2;background-size:cover;mix-blend-mode:screen}.dungeon-analytics-content{position:relative;z-index:1;padding:16px}.dungeon-analytics-card{background:#111827b3;border:1px solid rgba(246,173,85,.25);border-radius:14px;box-shadow:0 12px 28px #00000059;padding:14px}.dungeon-analytics-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.dungeon-kicker{color:#f6ad55;margin:0}.dungeon-record-pill{background:#111827cc;padding:10px;border-radius:10px}.dungeon-summary-grid,.dungeon-analytics-secondary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.dungeon-analytics-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:12px;margin-bottom:12px}.dungeon-analytics-stack{display:flex;flex-direction:column;gap:10px}.dungeon-stat-card span{color:#cbd5e1}.dungeon-stat-card strong{font-size:1.4rem;color:#f8d49e}.dungeon-danger-card{border-color:#f5656580}.dungeon-route-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dungeon-route-list li{display:flex;gap:8px;align-items:center}.optional-icon{width:24px;height:24px}.optional-icon-fallback{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f6ad5533}.optional-portrait{width:48px;height:48px;border-radius:10px;object-fit:cover}.dungeon-toggle{background:#b4530959;border:1px solid rgba(246,173,85,.4);color:#f8d49e;border-radius:10px;padding:8px}.dungeon-progress-bar{background:#ffffff14;border-radius:999px;height:12px;overflow:hidden}.dungeon-progress-bar>div{height:100%;background:linear-gradient(90deg,#f6ad55,#f56565)}.dungeon-actions-row{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 980px){.dungeon-analytics-main-grid{grid-template-columns:1fr}}:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#2f4830;--bg: #e7f1df;--bg-secondary: #dbe9cc;--card: #eff7e6;--card-border: #c5d9b0;--text-primary: #2f4830;--text-secondary: #67815f;--primary: #2f8f2e;--secondary: #8f949b;--success: #2f8f2e;--error: #dd4e53;--warning: #e5a22f;--bg-glow-1: rgba(139, 198, 85, .2);--bg-glow-2: rgba(102, 170, 76, .16);--bg-glow-3: rgba(244, 63, 94, .08)}body[data-theme=forest]{--bg: #e7f1df;--bg-secondary: #dbe9cc;--card: #eff7e6;--card-border: #c5d9b0;--text-primary: #2f4830;--text-secondary: #67815f;--bg-glow-1: rgba(139, 198, 85, .2);--bg-glow-2: rgba(102, 170, 76, .16);--bg-glow-3: rgba(244, 63, 94, .08)}body[data-theme=aurora]{--bg: #eff0ff;--bg-secondary: #d8dcff;--card: rgba(255, 255, 255, .78);--card-border: rgba(87, 95, 216, .26);--text-primary: #22213d;--text-secondary: #474c87;--bg-glow-1: rgba(120, 83, 255, .2);--bg-glow-2: rgba(36, 225, 233, .18);--bg-glow-3: rgba(255, 119, 199, .12)}body[data-theme=sunset]{--bg: #fff1e5;--bg-secondary: #ffd9cd;--card: rgba(255, 249, 245, .8);--card-border: rgba(240, 135, 91, .3);--text-primary: #4f2d1a;--text-secondary: #92523a;--bg-glow-1: rgba(255, 131, 90, .22);--bg-glow-2: rgba(255, 193, 107, .2);--bg-glow-3: rgba(255, 103, 103, .12)}body[data-theme=midnight]{--bg: #15192b;--bg-secondary: #0d1220;--card: rgba(30, 38, 66, .72);--card-border: rgba(88, 106, 162, .36);--text-primary: #e8eeff;--text-secondary: #a6b4df;--bg-glow-1: rgba(89, 125, 255, .24);--bg-glow-2: rgba(85, 221, 255, .18);--bg-glow-3: rgba(186, 122, 255, .13)}body[data-theme=neon]{--bg: #12101f;--bg-secondary: #0a0f1b;--card: rgba(29, 28, 49, .75);--card-border: rgba(129, 94, 255, .42);--text-primary: #f3f2ff;--text-secondary: #c2bbff;--bg-glow-1: rgba(57, 243, 255, .22);--bg-glow-2: rgba(154, 91, 255, .2);--bg-glow-3: rgba(255, 88, 189, .16)}body[data-theme=candy]{--bg: #fff4fb;--bg-secondary: #ffe8f6;--card: rgba(255, 255, 255, .84);--card-border: rgba(255, 151, 211, .3);--text-primary: #4b2c45;--text-secondary: #985f88;--bg-glow-1: rgba(255, 134, 196, .21);--bg-glow-2: rgba(151, 200, 255, .2);--bg-glow-3: rgba(255, 191, 96, .14)}body[data-theme=ocean]{--bg: #e7f7fb;--bg-secondary: #d5edf8;--card: rgba(245, 252, 255, .8);--card-border: rgba(78, 156, 190, .28);--text-primary: #0f3b4d;--text-secondary: #2f6478;--bg-glow-1: rgba(79, 194, 255, .2);--bg-glow-2: rgba(90, 224, 197, .18);--bg-glow-3: rgba(98, 139, 255, .13)}body[data-theme=coffee]{--bg: #251d1a;--bg-secondary: #1a1311;--card: rgba(56, 41, 35, .75);--card-border: rgba(143, 110, 93, .38);--text-primary: #f7e8dc;--text-secondary: #d4b8a6;--bg-glow-1: rgba(182, 123, 86, .23);--bg-glow-2: rgba(237, 178, 120, .18);--bg-glow-3: rgba(120, 77, 58, .16)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at 15% 15%,var(--bg-glow-1),transparent 40%),radial-gradient(circle at 85% 20%,var(--bg-glow-2),transparent 42%),radial-gradient(circle at 50% 80%,var(--bg-glow-3),transparent 45%),linear-gradient(180deg,var(--bg) 0%,var(--bg-secondary) 100%)}body:before{display:none}a{color:#b9ddff}.layout{padding:24px;max-width:1100px;margin:0 auto;position:relative;z-index:1}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;margin-bottom:8px;padding:12px 16px;border:1px solid var(--card-border);border-radius:12px;background:var(--card)}.brand-title{margin:0;font-size:clamp(1.3rem,2.8vw,2rem);letter-spacing:.01em}.nav-links{display:flex;align-items:center;gap:10px}.nav-links a{text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--primary) 70%,#000 30%);color:#fff;background:linear-gradient(120deg,var(--primary),color-mix(in srgb,var(--primary) 72%,#ffffff 28%))}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 2px 6px #0000001a}.row{display:flex;gap:12px;flex-wrap:wrap}button{border:1px solid #2a7b2b;border-radius:12px;padding:10px 14px;font-weight:600;color:#fff;background:linear-gradient(120deg,#2f8f2e,#56af45);box-shadow:none;cursor:pointer;transition:transform .18s ease,box-shadow .2s ease,filter .2s ease}button:disabled{opacity:.55;cursor:not-allowed}button:hover{transform:translateY(-1px);filter:brightness(1.05)}button:active{transform:translateY(1px) scale(.99)}input{padding:12px 14px;border-radius:12px;border:1px solid #d8d8d8;background:#f8f8f8;color:var(--text-primary)}input:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 3px #22d3ee26,0 0 24px #22d3ee42}.math-layout .mode-row button{background:linear-gradient(120deg,#2f8f2e,#56af45);box-shadow:none;border:1px solid #2a7b2b}.math-layout .mode-row button.active-mode{background:linear-gradient(120deg,#1f7321,#2f8f2e);border-color:#195c1c}.hero-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}.hero-kicker{margin:0;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);font-size:.75rem}.hero-panel h2{margin:6px 0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.hero-subtitle{color:var(--text-secondary);max-width:50ch}.hero-glass-preview{border-radius:16px;padding:16px;background:linear-gradient(140deg,#6d5ef92e,#22d3ee17);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff2e,0 18px 30px #00000059}.preview-label{color:var(--text-secondary);font-size:.8rem}.preview-main{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;margin:8px 0 14px}.preview-meta{display:flex;justify-content:space-between;color:#d8e5ff;font-size:.9rem}.mode-card small,.chart-legend,.metric-label,.feedback,.empty-chart{color:var(--text-secondary)}.difficulty-controls{margin-top:14px;display:grid;gap:8px}.difficulty-controls span{color:#c8d4ec;font-size:.95rem}.difficulty-controls button{background:linear-gradient(120deg,#2f8f2e,#56af45);box-shadow:none;border:1px solid #2a7b2b}.difficulty-controls .active-preset{background:linear-gradient(120deg,#1f7321,#2f8f2e);color:#fff}.hud-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.neon-grid>div{border:1px solid #c9dcba;border-radius:12px;background:#f5fcedd9;padding:10px}.arena-card{text-align:center;border-color:#22d3ee66;box-shadow:0 0 0 1px #22d3ee2e,0 22px 40px #050a1885}.prompt{font-size:clamp(2rem,6vw,3.7rem);font-weight:800;margin:18px 0;letter-spacing:.02em}.answer-form{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.answer-form input{width:min(340px,100%);font-size:1.15rem}.feedback{margin-top:12px;min-height:24px}.result-card{border-color:#22c55e66}.stats-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:12px;gap:10px}.stat-pill{background:#f5fcede6;border:1px solid #c9dcba;border-radius:12px;padding:10px;display:grid;gap:4px}.stat-pill span{color:#6d8864;font-size:.78rem}.stat-pill strong{font-size:1.05rem}.smart-chart{display:grid;gap:10px;margin-top:8px}.metric-row{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:center}.metric-track{background:#f5fcedeb;border:1px solid #c9dcba;border-radius:10px;min-height:88px;padding:8px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(8px,1fr);gap:4px;align-items:end;overflow-x:auto}.metric-bar{border-radius:6px 6px 0 0;min-height:5px}.metric-bar.reaction{background:#4ddcb5}.metric-bar.score-up{background:#67b8ff}.metric-bar.score-down{background:#ff8f8f}.metric-bar.skill{background:#d49dff}.attempt-timeline{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0 172px}.attempt-dot{width:10px;height:10px;border-radius:50%;background:#7da074}.attempt-dot.ok{background:#4fe08e}.attempt-dot.miss{background:#ff7575}.chart-legend{display:flex;gap:10px;align-items:center;margin-top:10px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin:0 4px 0 10px}.dot.good{background:#4fe08e}.dot.bad{background:#ff7575}.dot.reaction{background:#4ddcb5}.dot.score{background:#67b8ff}.dot.skill{background:#d49dff}@media (max-width: 840px){.hero-panel{grid-template-columns:1fr}}@media (max-width: 740px){.metric-row{grid-template-columns:1fr}.attempt-timeline{margin-left:0}.layout{padding:16px}}.brand-link{text-decoration:none;color:inherit}.cta-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:700;color:#fff;border:1px solid #2a7b2b;background:linear-gradient(120deg,#2f8f2e,#56af45)}.cta-link.secondary{background:linear-gradient(120deg,#2f8f2e,#56af45);border:1px solid #2a7b2b;color:#fff}.app-shell{display:grid;grid-template-columns:240px 1fr;gap:16px;max-width:1240px;margin:0 auto;padding:0 20px 24px;position:relative;z-index:1}.trainer-shell{min-height:calc(100vh - 64px)}.trainer-game{min-height:calc(100vh - 150px);display:grid;align-content:start}.trainer-progress-wrap{padding-top:16px;display:flex;justify-content:center}.trainer-progress{width:min(360px,100%);height:12px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--bg-secondary) 84%,#fff 16%);border:1px solid var(--card-border)}.trainer-progress>div{height:100%;background:linear-gradient(90deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 70%,#ffffff 30%) 100%)}.trainer-problem-wrap{text-align:center;padding-top:clamp(28px,8vh,90px)}.trainer-problem-wrap .answer-form{margin-top:16px}.trainer-problem-wrap .answer-form input{border:none;background:transparent;border-bottom:1px solid #bad3a8;border-radius:0;width:180px;text-align:center;font-size:40px;padding:4px 8px}.trainer-problem-wrap .answer-form button{display:none}.trainer-qmark{font-size:clamp(4rem,8vw,7rem);color:color-mix(in srgb,var(--text-secondary) 60%,transparent);line-height:1;margin-top:6px}.trainer-control-row{justify-content:center;margin-top:18px}.trainer-stats,.trainer-board{display:none}.prompt{font-size:clamp(4rem,8vw,7rem);font-weight:500}.trainer-dashboard{max-width:1280px}.trainer-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.trainer-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.trainer-panel{min-height:320px;text-align:center;display:grid;align-content:center;justify-items:center;color:#587151}.trainer-panel-center h3{margin:0;letter-spacing:.12em;font-weight:500}.vertical-problem{font-size:48px;line-height:1.05;color:#53674c;margin-bottom:12px}.vertical-problem span{color:#2f8f2e}.small-table{font-family:monospace;border:1px solid #c7dbb5;padding:8px 14px;background:#e9f3de}.big-number{font-size:58px;color:#2f4830}.big-number span{font-size:36px;color:#88a47d}.time-filter{border:1px solid #c8dcb7;display:inline-flex;gap:12px;padding:8px 14px;margin-bottom:24px;color:#72916a}.time-filter span{color:#8aa983}.trainer-bottom-cta{position:fixed;left:0;right:0;bottom:0;border-top:1px solid #c7dbb5;background:#eaf5dff5;padding:12px;display:flex;justify-content:center}.trainer-play-btn{background:linear-gradient(120deg,#2f8f2e,#56af45);color:#fff;border-radius:999px;text-decoration:none;letter-spacing:.18em;padding:14px 40px;font-weight:600}.sidebar{display:grid;align-content:start;gap:8px;height:fit-content;position:sticky;top:10px}.sidebar a{color:#4e6b48;text-decoration:none;padding:10px 12px;border-radius:10px;background:#ffffff73;border:1px solid #c7dbb5}.sidebar a.active{background:#60994a33}.shell-header{display:flex;justify-content:space-between;align-items:flex-start}.shell-header p{margin:4px 0 0;color:var(--text-secondary)}.shell-content{min-width:0}.profile-dropdown summary{cursor:pointer;list-style:none}.dropdown-menu{margin-top:8px;display:grid;gap:6px;padding:10px;border-radius:10px;border:1px solid var(--card-border);background:linear-gradient(180deg,#eff7e8,#e4f0da);min-width:220px;box-shadow:0 8px 18px #53744a33}.dropdown-menu a{text-decoration:none;color:#3c5c36;border-radius:8px;padding:8px 10px}.dropdown-menu a:hover{background:#60994a1f}.dropdown-menu button{background:linear-gradient(120deg,#2f8f2e,#56af45);box-shadow:none}.auth-card{max-width:620px}.auth-card .row{flex-direction:column;align-items:stretch;max-width:420px}.landing-hero h1{margin:8px 0}.quick-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.setting-item{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ffffff6b;border-radius:10px;padding:12px;border:1px solid #c7dbb5}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}}.auth-card{display:grid;gap:14px;padding:24px}.auth-card h2{margin:2px 0}.auth-separator{position:relative;text-align:center;color:#688161;font-size:.92rem}.auth-separator:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#5b80533d}.auth-separator span{position:relative;padding:0 10px;background:var(--card)}.google-auth-button,.auth-link-button{display:inline-flex;align-items:center;justify-content:center;width:min(420px,100%);min-height:44px;border-radius:12px;text-decoration:none;font-weight:600;transition:transform .18s ease,box-shadow .2s ease,filter .2s ease}.google-auth-button{gap:10px;border:1px solid #d5dbe8;color:#1f1f1f;background:#fff;box-shadow:0 2px 7px #00000014}.google-auth-button:hover,.auth-link-button:hover{transform:translateY(-1px);filter:brightness(1.02)}.google-auth-button:active,.auth-link-button:active{transform:translateY(1px)}.google-icon{width:20px;height:20px;flex:0 0 20px}.auth-links{display:grid;gap:10px}.auth-link-button{border:1px solid #2a7b2b;color:#fff;background:linear-gradient(120deg,#2f8f2e,#56af45)}.auth-link-button.secondary{border-color:#2a7b2b}.auth-link-button.ghost{border:1px solid rgba(91,128,83,.35);color:#496444;background:#ffffff8f}.auth-card .row{gap:10px}.game-hud-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.game-hud-grid div{background:color-mix(in srgb,var(--card) 75%,#ffffff 25%);border:1px solid var(--card-border);border-radius:10px;padding:10px;display:grid;gap:4px}.game-hud-grid span{color:var(--text-secondary);font-size:.85rem}.game-start-card{text-align:left}.game-start-card h2{margin-top:0}.xp-track{height:12px;border-radius:999px;overflow:hidden;border:1px solid #b9cca8;background:#d7e7c8}.xp-track>div{height:100%;background:linear-gradient(90deg,#2f8f2e,#62b94c)}.dashboard-hero h1{margin:2px 0 12px;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1.15}.dashboard-hero p{margin-top:0;font-size:1.08rem;color:#425d3c}.profile-main-card h1{margin:2px 0 10px}.profile-meta-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.profile-sections{align-items:stretch}.profile-section{background:#ffffff73;border:1px solid #c7dbb5;border-radius:10px;padding:14px}.profile-section h3{margin:0 0 10px}.profile-section ul{margin:8px 0 0;padding-left:18px}.site-footer{margin-top:24px;padding-bottom:24px;border-top:1px solid #c7dbb5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;color:#5f7958}.footer-links{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.footer-links a{color:#496444;text-decoration:none;border:1px solid #bcd2ae;border-radius:999px;padding:6px 10px;background:#fff6}.setting-item select{border:1px solid #c8dcb7;border-radius:10px;padding:6px 10px}.theme-preset-btn{display:grid;gap:6px;text-align:left;background:#fff6;color:var(--text-primary);border:1px solid var(--card-border)}.theme-preset-btn small{color:var(--text-secondary);font-weight:500}.theme-preset-btn.active{border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 25%,transparent)}.leaderboard-table-wrap{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;min-width:640px}.leaderboard-table th,.leaderboard-table td{padding:10px;border-bottom:1px solid var(--card-border);text-align:center}.mode-bars,.accuracy-list{display:grid;gap:12px}.mode-bar-row{display:grid;gap:6px}.mode-bar-row span{color:var(--text-secondary);font-size:.9rem}.score-sparkline{min-height:140px;display:grid;align-items:end;grid-auto-flow:column;grid-auto-columns:minmax(14px,1fr);gap:8px;padding:8px;border:1px solid var(--card-border);border-radius:10px;background:#ffffff40}.spark-bar{border-radius:8px 8px 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 70%,#ffffff 30%),var(--primary));min-height:8px}.accuracy-row{display:grid;gap:6px}.accuracy-row span,.accuracy-row strong{font-size:.9rem}.app-shell-modern{--sidebar-expanded: 248px;--sidebar-collapsed: 84px;display:grid;grid-template-columns:var(--sidebar-expanded) 1fr;min-height:calc(100vh - 130px);gap:16px;max-width:1480px;margin:0 auto;padding:10px 16px 24px;position:relative;z-index:1}.app-shell-modern.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.app-sidebar{position:sticky;top:12px;align-self:start;border-radius:18px;border:1px solid var(--card-border);background:color-mix(in srgb,var(--card) 84%,#ffffff 16%);box-shadow:0 12px 30px #1f3d1d1f;padding:14px 12px;min-height:calc(100vh - 168px);transition:width .3s ease,transform .3s ease}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:8px}.sidebar-brand{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 45%,#fff 55%);background:linear-gradient(130deg,var(--primary),color-mix(in srgb,var(--primary) 65%,#fff 35%));color:#fff;font-weight:800;letter-spacing:.04em}.sidebar-collapse-toggle{width:36px;min-width:36px;height:36px;border-radius:10px;padding:0;font-size:1rem}.sidebar-nav{display:grid;gap:8px}.sidebar-nav-item{display:flex;align-items:center;gap:12px;min-height:44px;border-radius:12px;padding:10px 12px;text-decoration:none;color:var(--text-secondary);border:1px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.sidebar-nav-item:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent);color:var(--text-primary)}.sidebar-nav-item.active{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--text-primary);font-weight:700}.sidebar-nav-icon{font-size:1.08rem;width:18px;text-align:center;flex:0 0 18px}.app-sidebar.collapsed .sidebar-nav-label{opacity:0;width:0;overflow:hidden}.app-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding-inline:8px}.app-sidebar.collapsed .sidebar-header{justify-content:center}.app-sidebar.collapsed .sidebar-collapse-toggle{position:absolute;top:14px;right:8px;width:24px;min-width:24px;height:24px;border-radius:999px;font-size:.75rem}.shell-main-column{min-width:0;display:grid;grid-template-rows:auto 1fr;gap:14px}.shell-topbar{min-height:72px;border-radius:16px;border:1px solid var(--card-border);background:color-mix(in srgb,var(--card) 80%,#fff 20%);box-shadow:0 8px 24px #203c1f14;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.shell-topbar-left{display:flex;align-items:center;gap:12px}.shell-overline{margin:0;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.shell-title{font-size:clamp(1rem,2.2vw,1.32rem);letter-spacing:.03em}.shell-main-content{min-width:0}.mobile-menu-toggle{display:none;width:40px;height:40px;border-radius:10px;font-size:1.05rem;padding:0}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;border:none;z-index:20;padding:0}.leaderboard-page-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.leaderboard-page-header h1{margin:0}.leaderboard-page-header p{margin:6px 0 0;color:var(--text-secondary)}.leaderboard-badge{border:1px solid color-mix(in srgb,var(--primary) 32%,transparent);background:color-mix(in srgb,var(--primary) 16%,transparent);border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:600;white-space:nowrap}.leaderboard-card{border-radius:18px;padding:clamp(16px,2.3vw,26px);box-shadow:0 16px 35px #20401f1a}.leaderboard-table thead th{font-size:.95rem;color:var(--text-secondary)}.leaderboard-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}@media (max-width: 1080px){.app-shell-modern,.app-shell-modern.sidebar-collapsed{grid-template-columns:1fr}.app-sidebar{position:fixed;top:0;left:0;width:min(82vw,290px);min-height:100vh;border-radius:0 18px 18px 0;transform:translate(-102%);z-index:30}.app-sidebar.mobile-open{transform:translate(0)}.app-sidebar.collapsed{width:min(82vw,290px)}.app-sidebar.collapsed .sidebar-nav-label{opacity:1;width:auto}.app-sidebar.collapsed .sidebar-nav-item{justify-content:flex-start;padding-inline:12px}.app-sidebar.collapsed .sidebar-header{justify-content:space-between}.app-sidebar.collapsed .sidebar-collapse-toggle{position:static;width:36px;min-width:36px;height:36px;border-radius:10px;font-size:1rem}.mobile-menu-toggle{display:inline-grid;place-items:center}}@media (max-width: 740px){.app-shell-modern{padding:8px 10px 18px;gap:10px}.shell-topbar{padding:10px 12px}.leaderboard-page-header{flex-direction:column;align-items:flex-start}.leaderboard-table{min-width:560px}}.public-topbar{align-items:flex-start}.public-nav-links{flex-wrap:wrap;justify-content:flex-end}.public-nav-links a{border:1px solid color-mix(in srgb,var(--card-border) 80%,#fff 20%);background:color-mix(in srgb,var(--card) 78%,#fff 22%);color:var(--text-primary)}.public-nav-links a.active{border-color:color-mix(in srgb,var(--primary) 50%,transparent);background:color-mix(in srgb,var(--primary) 18%,transparent)}.public-nav-links .public-login-link{border-color:#2a7b2b;color:#fff;background:linear-gradient(120deg,#2f8f2e,#56af45)}.public-page-layout{display:grid;gap:16px}.public-page-card h1{margin:2px 0 12px;font-size:clamp(1.8rem,3.4vw,2.7rem)}.public-page-lead{font-size:1.08rem;color:var(--text-secondary);margin-bottom:18px;max-width:75ch}.public-section{padding-top:8px}.public-section h2{margin:0 0 8px}.public-section p,.public-section li{line-height:1.65}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--card-border);border-radius:10px;padding:10px 12px;background:#ffffff59}.faq-list summary{cursor:pointer;font-weight:600}.public-ad-slot{border:1px dashed color-mix(in srgb,var(--primary) 55%,transparent);border-radius:12px;padding:12px;margin:8px 0;background:color-mix(in srgb,var(--primary) 8%,transparent);color:var(--text-secondary)}.public-steps-list{margin:8px 0;display:grid;gap:8px;line-height:1.6}.text-link{color:var(--text-primary);font-weight:600}.public-links-card h2{margin-top:0}.public-links-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.public-links-grid a{text-decoration:none;color:var(--text-primary);border:1px solid var(--card-border);border-radius:10px;padding:10px 12px;background:#fff6}.public-links-grid a:hover{border-color:color-mix(in srgb,var(--primary) 55%,transparent)}@media (max-width: 960px){.public-topbar{flex-direction:column;align-items:stretch}.public-nav-links{justify-content:flex-start}}.strategy-layout{display:grid;gap:16px}.strategy-layout .card{border-radius:24px;background:#f5faeced;border-color:#c4d9b2}.strategy-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.strategy-retreat-link{text-decoration:none;color:#fff;font-weight:700;padding:12px 20px;border-radius:18px;background:linear-gradient(180deg,#ed7052,#de4d39);border:1px solid rgba(158,51,39,.5)}.strategy-resource-panel{display:flex;align-items:center;justify-content:flex-end;gap:10px}.strategy-resource-pill{display:flex;align-items:center;gap:8px;border-radius:14px;background:#3e596f;color:#f9fcf6;padding:8px 14px}.strategy-main-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:16px;align-items:start}.strategy-map-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px}.strategy-map-card{min-height:560px}.strategy-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;border:1px solid rgba(82,100,80,.22);border-radius:0;clip-path:polygon(25% 4%,75% 4%,96% 50%,75% 96%,25% 96%,4% 50%);min-height:140px;padding:16px 12px;font-weight:700;background:#ffe39f;color:#54422a}.strategy-tile.owned{background:#b5de97;color:#25482b}.strategy-tile.neutral{background:#ff8f73;color:#5b2a20}.strategy-tile.selected{outline:4px solid #f8c55c}.strategy-tile-type{opacity:.8;font-size:.85rem}.strategy-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.strategy-stats-grid div{background:var(--panel-muted);border-radius:10px;padding:10px}.strategy-progress{height:26px;border-radius:999px;background:#39526a;padding:3px;overflow:hidden}.strategy-progress>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#9bdd5d,#7ec83e)}.strategy-task{font-size:2rem;font-weight:700;margin:0}.strategy-battle-card{display:grid;gap:16px}.strategy-battle-intro{text-align:center;display:grid;gap:10px}.strategy-battle-intro h2{margin:6px 0;font-size:clamp(2rem,3.5vw,3.1rem)}.strategy-active-battle{border-radius:18px;background:linear-gradient(180deg,#3c5870,#30495f);color:#f3f8ee;padding:16px;display:grid;gap:12px}.strategy-battle-timer-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.strategy-battle-meta{display:flex;align-items:center;justify-content:space-between;color:#e1efd8}.strategy-last-summary{margin-top:6px;border-top:1px solid #c8d7bb;padding-top:12px;color:#3f4d3e}.strategy-log-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.strategy-log-card li{background:#38556fe6;color:#f4faee;border-radius:10px;padding:10px}.strategy-log-card span{display:inline-block;font-size:12px;opacity:.7;margin-bottom:4px}@media (max-width: 1024px){.strategy-topbar{flex-direction:column;align-items:stretch}.strategy-resource-panel{justify-content:flex-start;flex-wrap:wrap}.strategy-main-grid{grid-template-columns:1fr}}.dungeon-page{color:#f2e8d5;background:radial-gradient(circle at top,#3f2e26,#1b1511 56%);border-radius:22px;padding:20px}.dungeon-lead{color:#d3bea0;max-width:900px}.dungeon-hud,.dungeon-panel,.dungeon-battle{background:linear-gradient(180deg,#372921fa,#221813f2);border:1px solid #73513c;border-radius:14px;padding:14px;margin-bottom:14px}.dungeon-hud{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.dungeon-hud-stats,.dungeon-hud-links{display:flex;gap:10px;flex-wrap:wrap}.dungeon-hud-links a{color:#f0ca7b}.dungeon-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dungeon-room-card{text-align:left;background:#291d17f0;color:#f2e8d5;border:2px solid #795942;border-radius:12px;padding:12px;min-height:156px}.dungeon-task{font-size:clamp(1.6rem,3vw,2.6rem);margin:10px 0}.dungeon-answer-form{display:flex;gap:8px}.dungeon-answer-form input{flex:1}