:root{color-scheme:dark;--ink:#071014;--panel:#0c171c;--panel2:#101e24;--line:rgba(190,229,235,.14);--strong:rgba(190,229,235,.28);--text:#edf6f5;--muted:#8ba2a6;--cyan:#41e3d3;--amber:#f2b758;--red:#ff8178}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;min-width:320px;padding:0 12px calc(82px + env(safe-area-inset-bottom));color:var(--text);background:radial-gradient(circle at 80% 0,rgba(65,227,211,.12),transparent 22rem),var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,select{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar>div{display:flex;align-items:center;gap:9px}.topbar strong,.topbar small{display:block}.topbar strong{font-size:14px}.topbar small{margin-top:2px;color:var(--muted);font-size:10px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--cyan);color:var(--cyan);font-size:20px}.freshness{color:var(--muted);font-size:9px}.freshness i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.time-switch{position:sticky;z-index:20;top:0;margin:10px 0 14px;padding:3px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:rgba(7,16,20,.95);backdrop-filter:blur(12px)}.time-switch button{min-height:40px;border:0;background:transparent;color:var(--muted)}.time-switch button.active{color:#061211;background:var(--cyan);font-weight:800}.bottom-nav{position:fixed;z-index:80;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 7px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--strong);background:rgba(7,16,20,.98);box-shadow:0 -12px 30px rgba(0,0,0,.34)}.bottom-nav button{min-height:50px;border:0;border-radius:4px;background:transparent;color:var(--muted)}.bottom-nav b,.bottom-nav span{display:block}.bottom-nav b{font-size:13px}.bottom-nav span{margin-top:2px;font-size:8px}.bottom-nav button.active{color:#061211;background:var(--cyan)}.loading,.empty{min-height:54vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);text-align:center}.loading b,.empty b{color:var(--text);font-size:18px}.eyebrow{color:var(--cyan);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em}.section-head{margin-bottom:14px}.section-head h1{margin:5px 0 6px;font-size:27px;line-height:1.08;letter-spacing:-.04em}.section-head p{margin:0;color:var(--muted);font-size:11px}.steps{margin-bottom:10px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel)}.steps span{min-height:50px;padding:8px;display:flex;align-items:center;gap:7px;color:#5d7377;font-size:10px}.steps i{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--strong);border-radius:50%;font-style:normal}.steps span.on{color:var(--text)}.steps span.on i{color:#061211;border-color:var(--cyan);background:var(--cyan)}.panel{margin-bottom:10px;border:1px solid var(--line);background:rgba(12,23,28,.86)}.panel-title{padding:13px 14px;border-bottom:1px solid var(--line)}.panel-title span,.panel-title strong,.panel-title small{display:block}.panel-title span{color:var(--cyan);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}.panel-title strong{margin-top:4px;font-size:15px}.panel-title small{margin-top:4px;color:var(--muted);font-size:9px}.ban-grid{padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.ban-grid button{min-height:45px;border:1px solid var(--strong);border-radius:4px;background:transparent;color:var(--muted)}.ban-grid button.active{color:#0b1113;border-color:var(--amber);background:var(--amber);font-weight:800}.system-choice{display:grid;grid-template-columns:1fr;gap:7px;margin:10px 0}.system-choice article{padding:12px 13px;border:1px solid var(--line);border-top:2px solid var(--cyan);background:rgba(65,227,211,.05)}.system-choice article:nth-child(2){border-top-color:var(--amber);background:rgba(242,183,88,.05)}.system-choice span,.system-choice strong,.system-choice small{display:block}.system-choice span{color:var(--cyan);font-size:8px}.system-choice article:nth-child(2) span{color:var(--amber)}.system-choice strong{margin:5px 0;font-size:14px}.system-choice small{color:var(--muted);font-size:9px}.commander-strip{padding:9px;display:grid;gap:6px}.commander-button{min-height:58px;padding:8px 10px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;border:1px solid transparent;background:transparent;text-align:left}.commander-button>i{color:var(--muted);font:9px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal}.commander-button strong,.commander-button small{display:block}.commander-button small{margin-top:3px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commander-button>b{color:var(--amber);font-size:12px}.commander-button.active{border-color:rgba(65,227,211,.35);background:rgba(65,227,211,.09);box-shadow:inset 3px 0 var(--cyan)}.lineup-list{padding:9px;display:grid;gap:9px}.lineup-card{padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.012)}.lineup-card.locked{border-color:rgba(65,227,211,.5);background:rgba(65,227,211,.06)}.lineup-title{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.lineup-title strong,.lineup-title small{display:block}.lineup-title strong{font-size:15px}.lineup-title small{margin-top:3px;color:var(--cyan);font-size:8px}.lineup-title>b{color:var(--amber);font-size:11px;white-space:nowrap}.faction{display:inline-flex;margin-top:9px;padding:4px 7px;border:1px solid rgba(65,227,211,.35);color:var(--cyan);font-size:9px}.portraits{margin:10px 0;display:flex;gap:4px;overflow:hidden}.portrait{position:relative;min-width:0;flex:1;aspect-ratio:.82;border:1px solid var(--strong);background:#13232a;overflow:hidden}.portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.portrait b,.portrait small{position:absolute;z-index:2;padding:2px 3px;background:rgba(3,10,13,.82);font-size:6px}.portrait b{left:2px;top:2px;color:var(--amber)}.portrait small{left:0;right:0;bottom:0;color:var(--text);text-align:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metrics span{padding:8px 3px;color:var(--muted);font-size:8px}.metrics b{display:block;margin-top:3px;color:var(--text);font-size:11px}.confirm{width:100%;min-height:46px;margin-top:7px;border:1px solid var(--strong);border-radius:4px;background:transparent}.locked .confirm{color:#061211;border-color:var(--cyan);background:var(--cyan);font-weight:800}.operation{margin-top:12px;padding:14px;border:1px solid var(--strong);background:linear-gradient(145deg,rgba(65,227,211,.05),rgba(4,13,17,.96))}.operation h2{margin:5px 0 3px;font-size:20px}.operation>p{margin:0 0 12px;color:var(--muted);font-size:10px}.hero-order{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.hero-card{min-width:0;padding:6px;border:1px solid var(--line);background:rgba(255,255,255,.02)}.hero-card.key{border-color:rgba(242,183,88,.55)}.hero-card img{width:100%;aspect-ratio:1;display:block;object-fit:cover;object-position:top}.hero-card strong,.hero-card small,.hero-card em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card strong{margin-top:6px;font-size:10px}.hero-card small{color:var(--muted);font-size:7px}.hero-card em{margin-top:4px;color:var(--cyan);font-size:7px;font-style:normal}.role{display:inline-block;margin-top:4px;padding:2px 4px;color:var(--amber);background:rgba(242,183,88,.1);font-size:7px}.level-switch{margin:12px 0 8px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line)}.level-switch button{min-height:38px;border:0;border-right:1px solid var(--line);background:transparent;color:var(--muted);font-size:9px}.level-switch button:last-child{border:0}.level-switch button.active{color:#061211;background:var(--cyan);font-weight:800}.decision-copy{padding:10px;border-left:2px solid var(--amber);background:rgba(242,183,88,.05);color:var(--muted);font-size:9px}.decision-copy b{color:var(--amber)}.odds-table{margin-top:8px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.odds-table span{min-height:42px;padding:6px 2px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:7px}.odds-table b{color:var(--text);font-size:10px}.rank-list{display:grid;gap:8px}.rank-card{padding:12px;border:1px solid var(--line);background:var(--panel)}.rank-main{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px}.rank-number{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--strong);color:var(--cyan);font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.rank-main strong,.rank-main small{display:block}.rank-main small{margin-top:4px;color:var(--muted);font-size:8px}.rank-score{text-align:right}.rank-score b{display:block;color:var(--amber);font-size:14px}.rank-score small{color:var(--muted);font-size:7px}.rank-extra{margin-top:10px;padding-top:9px;display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.rank-extra b{color:var(--text)}.commander-row{grid-template-columns:38px 1fr auto}.commander-avatar{width:38px;height:38px;border:1px solid var(--strong);object-fit:cover}.rating{display:inline-grid;place-items:center;width:26px;height:22px;margin-left:6px;border:1px solid currentColor;color:var(--cyan);font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace}.hero-filter{width:100%;min-height:44px;margin-bottom:10px;padding:0 10px;border:1px solid var(--strong);border-radius:4px;background:var(--panel)}.hero-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hero-rank-card{padding:9px;border:1px solid var(--line);background:var(--panel)}.hero-rank-head{display:flex;align-items:center;gap:8px}.hero-rank-head img{width:42px;height:42px;border:1px solid var(--strong);object-fit:cover}.hero-rank-head strong,.hero-rank-head small{display:block}.hero-rank-head strong{font-size:12px}.hero-rank-head small{margin-top:3px;color:var(--muted);font-size:8px}.hero-rank-metrics{margin-top:8px;padding-top:7px;display:grid;grid-template-columns:1fr 1fr;gap:5px;border-top:1px solid var(--line);font-size:8px;color:var(--muted)}.hero-rank-metrics b{display:block;color:var(--text);font-size:10px}@media(min-width:700px){body{max-width:520px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}.bottom-nav{left:50%;width:520px;transform:translateX(-50%)}}