.m2-root{min-height:100vh;min-height:100dvh;padding:max(var(--space-6),env(safe-area-inset-top)) var(--space-6) max(var(--space-6),env(safe-area-inset-bottom));background:linear-gradient(90deg,var(--color-grid-line-y) 1px,transparent 1px),linear-gradient(0deg,var(--color-grid-line-subtle) 1px,transparent 1px),var(--color-bg);background-size:32px 32px;color:var(--color-text)}.m2-frame{width:min(100%,1280px);min-height:calc(100vh - 36px);min-height:calc(100dvh - 36px);margin:0 auto;overflow:hidden;border:1px solid var(--color-frame-border);border-radius:var(--radius);background:linear-gradient(180deg,var(--tone-accent-bg-soft),transparent 260px),var(--color-frame-bg);box-shadow:var(--shadow-card)}.m2-nav{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-line-soft);background:var(--color-nav-bg);backdrop-filter:blur(10px)}.m2-nav button,.m2-button,.m2-select{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-weight:var(--font-weight-bold)}.m2-nav button,.m2-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4)}.m2-nav button.is-active,.m2-button.is-active{border-color:var(--color-accent);background:var(--color-active-bg);color:var(--color-accent)}.m2-button.primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.m2-button.danger{border-color:var(--tone-bad-border-muted);background:var(--tone-bad-bg-soft);color:var(--color-bad)}.m2-button.ghost{background:transparent}.m2-button:disabled,.m2-nav button:disabled,.m2-select:disabled{cursor:not-allowed;opacity:.52}.m2-select{padding:0 var(--space-4)}.m2-topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-line-soft);background:var(--color-topbar-bg)}.m2-title{display:grid;gap:5px}.m2-title h1,.m2-title p,.m2-panel h2,.m2-panel h3,.m2-card h3,.m2-score h1,.m2-score p{margin:0;letter-spacing:0}.m2-title h1{font-size:28px;line-height:1.1}.m2-title p,.m2-muted,.m2-card p,.m2-panel p,.m2-list li{color:var(--color-text-muted);line-height:1.55}.m2-resource-strip,.m2-actions,.m2-tabs,.m2-filters,.m2-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.m2-resource-strip,.m2-actions{justify-content:flex-end}.m2-chip,.m2-tag,.m2-rarity,.m2-pill{min-height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text-muted);padding:0 9px;font-size:12px;font-weight:var(--font-weight-bold)}.m2-chip strong{margin-left:6px;color:var(--color-text)}.m2-tag.good,.m2-pill.good{border-color:var(--tone-accent-border);background:var(--tone-accent-bg);color:var(--color-accent)}.m2-tag.warn,.m2-pill.warn{border-color:var(--tone-warn-border);background:var(--tone-warn-bg);color:var(--color-warn)}.m2-tag.bad,.m2-pill.bad{border-color:var(--tone-bad-border);background:var(--tone-bad-bg);color:var(--color-bad)}.m2-tag.muted,.m2-pill.muted{border-color:var(--color-line-soft);background:var(--tone-inner-bg-soft);color:var(--color-muted-dim)}.m2-rarity.ssr{border-color:var(--rarity-ssr-border);background:var(--rarity-ssr-bg);color:var(--rarity-ssr-text)}.m2-rarity.sr{border-color:var(--rarity-sr-border);background:var(--rarity-sr-bg);color:var(--rarity-sr-text)}.m2-rarity.a{border-color:var(--rarity-a-border);background:var(--rarity-a-bg);color:var(--rarity-a-text)}.m2-rarity.b{border-color:var(--rarity-b-border);background:var(--rarity-b-bg);color:var(--rarity-b-text)}.m2-rarity.c{border-color:var(--rarity-c-border);background:var(--rarity-c-bg);color:var(--rarity-c-text)}.m2-content{display:grid;gap:var(--space-5);padding:var(--space-6)}.m2-split{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);gap:var(--space-5)}.m2-panel,.m2-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-bg)}.m2-panel{padding:14px}.m2-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.m2-panel-header h2{font-size:18px;line-height:1.2}.m2-card{padding:var(--space-4)}.m2-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.m2-list li,.m2-breakdown-row,.m2-metric{border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-cell-bg)}.m2-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:9px 10px}.m2-list li.m2-bond-item{display:grid;justify-content:stretch;gap:var(--space-1)}.m2-bond-item strong{color:var(--color-text);line-height:1.5}.m2-bond-item p{margin:0;color:var(--color-text-muted);line-height:1.5}.m2-meter{height:8px;overflow:hidden;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--color-meter-track)}.m2-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-info))}.m2-alert{display:grid;gap:var(--space-1);border:1px solid var(--tone-warn-border);border-radius:var(--radius);background:var(--color-warn-surface);padding:var(--space-4)}.m2-alert.is-error{border-color:var(--tone-bad-border-strong);background:var(--color-bad-surface-muted)}.m2-save-required{border-color:var(--tone-accent-border-strong);background:var(--tone-accent-bg)}.m2-save-required strong{color:var(--color-accent)}.m2-empty-copy{color:var(--color-muted-dim);font-size:13px}.m2-toast{position:sticky;top:66px;z-index:2;border:1px solid var(--tone-accent-border-strong);border-radius:var(--radius);background:var(--color-accent-surface);color:var(--color-accent);padding:11px 12px;font-weight:var(--font-weight-heavy);box-shadow:var(--shadow-toast)}.m2-hero{min-height:260px;display:grid;align-content:end;gap:var(--space-5);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(135deg,var(--tone-warn-bg-hero),transparent 44%),linear-gradient(25deg,var(--tone-accent-bg-highlight),transparent 52%),var(--color-hero-bg)}.m2-draw-actions,.m2-grid-2,.m2-grid-3,.m2-grid-4{display:grid;gap:var(--space-3)}.m2-draw-actions,.m2-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.m2-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.m2-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.m2-result-grid{display:grid;grid-template-columns:repeat(5,minmax(92px,1fr));gap:var(--space-3)}.m2-result-card{min-height:142px;display:grid;align-content:space-between;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(180deg,var(--color-grid-line-x),transparent),var(--color-surface-raised)}.m2-result-card.featured{border-color:var(--rarity-ssr-border-strong);background:linear-gradient(180deg,var(--rarity-ssr-bg-strong),transparent),var(--color-surface-raised)}.m2-reveal-stage{--reveal-line: var(--color-accent);--reveal-glow: var(--tone-info-bg-medium);--reveal-core: rgba(255, 255, 255, .66);--reveal-card-a: #193041;--reveal-card-b: #10161a;--reveal-flip-duration: .54s;--reveal-shine-duration: .42s;--reveal-particle-opacity: .32;position:relative;overflow:hidden;min-height:430px;display:grid;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-line-soft);border-radius:var(--radius);background:radial-gradient(circle at 50% 26%,var(--reveal-glow),transparent 42%),var(--tone-inner-bg-strong);isolation:isolate}.m2-reveal-stage.rarity-ssr{--reveal-line: var(--rarity-ssr-text);--reveal-glow: rgba(255, 224, 140, .28);--reveal-core: rgba(255, 246, 176, .95);--reveal-card-a: #4a3412;--reveal-card-b: #15100a;--reveal-flip-duration: 1.12s;--reveal-shine-duration: .94s;--reveal-particle-opacity: .96}.m2-reveal-stage.rarity-sr{--reveal-line: var(--rarity-sr-text);--reveal-glow: rgba(183, 163, 255, .26);--reveal-core: rgba(225, 209, 255, .86);--reveal-card-a: #2d2259;--reveal-card-b: #111020;--reveal-flip-duration: .9s;--reveal-shine-duration: .72s;--reveal-particle-opacity: .72}.m2-reveal-stage:before,.m2-reveal-stage:after{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;pointer-events:none;z-index:-1}.m2-reveal-stage:before{background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.11),transparent,rgba(255,255,255,.08),transparent);opacity:calc(var(--reveal-particle-opacity) * .72);animation:m2-reveal-rays 1.5s linear infinite}.m2-reveal-stage:after{background:radial-gradient(circle at 50% 42%,var(--reveal-core),transparent 13%),radial-gradient(circle at 50% 42%,var(--reveal-glow),transparent 34%);opacity:0;mix-blend-mode:screen;animation:m2-reveal-burst var(--reveal-shine-duration) ease-out both}.m2-reveal-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.m2-reveal-head>div{display:grid;gap:var(--space-2)}.m2-reveal-head h3{font-size:22px}.m2-reveal-spotlight{position:relative;min-height:285px;display:grid;place-items:center}.m2-reveal-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.m2-reveal-particles i{position:absolute;left:50%;top:47%;width:6px;height:6px;border-radius:999px;background:var(--reveal-line);box-shadow:0 0 14px var(--reveal-line);opacity:0;animation:m2-reveal-particle .82s ease-out both;animation-delay:var(--particle-delay)}.m2-reveal-card{position:relative;width:min(58vw,216px);aspect-ratio:.72;perspective:1100px}.m2-reveal-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:m2-reveal-flip var(--reveal-flip-duration) cubic-bezier(.18,.82,.28,1) both}.m2-reveal-card-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid var(--reveal-line);border-radius:var(--radius);backface-visibility:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 42px var(--reveal-line)}.m2-reveal-card-face.back{display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 44%),repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 8px,transparent 8px 18px),var(--color-surface-raised)}.m2-reveal-card-face.back span{width:76px;height:76px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius);background:rgba(255,255,255,.06);color:var(--color-text);font-size:28px;font-weight:var(--font-weight-heavy)}.m2-reveal-card-face.front{display:grid;align-content:space-between;gap:var(--space-4);padding:var(--space-4);transform:rotateY(180deg);background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.18),transparent 30%),linear-gradient(160deg,var(--reveal-card-a),var(--reveal-card-b))}.m2-reveal-card-face.front:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);pointer-events:none}.m2-reveal-card-top,.m2-reveal-card-copy{position:relative;z-index:1}.m2-reveal-card-top{display:flex;flex-wrap:wrap;gap:var(--space-2)}.m2-reveal-card-art{min-height:128px;position:relative;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),rgba(0,0,0,.18);color:var(--reveal-line)}.m2-reveal-card-art:before,.m2-reveal-card-art:after{content:"";position:absolute;border-radius:999px;background:currentColor;opacity:.82}.m2-reveal-card-art:before{width:56px;height:56px;top:24px}.m2-reveal-card-art:after{width:94px;height:42px;bottom:24px}.m2-reveal-card-copy{display:grid;gap:var(--space-2)}.m2-reveal-card-copy h3{font-size:23px;line-height:1.08}.m2-reveal-shine{position:absolute;top:-28%;right:-28%;bottom:-28%;left:-28%;pointer-events:none;transform:translate(-120%) rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);mix-blend-mode:screen;animation:m2-reveal-shine var(--reveal-shine-duration) ease-out both}.m2-reveal-sequence{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.m2-reveal-mini{min-height:40px;display:grid;place-items:center;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:rgba(255,255,255,.043);color:var(--color-muted-dim);font-size:11px;font-weight:var(--font-weight-heavy)}.m2-reveal-mini.is-current{border-color:var(--color-warn);background:var(--tone-warn-bg);color:var(--color-warn)}.m2-reveal-mini.is-done.ssr{border-color:var(--rarity-ssr-border-strong);background:var(--rarity-ssr-bg);color:var(--rarity-ssr-text)}.m2-reveal-mini.is-done.sr{border-color:var(--rarity-sr-border);background:var(--rarity-sr-bg);color:var(--rarity-sr-text)}.m2-reveal-mini.is-done.a,.m2-reveal-mini.is-done.b,.m2-reveal-mini.is-done.c{border-color:var(--rarity-a-border);color:var(--rarity-a-text)}@keyframes m2-reveal-flip{0%{transform:translateY(18px) scale(.9) rotateY(0);filter:brightness(.85)}42%{transform:translateY(-10px) scale(1.06) rotateY(92deg);filter:brightness(2.3)}to{transform:translateY(0) scale(1) rotateY(180deg);filter:brightness(1)}}@keyframes m2-reveal-rays{to{transform:rotate(360deg)}}@keyframes m2-reveal-burst{0%{opacity:0;transform:scale(.66)}28%{opacity:var(--reveal-particle-opacity)}to{opacity:0;transform:scale(1.18)}}@keyframes m2-reveal-particle{0%{opacity:0;transform:translate(0) scale(.4)}18%{opacity:var(--reveal-particle-opacity)}to{opacity:0;transform:translate(var(--particle-x),var(--particle-y)) scale(.08)}}@keyframes m2-reveal-shine{0%{opacity:0;transform:translate(-120%) rotate(18deg)}32%{opacity:.88}to{opacity:0;transform:translate(120%) rotate(18deg)}}.m2-card-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:var(--space-3)}.m2-owned-card{min-height:178px;display:grid;align-content:space-between;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(135deg,var(--tone-info-bg-medium),transparent 55%),var(--color-surface-raised);padding:var(--space-4);text-align:left}.m2-owned-card.is-active{border-color:var(--color-accent);background:linear-gradient(135deg,var(--tone-accent-bg-highlight),transparent 55%),var(--color-surface-raised)}.m2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.m2-stat{min-height:38px;display:grid;place-items:center;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-inner-bg-strong);font-size:12px;font-weight:var(--font-weight-bold)}.m2-inline-detail{grid-column:1 / -1;display:grid;gap:var(--space-4);padding:14px;border:1px solid var(--color-accent);border-radius:var(--radius);background:linear-gradient(135deg,var(--tone-accent-bg-elevated),transparent 48%),var(--color-panel-bg-strong)}.m2-detail-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--space-4)}.m2-detail-block{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-inner-bg-soft)}.m2-filter-body{display:none;gap:var(--space-3)}.m2-filter-body.is-open{display:grid}.m2-lineup-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:var(--space-5)}.m2-lineup-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"command command command" "left center right" "vehicle vehicle vehicle";gap:var(--space-4)}.m2-group{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-panel-bg)}.m2-group[data-group=COMMAND]{grid-area:command}.m2-group[data-group=CENTER]{grid-area:center}.m2-group[data-group=LEFT]{grid-area:left}.m2-group[data-group=RIGHT]{grid-area:right}.m2-group[data-group=VEHICLE]{grid-area:vehicle}.m2-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--space-2)}.m2-slot{min-height:96px;display:grid;align-content:space-between;gap:6px;padding:9px;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);text-align:left}.m2-slot.is-active{border-color:var(--color-accent)}.m2-slot.is-flash{animation:m2-slot-flash .9s ease-out;border-color:var(--rarity-ssr-text);box-shadow:var(--shadow-rarity-ssr-ring)}.m2-slot.is-mismatch{border-color:var(--tone-bad-border-strong);background:var(--tone-bad-bg)}.m2-slot.is-empty{border-style:dashed;color:var(--color-muted-dim)}.m2-slot-name{color:var(--color-text);font-weight:var(--font-weight-heavy);overflow-wrap:anywhere}.m2-slot-name.rarity-ssr{color:var(--rarity-ssr-text)}.m2-slot-name.rarity-sr{color:var(--rarity-sr-text)}.m2-slot-name.rarity-a{color:var(--rarity-a-text)}.m2-slot-name.rarity-b{color:var(--rarity-b-text)}.m2-slot-name.rarity-c{color:var(--rarity-c-text)}.m2-breakdown{display:grid;gap:var(--space-2)}.m2-breakdown-detail{margin-top:var(--space-3)}.m2-breakdown-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);padding:9px 10px}.m2-breakdown-row strong,.m2-event-value,.m2-power-table-row strong,.m2-round-power strong{font-variant-numeric:tabular-nums}.m2-breakdown-row strong{text-align:right}.m2-breakdown-row strong.good,.m2-event-value.good,.m2-power-table-row .good{color:var(--color-accent)}.m2-breakdown-row strong.warn,.m2-event-value.warn,.m2-power-table-row .warn{color:var(--color-warn)}.m2-breakdown-row strong.bad,.m2-event-value.bad,.m2-power-table-row .bad{color:var(--color-bad)}.m2-breakdown-row strong.muted,.m2-event-value.muted,.m2-power-table-row .muted{color:var(--color-muted-dim)}.m2-metric{display:grid;gap:5px;padding:var(--space-4)}.m2-metric span{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-strong)}.m2-metric strong{font-size:22px;line-height:1.05}.m2-power-mobile{display:none}.m2-power-mobile summary{min-height:44px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);cursor:pointer;font-weight:var(--font-weight-heavy);list-style:none}.m2-power-mobile summary::-webkit-details-marker{display:none}.m2-power-mobile summary:after{content:"▸";color:var(--color-accent);font-weight:var(--font-weight-heavy)}.m2-power-mobile[open] summary:after{content:"▾"}.m2-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;align-items:end;background:var(--color-backdrop)}.m2-bottom-sheet{width:min(100%,760px);max-height:min(78vh,680px);justify-self:center;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:var(--space-4);min-height:0;overflow:hidden;border:1px solid var(--color-frame-border);border-radius:var(--radius) var(--radius) 0 0;background:var(--color-surface-deep);padding:10px 14px max(14px,env(safe-area-inset-bottom));box-shadow:var(--shadow-sheet)}.m2-sheet-handle{width:46px;height:4px;justify-self:center;border-radius:var(--radius);background:var(--color-frame-border)}.m2-sheet-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.m2-sheet-header h2,.m2-sheet-header p{margin:0}.m2-sheet-clear{justify-self:start}.m2-sheet-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-2);min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;-webkit-overflow-scrolling:touch}.m2-candidate{min-height:62px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);padding:9px 10px;text-align:left}.m2-candidate>span:first-child{display:flex;align-items:center;gap:6px;min-width:0}.m2-candidate strong{overflow-wrap:anywhere}.m2-candidate em{color:var(--color-text-muted);font-style:normal;font-weight:var(--font-weight-bold)}.m2-candidate.is-active{border-color:var(--color-accent);background:var(--color-active-bg)}.m2-candidate.is-disabled{cursor:not-allowed;filter:grayscale(.4);opacity:.48}@keyframes m2-slot-flash{0%{transform:translateY(-1px);background:var(--rarity-ssr-bg-flash)}to{transform:translateY(0);background:var(--color-surface-raised)}}.m2-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:178px;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(135deg,var(--tone-accent-bg-highlight),transparent 46%),linear-gradient(315deg,var(--tone-bad-bg-hero),transparent 46%),var(--color-surface-deep)}.m2-score{display:grid;gap:var(--space-3)}.m2-score.right{text-align:right;justify-items:end}.m2-score-value{width:104px;height:104px;display:grid;place-items:center;border:1px solid var(--color-warn);border-radius:var(--radius);background:var(--tone-warn-bg-strong);color:var(--color-warn);font-size:32px;font-weight:var(--font-weight-heavy)}.m2-tactic-matchup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:var(--space-3)}.m2-tactic-side{display:grid;gap:var(--space-2);align-content:center;min-height:112px;padding:var(--space-4);border:1px solid var(--tone-accent-border);border-radius:var(--radius);background:var(--tone-accent-bg)}.m2-tactic-side.is-opponent{border-color:var(--tone-warn-border);background:var(--tone-warn-bg)}.m2-tactic-side strong{font-size:26px;line-height:1}.m2-tactic-side em{color:var(--color-text-muted);font-style:normal;font-weight:var(--font-weight-heavy);font-variant-numeric:tabular-nums}.m2-tactic-vs{min-width:44px;display:grid;place-items:center;color:var(--color-text-muted);font-weight:var(--font-weight-heavy)}.m2-section-note{margin:var(--space-3) 0 0}.m2-event-groups{display:grid;gap:var(--space-4)}.m2-event-group{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-inner-bg-soft)}.m2-event-group-header,.m2-event-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.m2-event-group-header h3,.m2-event-title h3{margin:0}.m2-event-group-header span{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-bold)}.m2-event{display:grid;grid-template-columns:minmax(64px,auto) minmax(0,1fr) minmax(76px,auto);gap:var(--space-3);align-items:start;padding:11px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--tone-cell-bg-strong)}.m2-event-value{justify-self:end;text-align:right}.m2-power-table{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.m2-power-table-head,.m2-power-table-row{display:grid;grid-template-columns:minmax(88px,1fr) repeat(3,minmax(64px,auto));gap:var(--space-3);align-items:center}.m2-power-table-head{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-bold);padding:0 var(--space-3)}.m2-power-table-head span:not(:first-child),.m2-power-table-row strong{text-align:right}.m2-power-table-row{padding:9px var(--space-3);border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-cell-bg)}.m2-power-table-row>span{color:var(--color-text-muted)}.m2-power-hint{margin:0;color:var(--color-text-muted);font-size:12px}.m2-power-hint.warn{color:var(--color-warn)}.m2-round-power{display:grid;gap:var(--space-2)}.m2-round-power span{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted)}@media(max-width:1180px){.m2-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.m2-card-grid,.m2-detail-grid,.m2-lineup-layout,.m2-lineup-board{grid-template-columns:1fr}.m2-lineup-board{grid-template-areas:"command" "center" "left" "right" "vehicle"}}@media(max-width:980px){.m2-root{padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) max(var(--space-4),env(safe-area-inset-bottom))}.m2-split,.m2-grid-2,.m2-grid-3,.m2-grid-4{grid-template-columns:1fr}}@media(max-width:760px){.m2-scoreboard{grid-template-columns:1fr}.m2-score.right{text-align:left;justify-items:start}.m2-score-value{width:100%;height:calc(var(--space-6) + var(--space-6) + var(--space-6) + var(--space-6))}.m2-event{grid-template-columns:auto 1fr}.m2-event>div{grid-column:1 / -1}.m2-event-value{grid-column:2;grid-row:1}}@media(max-width:640px){.m2-frame{border-radius:var(--radius)}.m2-content{gap:var(--space-4);padding:var(--space-4)}.m2-topbar{align-items:stretch;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.m2-actions,.m2-resource-strip{justify-content:stretch}.m2-actions>*,.m2-resource-strip>*{flex:1 1 44%}.m2-title h1{font-size:24px}.m2-nav{padding:var(--space-3);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.m2-nav button{min-height:44px;padding:0 var(--space-1);font-size:12px}.m2-result-grid,.m2-card-grid{grid-template-columns:1fr}.m2-reveal-stage{min-height:400px;padding:var(--space-3)}.m2-reveal-head{align-items:stretch;flex-direction:column}.m2-reveal-head .m2-button{width:100%}.m2-reveal-card{width:min(68vw,206px)}.m2-reveal-card-copy h3{font-size:20px}.m2-panel,.m2-card,.m2-owned-card,.m2-inline-detail,.m2-group{padding:var(--space-4)}.m2-owned-card{min-height:152px}.m2-tactic-matchup{grid-template-columns:1fr}.m2-tactic-vs{min-height:calc(var(--space-6) + var(--space-3))}.m2-power-table-head,.m2-power-table-row{grid-template-columns:minmax(60px,1fr) repeat(3,minmax(48px,auto));gap:var(--space-2);font-size:12px}.m2-power-desktop{display:none}.m2-power-mobile{display:block}.m2-breakdown-detail{margin-top:var(--space-4)}.m2-bottom-sheet{width:100%;max-height:calc(100dvh - var(--space-4));padding:var(--space-3) var(--space-3) max(var(--space-3),env(safe-area-inset-bottom))}.m2-sheet-candidates,.m2-candidate{grid-template-columns:1fr}.m2-candidate{min-height:68px}.m2-sheet-clear{width:100%}}@media(prefers-reduced-motion:reduce){.m2-reveal-stage:before,.m2-reveal-stage:after,.m2-reveal-particles i,.m2-reveal-card-inner,.m2-reveal-shine{animation-duration:1ms;animation-iteration-count:1}}.m3-brief-grid,.m3-scout-grid,.m3-cup-grid,.m3-tier-grid,.m3-status-grid,.m3-schedule-grid,.m3-award-grid,.m3-duel-board,.m3-round,.m3-stack,.m3-pvp-tabs,.m3-pvp-opponent-grid,.m3-pvp-compact-grid,.m3-pvp-report-grid,.m3-pvp-breakdown-table,.m3-pvp-leaderboard{display:grid;gap:var(--space-3)}.m3-brief-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.m3-scout-grid,.m3-award-grid,.m3-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.m3-cup-grid,.m3-tier-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.m3-schedule-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.m3-secondary-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.m3-pvp-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.m3-secondary-nav .m2-button,.m3-pvp-tabs .m2-button{width:100%}.m3-next-card,.m3-scout-card,.m3-tier-card,.m3-schedule-card,.m3-match-record,.m3-matchup,.m3-status-card,.m3-pvp-opponent-card,.m3-pvp-battle-card,.m3-pvp-report-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--tone-cell-bg)}.m3-next-card,.m3-scout-card{display:grid;gap:14px;padding:var(--space-5);border-color:var(--tone-accent-border);background:linear-gradient(135deg,var(--tone-accent-bg-strong),transparent 55%),var(--color-panel-bg)}.m3-tier-card,.m3-schedule-card,.m3-status-card,.m3-match-record,.m3-pvp-opponent-card,.m3-pvp-report-card{min-height:118px;display:grid;align-content:space-between;gap:var(--space-3);padding:var(--space-4);color:var(--color-text);text-align:left}.m3-match-record{width:100%;font:inherit}.m3-pvp-opponent-card.is-real,.m3-pvp-report-card.is-selected,.m3-pvp-report-card:hover,.m3-pvp-report-card:focus-visible{border-color:var(--color-accent);background:linear-gradient(135deg,var(--tone-accent-bg-selected),transparent 55%),var(--tone-cell-bg-strong)}.m3-pvp-opponent-card.is-ai{border-color:var(--tone-info-border-soft)}.m3-pvp-battle-card{display:grid;gap:14px;padding:var(--space-5);border-color:var(--tone-accent-border);background:linear-gradient(135deg,var(--tone-accent-bg-strong),transparent 55%),var(--color-panel-bg)}.m3-pvp-opponent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.m3-pvp-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m3-pvp-report-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:var(--space-5)}.m3-pvp-field{display:grid;gap:var(--space-1);min-height:62px;padding:9px 10px;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-inner-bg-soft)}.m3-pvp-field span,.m3-pvp-breakdown-row.is-header,.m3-pvp-leaderboard-row.is-header{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-bold)}.m3-pvp-field strong,.m3-pvp-leaderboard-row strong{overflow-wrap:anywhere}.m3-pvp-breakdown-row,.m3-pvp-leaderboard-row{min-height:44px;display:grid;gap:var(--space-2);align-items:center;padding:9px 10px;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-cell-bg)}.m3-pvp-breakdown-row{grid-template-columns:minmax(120px,1fr) repeat(2,minmax(90px,.55fr))}.m3-table-row span,.m3-pvp-breakdown-row strong,.m3-pvp-leaderboard-row span{font-variant-numeric:tabular-nums}.m3-pvp-breakdown-row.is-header,.m3-pvp-leaderboard-row.is-header{background:transparent}.m3-pvp-breakdown-row.is-total,.m3-pvp-leaderboard-row.is-me{border-color:var(--color-accent);background:var(--tone-accent-bg)}.m3-pvp-leaderboard-row{grid-template-columns:58px minmax(0,1fr) 90px 90px}.m3-pvp-me-card{margin-top:var(--space-4)}.m3-tier-card.is-active,.m3-schedule-card.is-next,.m3-match-record:hover,.m3-match-record:focus-visible{border-color:var(--color-accent);background:linear-gradient(135deg,var(--tone-accent-bg-strong),transparent 55%),var(--tone-cell-bg-strong)}.m3-tier-card.is-locked{filter:grayscale(.25);opacity:.7}.m3-meter{height:8px;overflow:hidden;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--color-meter-track)}.m3-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-info))}.m3-table{display:grid;gap:var(--space-2)}.m3-table-row{min-height:44px;display:grid;grid-template-columns:34px minmax(0,1fr) repeat(5,42px);gap:var(--space-2);align-items:center;padding:9px 10px;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-cell-bg)}.m3-table-row.is-header{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-bold);background:transparent}.m3-table-row.is-player{border-color:var(--color-accent);background:var(--tone-accent-bg)}.m3-duel-board{grid-template-columns:1.15fr .95fr .8fr;align-items:start;gap:var(--space-4)}.m3-round{gap:var(--space-3)}.m3-matchup{display:grid;gap:6px;padding:var(--space-3)}.m3-matchup.is-player{border-color:var(--color-accent);background:var(--tone-accent-bg)}.m3-team{min-height:32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding:6px 8px;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-inner-bg-soft)}.m3-team.is-player,.m3-team.is-winner{border-color:var(--tone-accent-border);color:var(--color-accent)}.m3-report-list{display:grid;gap:var(--space-2)}.m3-report-list .m3-match-record strong,.m3-team span:first-child,.m3-table-row strong{overflow-wrap:anywhere}.m3-manual-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:28px;background:var(--color-overlay);backdrop-filter:blur(8px)}.m3-manual-modal{width:min(1160px,calc(100vw - 56px));max-height:calc(100vh - 56px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--color-modal-border);border-radius:var(--radius);background:linear-gradient(180deg,var(--tone-accent-bg-elevated),transparent 320px),var(--color-modal-bg);box-shadow:var(--shadow-modal)}.m3-manual-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-5);padding:var(--space-5);border-bottom:1px solid var(--color-line-soft)}.m3-manual-title{display:grid;gap:var(--space-2)}.m3-manual-title h1{margin:0;color:var(--color-text);font-size:26px;line-height:1.1}.m3-manual-close{width:40px;min-height:40px;padding:0;font-size:20px;line-height:1}.m3-manual-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--space-5);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.m3-manual-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.82fr);gap:var(--space-5);align-items:start}.m3-manual-command,.m3-manual-report{display:grid;gap:14px}.m3-manual-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-3);align-items:center;padding:var(--space-4);border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-inner-bg)}.m3-manual-scoreboard b{color:var(--color-text-muted)}.m3-manual-team-score{display:grid;gap:var(--space-1)}.m3-manual-team-score:last-child{text-align:right}.m3-manual-team-score span{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-bold)}.m3-manual-team-score strong{color:var(--color-accent);font-size:30px;line-height:1}.m3-manual-round-track,.m3-manual-tactic-grid,.m3-manual-skill-grid,.m3-manual-reward-grid{display:grid;gap:var(--space-2)}.m3-manual-round-track{grid-template-columns:repeat(3,minmax(0,1fr))}.m3-manual-round-step{min-height:58px;display:grid;align-content:center;gap:3px;padding:var(--space-2);border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-cell-bg)}.m3-manual-round-step.is-active{border-color:var(--color-accent);background:var(--tone-accent-bg-medium)}.m3-manual-round-step.is-done{border-color:var(--tone-info-border);color:var(--color-info)}.m3-manual-round-step small{color:var(--color-text-muted);font-size:11px;font-weight:var(--font-weight-bold)}.m3-manual-tactic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.m3-manual-choice,.m3-manual-skill{min-height:44px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--tone-cell-bg);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.m3-manual-choice{display:grid;gap:var(--space-1);padding:10px 8px}.m3-manual-choice span,.m3-manual-skill small{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-strong);line-height:1.4}.m3-manual-choice.is-active,.m3-manual-skill.is-active{border-color:var(--color-accent);background:var(--tone-accent-bg-medium);color:var(--color-accent)}.m3-manual-choice:disabled,.m3-manual-skill:disabled{cursor:not-allowed;opacity:.48}.m3-manual-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m3-manual-skill{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding:var(--space-3)}.m3-manual-skill span:first-child{display:grid;gap:var(--space-1)}.m3-manual-empty{min-height:200px;display:grid;place-items:center;padding:var(--space-5);border:1px dashed var(--color-line-dashed);border-radius:var(--radius);text-align:center}.m3-manual-report-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.m3-manual-report-list li{display:grid;gap:var(--space-1);padding:9px 10px;border:1px solid var(--color-line-soft);border-radius:var(--radius);background:var(--tone-cell-bg)}.m3-manual-report-list strong{color:var(--color-text)}.m3-manual-report-list span{color:var(--color-text-muted);line-height:1.55}.m3-manual-final{display:grid;gap:var(--space-4)}.m3-manual-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1180px){.m3-brief-grid,.m3-scout-grid,.m3-cup-grid,.m3-tier-grid,.m3-status-grid,.m3-schedule-grid,.m3-award-grid,.m3-duel-board,.m3-pvp-opponent-grid,.m3-pvp-report-grid,.m3-manual-body,.m3-manual-skill-grid{grid-template-columns:1fr}}@media(max-width:700px){.m3-table-row{grid-template-columns:30px minmax(0,1fr) 38px 38px 38px}.m3-table-row span:nth-child(5),.m3-table-row span:nth-child(6),.m3-table-row span:nth-child(7){display:none}}@media(max-width:640px){.m3-secondary-nav,.m3-pvp-tabs,.m3-pvp-compact-grid,.m3-report-list,.m3-manual-round-track,.m3-manual-tactic-grid,.m3-manual-reward-grid{grid-template-columns:1fr}.m3-manual-overlay{padding:6px}.m3-manual-modal{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.m3-manual-header{grid-template-columns:minmax(0,1fr);gap:var(--space-3);padding:var(--space-4)}.m3-manual-close{justify-self:end}.m3-manual-title h1{font-size:22px}.m3-manual-scroll{padding:var(--space-3)}.m3-pvp-breakdown-row,.m3-pvp-leaderboard-row{grid-template-columns:minmax(0,1fr) minmax(70px,auto)}.m3-pvp-breakdown-row span:nth-child(3),.m3-pvp-breakdown-row strong:nth-child(3),.m3-pvp-leaderboard-row span:nth-child(4){display:none}}.sync-room-actions,.sync-player-grid,.sync-choice-grid,.sync-skill-grid{display:grid;gap:var(--space-3)}.sync-room-actions{grid-template-columns:minmax(132px,auto) minmax(180px,1fr) minmax(120px,auto);align-items:end;margin-bottom:var(--space-4)}.sync-room-code{display:grid;gap:var(--space-1)}.sync-room-code span{color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-bold)}.sync-room-code input{min-height:44px;width:100%;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-weight:var(--font-weight-bold);padding:0 var(--space-3);text-transform:uppercase}.sync-player-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-player-card,.sync-reveal-card,.sync-outcome-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--tone-cell-bg);padding:var(--space-4)}.sync-room-bottom{justify-content:flex-start;margin-top:var(--space-4)}.sync-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:var(--space-3)}.sync-score-value{min-width:84px;display:grid;place-items:center;border:1px solid var(--color-warn);border-radius:var(--radius);background:var(--tone-warn-bg-strong);color:var(--color-warn);font-size:24px;font-weight:var(--font-weight-heavy);font-variant-numeric:tabular-nums}.sync-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sync-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sync-reveal-card,.sync-outcome-card{display:grid;gap:var(--space-3);margin-bottom:var(--space-3)}.sync-outcome-card{border-color:var(--tone-accent-border);background:linear-gradient(135deg,var(--tone-accent-bg-strong),transparent 58%),var(--tone-cell-bg)}.sync-outcome-card h3{margin:0;font-size:20px;line-height:1.2}.sync-outcome-card p{margin:0}@media(max-width:900px){.sync-room-actions,.sync-player-grid,.sync-scoreboard,.sync-choice-grid,.sync-skill-grid{grid-template-columns:1fr}.sync-score-value{min-height:58px}}.walkthrough-root{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background:linear-gradient(90deg,var(--color-grid-line-strong) 1px,transparent 1px),linear-gradient(0deg,var(--color-grid-line-y) 1px,transparent 1px),var(--color-bg);background-size:28px 28px;color:var(--color-text);font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif}.walkthrough-phone{width:min(100%,430px);min-height:min(860px,calc(100vh - 28px));display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius);background:linear-gradient(180deg,var(--tone-accent-bg-soft),transparent 32%),var(--color-phone-bg);box-shadow:var(--shadow-phone);padding:var(--space-6)}.walkthrough-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.walkthrough-eyebrow{margin:0 0 5px;color:var(--color-accent);font-size:12px;font-weight:var(--font-weight-bold);text-transform:uppercase}.walkthrough-topbar h1,.walkthrough-panel h2,.walkthrough-hero h2,.walkthrough-club-card h2{margin:0;letter-spacing:0}.walkthrough-topbar h1{font-size:27px;line-height:1.16}.walkthrough-signal{flex:0 0 auto;min-height:32px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:12px;font-weight:var(--font-weight-bold);padding:0 10px}.walkthrough-signal.is-error{border-color:var(--color-bad);color:var(--color-bad-soft)}.walkthrough-content{display:grid;align-content:center;gap:14px}.walkthrough-panel,.walkthrough-hero,.walkthrough-alert,.walkthrough-club-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:14px}.walkthrough-panel.is-accent{border-color:var(--tone-accent-border-emphasis)}.walkthrough-panel p,.walkthrough-hero p,.walkthrough-club-card p{margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:1.55}.walkthrough-alert{display:grid;gap:var(--space-1);border-color:var(--tone-bad-border-emphasis);background:var(--color-bad-surface)}.walkthrough-alert strong{color:var(--color-bad-soft)}.walkthrough-alert span{color:var(--color-text)}.walkthrough-alert.is-success{border-color:var(--tone-accent-border-emphasis);background:var(--tone-accent-bg)}.walkthrough-alert.is-success strong{color:var(--color-accent)}.walkthrough-grid,.walkthrough-resource-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.walkthrough-resource-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.walkthrough-info{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-info-card-bg);padding:var(--space-4)}.walkthrough-info span{display:block;color:var(--color-text-muted);font-size:12px;font-weight:var(--font-weight-strong)}.walkthrough-info strong{display:block;margin-top:var(--space-1);color:var(--color-text);font-size:18px;overflow-wrap:anywhere}.walkthrough-footer{display:grid;gap:var(--space-3)}.walkthrough-primary,.walkthrough-secondary{width:100%;min-height:50px;border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-weight:var(--font-weight-heavy)}.walkthrough-primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.walkthrough-secondary{background:var(--color-surface-raised);color:var(--color-text)}.walkthrough-primary:disabled,.walkthrough-secondary:disabled{cursor:not-allowed;opacity:.55}.walkthrough-qq{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);cursor:pointer}.walkthrough-qq:disabled{cursor:not-allowed;opacity:.55}.walkthrough-qq img{display:block;max-height:36px}.walkthrough-hero{min-height:210px;display:grid;align-content:end;gap:14px;background:linear-gradient(135deg,var(--tone-info-bg-hero),transparent 50%),linear-gradient(0deg,var(--tone-warn-bg),transparent 68%),var(--color-surface)}.walkthrough-hero>span,.walkthrough-crest{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--color-warn);border-radius:var(--radius);background:var(--color-crest-bg);color:var(--color-warn);font-size:22px;font-weight:var(--font-weight-heavy)}.walkthrough-list{margin:var(--space-3) 0 0;padding-left:20px;color:var(--color-text-muted);line-height:1.7}.walkthrough-label{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);font-size:13px;font-weight:var(--font-weight-bold)}.walkthrough-input{width:100%;min-height:50px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-input-bg);color:var(--color-text);font:inherit;font-weight:var(--font-weight-bold);padding:0 var(--space-4)}.walkthrough-club-card{min-height:150px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:var(--space-4);background:linear-gradient(135deg,var(--tone-accent-bg-strong),transparent 50%),var(--color-surface)}.walkthrough-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.walkthrough-nav span,.walkthrough-nav button{min-height:42px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-deep);color:var(--color-text-muted);font:inherit;font-size:12px;font-weight:var(--font-weight-bold)}.walkthrough-nav .is-active,.walkthrough-nav button:hover{border-color:var(--tone-accent-border-emphasis);color:var(--color-accent)}.qq-bind-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:var(--color-overlay)}.qq-bind-dialog{width:min(100%,520px);max-height:min(760px,calc(100vh - 32px));overflow:auto;display:grid;gap:var(--space-4);border:1px solid var(--color-modal-border);border-radius:var(--radius);background:var(--color-modal-bg);box-shadow:var(--shadow-modal);color:var(--color-text);padding:var(--space-6)}.qq-bind-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.qq-bind-header h2,.qq-bind-confirm p,.qq-bind-copy{margin:0}.qq-bind-header h2{font-size:22px;line-height:1.25;letter-spacing:0}.qq-bind-icon-button{width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text);font-size:22px;font-weight:var(--font-weight-heavy);line-height:1}.qq-bind-copy,.qq-bind-confirm p{color:var(--color-text-muted);line-height:1.6}.qq-bind-error,.qq-bind-confirm{display:grid;gap:var(--space-2);border:1px solid var(--tone-bad-border-emphasis);border-radius:var(--radius);background:var(--color-bad-surface-muted);padding:var(--space-4)}.qq-bind-error strong{color:var(--color-bad-soft)}.qq-bind-error span{color:var(--color-text)}.qq-bind-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.qq-bind-option{min-height:128px;display:grid;align-content:start;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;padding:var(--space-4);text-align:left}.qq-bind-option strong{font-size:16px}.qq-bind-option span{color:var(--color-text-muted);line-height:1.5}.qq-bind-option.is-selected{border-color:var(--tone-accent-border-emphasis);background:var(--tone-accent-bg-selected)}.qq-bind-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(max-width:390px){.walkthrough-phone{padding:14px}.walkthrough-topbar h1{font-size:23px}.walkthrough-resource-strip{grid-template-columns:1fr}.qq-bind-dialog{padding:14px}.qq-bind-options,.qq-bind-actions{grid-template-columns:1fr}}:root{color-scheme:dark;--color-bg: #111317;--color-surface: #1b2025;--color-surface-raised: #20262c;--color-border: #3c454b;--color-text: #f2efe7;--color-text-muted: #aeb7b2;--color-accent: #68d391;--color-accent-ink: #0b0d10;--color-warn: #f1b44c;--color-info: #72c7db;--color-bad: #f06a5f;--rarity-ssr-text: #ffe08c;--rarity-ssr-border: rgba(255, 224, 140, .7);--rarity-ssr-bg: rgba(255, 224, 140, .12);--rarity-sr-text: #b7a3ff;--rarity-sr-border: rgba(183, 163, 255, .7);--rarity-sr-bg: rgba(183, 163, 255, .12);--rarity-a-text: #72c7db;--rarity-a-border: rgba(114, 199, 219, .7);--rarity-a-bg: rgba(114, 199, 219, .12);--rarity-b-text: #aeb7b2;--rarity-b-border: rgba(174, 183, 178, .7);--rarity-b-bg: rgba(174, 183, 178, .12);--rarity-c-text: #8b9692;--rarity-c-border: rgba(139, 150, 146, .64);--rarity-c-bg: rgba(139, 150, 146, .1);--radius: 8px;--space-1: 4px;--space-2: 8px;--space-3: 10px;--space-4: 12px;--space-5: 16px;--space-6: 18px;--font-weight-strong: 700;--font-weight-bold: 800;--font-weight-heavy: 900;--shadow-card: 0 22px 70px rgba(0, 0, 0, .36);--shadow-modal: 0 28px 96px rgba(0, 0, 0, .58);--color-grid-line-x: rgba(255, 255, 255, .04);--color-grid-line-y: rgba(255, 255, 255, .035);--color-line-soft: rgba(255, 255, 255, .08);--color-frame-border: #46525b;--color-frame-bg: rgba(15, 18, 22, .94);--color-nav-bg: rgba(16, 19, 23, .94);--color-topbar-bg: rgba(16, 19, 23, .74);--color-meter-track: #0d1115;--color-active-bg: #223228;--color-overlay: rgba(3, 6, 8, .72);--color-modal-bg: rgba(18, 22, 26, .98);--color-muted-dim: #79858b;--tone-accent-bg: rgba(104, 211, 145, .1);--tone-accent-bg-strong: rgba(104, 211, 145, .16);--tone-accent-border: rgba(104, 211, 145, .58);--tone-warn-bg: rgba(241, 180, 76, .1);--tone-warn-border: rgba(241, 180, 76, .62);--tone-bad-bg: rgba(240, 106, 95, .1);--tone-bad-border: rgba(240, 106, 95, .62);--tone-info-bg: rgba(114, 199, 219, .12);--tone-info-border: rgba(114, 199, 219, .5);--tone-cell-bg: rgba(32, 38, 44, .72);--tone-cell-bg-strong: rgba(32, 38, 44, .82);--tone-inner-bg: rgba(13, 17, 21, .54);--color-phone-bg: #12161a;--color-input-bg: #101418;--color-crest-bg: #17191d;--color-surface-deep: #171c20;--color-info-card-bg: #242a2f;--color-hero-bg: #151a1f;--color-bad-soft: #f6b1ac;--color-modal-border: #52606a;--color-grid-line-strong: rgba(255, 255, 255, .045);--color-grid-line-subtle: rgba(255, 255, 255, .028);--color-line-dashed: rgba(255, 255, 255, .15);--color-backdrop: rgba(0, 0, 0, .48);--color-panel-bg: rgba(23, 28, 33, .94);--color-panel-bg-strong: rgba(23, 28, 33, .98);--color-accent-surface: rgba(34, 50, 40, .94);--color-warn-surface: rgba(61, 48, 27, .72);--color-bad-surface: rgba(58, 37, 36, .94);--color-bad-surface-muted: rgba(58, 37, 36, .78);--tone-accent-bg-soft: rgba(104, 211, 145, .08);--tone-accent-bg-medium: rgba(104, 211, 145, .12);--tone-accent-bg-selected: rgba(104, 211, 145, .13);--tone-accent-bg-elevated: rgba(104, 211, 145, .14);--tone-accent-bg-highlight: rgba(104, 211, 145, .18);--tone-accent-border-emphasis: rgba(104, 211, 145, .62);--tone-accent-border-strong: rgba(104, 211, 145, .68);--tone-warn-bg-strong: rgba(241, 180, 76, .12);--tone-warn-bg-hero: rgba(241, 180, 76, .24);--tone-bad-bg-soft: rgba(240, 106, 95, .12);--tone-bad-bg-hero: rgba(240, 106, 95, .16);--tone-bad-border-muted: rgba(240, 106, 95, .66);--tone-bad-border-strong: rgba(240, 106, 95, .68);--tone-bad-border-emphasis: rgba(240, 106, 95, .72);--tone-info-bg-medium: rgba(114, 199, 219, .15);--tone-info-bg-hero: rgba(114, 199, 219, .22);--tone-info-border-soft: rgba(114, 199, 219, .46);--tone-inner-bg-soft: rgba(13, 17, 21, .46);--tone-inner-bg-strong: rgba(13, 17, 21, .56);--rarity-ssr-bg-strong: rgba(255, 224, 140, .18);--rarity-ssr-bg-flash: rgba(255, 224, 140, .22);--rarity-ssr-border-strong: rgba(255, 224, 140, .75);--shadow-phone: 0 20px 60px rgba(0, 0, 0, .38);--shadow-toast: 0 14px 36px rgba(0, 0, 0, .24);--shadow-sheet: 0 -20px 60px rgba(0, 0, 0, .46);--shadow-rarity-ssr-ring: 0 0 0 3px rgba(255, 224, 140, .18);font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);text-size-adjust:100%;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html{min-height:100%;font-size:16px}body{min-width:320px;min-height:100vh;min-height:100dvh;margin:0;background:linear-gradient(90deg,var(--color-grid-line-x) 1px,transparent 1px),linear-gradient(0deg,var(--color-grid-line-y) 1px,transparent 1px),var(--color-bg);background-size:2rem 2rem}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh;min-height:100dvh}.app-placeholder{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.app-placeholder section{width:min(100%,24rem);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:1rem}.app-placeholder h1,.app-placeholder p{margin:0}.app-placeholder h1{margin-top:.25rem;font-size:1.7rem;letter-spacing:0}.app-placeholder p{color:var(--color-text-muted);line-height:1.6}.app-placeholder code{color:var(--color-accent)}.app-placeholder__eyebrow{color:var(--color-accent);font-size:.75rem;font-weight:var(--font-weight-bold);text-transform:uppercase}