:root{color-scheme:dark;--bg: #080b16;--bg2: #10152a;--panel: #131a30;--panel-2: #1b2440;--line: rgba(137, 157, 204, .18);--line-2: rgba(158, 177, 224, .34);--text: #f2f5ff;--muted: #8995b8;--accent: #7c83ff;--accent-2: #a3a8ff;--primary: #7567f8;--danger: #ff718e;--success: #4de0b2;--warn: #ffc76a;--gold: #ffd36a;--c-charge: #34d399;--c-defense: #60a5fa;--c-single: #ff7b72;--c-group: #fb923c;--c-instruction: #b18cff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:radial-gradient(900px 600px at 8% -10%,rgba(111,103,248,.25),transparent 62%),radial-gradient(720px 520px at 100% 12%,rgba(42,213,191,.1),transparent 62%),linear-gradient(180deg,#0a0e1c 0%,var(--bg) 55%,#090c16 100%),var(--bg);background-attachment:fixed;background-repeat:no-repeat;color:var(--text);-webkit-font-smoothing:antialiased;letter-spacing:.01em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(150,160,220,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(150,160,220,.08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}button,input{font-family:inherit}.app{max-width:1180px;margin:0 auto;padding:18px 20px 112px;position:relative}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;margin:-18px -20px 24px;background:#080b16b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(158,177,224,.16)}.brand{display:flex;align-items:baseline;gap:10px}.brand h1{font-size:19px;margin:0;letter-spacing:.22em;font-weight:900;text-shadow:0 0 24px rgba(124,131,255,.55)}.brand h1.brand-name{letter-spacing:.08em;font-size:18px;white-space:nowrap}.roomtag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;background:#7c83ff1a;border:1px solid rgba(163,168,255,.32);border-radius:999px;padding:3px 9px;font-size:11px}.topmeta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.turnpill{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#7c83ff40,#7c83ff14);border:1px solid rgba(163,168,255,.45);color:#e0e2ff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.btn{border:1px solid var(--line-2);background:#1b2440c7;color:var(--text);border-radius:10px;padding:9px 15px;font-size:14px;cursor:pointer;transition:.18s ease;box-shadow:0 4px 14px #0000001f}.btn:hover{border-color:var(--accent);background:#7567f830;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible,.mode:focus-visible,.chip:focus-visible,.gtitle:focus-visible,.step:focus-visible,.textin:focus-visible,.switch input:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.btn.primary{background:linear-gradient(135deg,#8b82ff,#5d52e8);border-color:#9b94ff;font-weight:800;box-shadow:0 8px 24px #5d52e847,inset 0 1px #ffffff40}.btn.primary:hover{filter:brightness(1.1)}.btn.ghost{background:transparent}.btn.danger{border-color:#7f3b3b;color:#ffb4b4}.btn.sm{padding:5px 10px;font-size:13px;border-radius:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 382px;gap:18px;align-items:start}@media (max-width: 900px){.layout{grid-template-columns:1fr}.sidebar{position:static!important}}.panel{background:linear-gradient(145deg,#182039ed,#0d1223f5);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 18px 48px #0000003d,inset 0 1px #ffffff09}.panel h2,.panel h3,.panel h4{margin:0 0 10px}.panel h3{font-size:15px;letter-spacing:.02em}.muted{color:var(--muted);font-size:13px}.bad{color:var(--danger);font-size:13px}.sidebar{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}.turnhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.turnhead h3{margin:2px 0 0;font-size:18px}.eyebrow{color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;margin:0 -2px 13px;background:#0c1526;border:1px solid var(--line);border-radius:11px}.step-item{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;padding:7px 4px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11.5px;cursor:pointer}.step-item span{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--line-2);border-radius:50%;font-size:10px}.step-item.current{background:#4f8cff29;color:var(--text);font-weight:800}.step-item.current span{border-color:var(--accent);background:var(--accent);color:#fff}.step-item.done{color:var(--success)}.step-item.done span{border-color:var(--success)}.step-item:disabled{opacity:.42;cursor:not-allowed}.step-guide{padding:13px;border:1px solid var(--line-2);border-radius:12px;background:linear-gradient(135deg,#4f8cff17,#0f172a99)}.step-guide-title{margin-bottom:5px;font-weight:800}.selection-mini{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:13px}.selection-mini span{color:var(--accent-2);text-align:right}.confirm-guide{display:flex;flex-direction:column;gap:8px}.confirm-line{display:flex;justify-content:space-between;gap:12px;font-size:13px}.confirm-line span{color:var(--muted)}.confirm-line b{text-align:right}.preview-box{margin-top:3px;padding:8px 10px;border-radius:8px;color:#cfe0ff;background:#4f8cff1a;border:1px solid rgba(79,140,255,.25);font-size:12px;line-height:1.45}.panel-tip{display:flex;gap:8px;color:var(--muted);font-size:12px;line-height:1.45}.tip-icon{flex:none;display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--line-2);border-radius:50%;color:var(--accent-2);font-weight:800;font-size:11px}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px}.pcard{position:relative;background:linear-gradient(145deg,#1d2847eb,#10172cfa);border:1px solid var(--line);border-radius:16px;padding:15px;transition:.2s ease;overflow:hidden}.pcard:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent),#56d7c0);opacity:0;transition:.18s}.pcard.acting{border-color:#a3a8ffd9;box-shadow:0 0 0 3px #7c83ff21,0 12px 34px #0003}.pcard.dead{opacity:.45;filter:grayscale(.6)}.pcard.selectable{cursor:pointer}.pcard.selectable:hover{border-color:var(--accent-2);transform:translateY(-1px)}.pcard.picked{border-color:var(--success);box-shadow:0 0 0 3px #4de0b221,0 12px 30px #1ebe961f}.pcard.dying{border-color:#ff9f438c}.pcard.disabled-target{opacity:.55;cursor:not-allowed}.pcard.disabled-target:after{content:"不可选";position:absolute;top:10px;right:10px;font-size:10px;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:2px 6px;background:#0b12208c}.pcard.acting{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #4f8cff29}50%{box-shadow:0 0 0 7px #4f8cff4d}}.phead{display:flex;align-items:center;gap:8px;margin-bottom:8px}.avatar{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#0b1220;flex:none}.pname{font-weight:800;font-size:14px;display:flex;align-items:center;gap:6px}.pname .me{font-size:11px;color:var(--accent-2);border:1px solid var(--line-2);border-radius:6px;padding:0 5px}.pbody{display:flex;flex-direction:column;gap:7px}.rowline{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}.hpwrap{display:flex;align-items:center;gap:8px}.hptrack{flex:1;height:10px;background:#0a1021;border:1px solid var(--line);border-radius:99px;overflow:hidden}.hpfill{display:block;height:100%;border-radius:99px;transition:width .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 10px #34d39959}.hpnum{font-variant-numeric:tabular-nums;font-weight:800;font-size:14px;min-width:30px;text-align:right}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;border-radius:999px;padding:2px 9px;border:1px solid var(--line-2);background:#101a2c}.pill.points{color:var(--gold);border-color:#ffd36a61;background:#ffd36a14}.badges-wrap{display:flex;flex-direction:column;gap:4px}.badges{display:flex;flex-wrap:wrap;gap:5px}.badge{font-size:11px;font-weight:700;border-radius:999px;padding:1px 8px;background:#6ea8ff1f;color:#bcd3ff;border:1px solid rgba(110,168,255,.28)}.badge.next{background:#f5c4511a;color:#ffe6a8;border-color:#f5c45152;border-style:dashed}.badge.frozen{background:#60a5fa29;color:#bfdbfe;border-color:#60a5fa66}.badge.shield{background:#34d39924;color:#aff5d8;border-color:#34d39957}.badge.corruption{background:#b18cff29;color:#d9c9ff;border-color:#b18cff66}.badge.dead{background:#ff6b6b24;color:#ffb4b4;border-color:#ff6b6b57}.tag{font-size:12px;color:var(--muted)}.tag.warn{color:#ffb27a;font-weight:700}.tag.ok{color:var(--success);font-weight:700}.tctl{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.tctl .step{width:30px;height:30px;border-radius:9px;border:1px solid var(--line-2);background:#182640;color:var(--text);font-size:17px;line-height:1;cursor:pointer;transition:.12s}.tctl .step:hover:not(:disabled){border-color:var(--accent);background:#223350}.tctl .step:disabled{opacity:.35;cursor:not-allowed}.tctl .mult{font-weight:800;font-variant-numeric:tabular-nums;min-width:26px;text-align:center}.tctl .mult.on{color:var(--success)}.picker{display:flex;flex-direction:column}.picker-tools{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.switch{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{accent-color:var(--accent)}.group{margin-bottom:10px}.gtitle{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.4px;margin:0 0 6px;color:var(--muted);background:transparent;border:none;width:100%;cursor:pointer;padding:2px 0;text-align:left}.gtitle:hover{color:var(--text)}.gtitle .dot{width:8px;height:8px;border-radius:50%;flex:none}.gtitle .ghint{font-weight:500;font-size:11px;color:var(--muted);opacity:.85;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gtitle .chev{color:var(--muted);font-size:11px}.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px}.chip{display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:10px;cursor:pointer;text-align:left;background:#0a102185;border:1px solid var(--line);color:var(--text);transition:.13s;border-left:3px solid var(--kc, var(--line-2))}.chip .ctop{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.chip .cn{font-weight:800;font-size:13.5px}.chip .ccost{font-size:11px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.chip .cc{font-size:11px;color:var(--muted);line-height:1.3}.chip:hover:not(:disabled){background:#16233b;transform:translateY(-1px)}.chip.off{opacity:.5}.chip.off .cc{color:#ffb4b4}.chip:disabled{cursor:not-allowed}.chip.sel{background:linear-gradient(135deg,#7c83ff3d,#7c83ff14);border-color:var(--accent);box-shadow:0 0 0 2px #4f8cff38}.summary{background:#0e1728;border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.summary .big{font-size:15px;font-weight:800}.summary .sub{font-size:12px;color:var(--muted)}.costbar{height:6px;border-radius:99px;background:#0a1220;overflow:hidden;border:1px solid var(--line)}.costbar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--primary));transition:width .25s}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:18px;background:#060a14b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.reveal{width:min(620px,100%);max-height:88vh;overflow:auto;background:linear-gradient(145deg,#1d2747,#0f152a);border:1px solid var(--line-2);border-radius:18px;padding:18px;box-shadow:0 30px 80px #00000080;animation:pop .24s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{0%{transform:scale(.94) translateY(8px);opacity:0}to{transform:none;opacity:1}}.reveal h2{margin:0 0 4px;font-size:18px}.playrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;background:#0f1a2c;border:1px solid var(--line);margin-bottom:6px}.playrow.violated{border-color:#ff6b6b80;background:#ff6b6b12}.playrow .who{font-weight:700}.playrow .what{font-weight:700;color:#cfe0ff}.playrow .tag{font-size:12px;color:var(--muted)}.dmg{color:var(--danger);font-weight:800}.heal{color:var(--success);font-weight:800}.evlist{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:13px}.evlist li{padding-left:14px;position:relative;color:#c6d4ea}.evlist li:before{content:"·";position:absolute;left:4px;color:var(--muted)}.evlist li.violation{color:#ffb4b4}.evlist li.damage{color:#ffd0a6}.evlist li.block{color:#bfdbfe}.evlist li.special{color:#d9c9ff}.evlist li.win{color:var(--success);font-weight:800}.evlist li.mark{color:#d9c9ff}.evlist li.cycle{color:var(--muted)}.evlist.full{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px}.rsec{margin:12px 0}.rsec-t{font-size:11.5px;font-weight:800;letter-spacing:.5px;color:var(--muted);text-transform:uppercase;margin-bottom:7px}.summary-chips{display:flex;flex-wrap:wrap;gap:6px}.sumchip{font-size:12.5px;font-weight:700;border-radius:999px;padding:3px 11px;background:#0f1a2c;border:1px solid var(--line-2);color:var(--text)}.sumchip.dmg{background:#ff6b6b1f;border-color:#ff6b6b66;color:#ffc0c0}.sumchip.heal{background:#34d3991f;border-color:#34d39966;color:#b6f2d8}.sumchip.cycle{background:#f5c4511a;border-color:#f5c45166;color:#ffe6a8}.sumchip.win{background:#34d39933;border-color:var(--success);color:#d6ffe9}.pass{text-align:center;max-width:420px}.pass .who{font-size:26px;font-weight:900;margin:8px 0 4px}.pass .avatar{width:64px;height:64px;font-size:26px;margin:0 auto}.hist{border-top:1px dashed var(--line);padding:8px 0;font-size:12.5px;color:#c6d4ea}.hist b{color:var(--accent-2)}.setup{max-width:590px;margin:10vh auto 0;padding:28px}.setup:before{content:"TACTICAL · CHOICE · KNOCKOUT";display:block;color:var(--accent-2);font-size:10px;letter-spacing:.2em;font-weight:800;margin-bottom:14px}.setup h1{font-size:32px;margin:0 0 8px;letter-spacing:.18em;text-shadow:0 0 28px rgba(124,131,255,.4)}.field{margin:14px 0}.field>label{display:block;font-weight:700;font-size:13px;margin-bottom:7px;color:var(--muted)}.textin{width:100%;padding:11px 13px;border-radius:11px;border:1px solid var(--line-2);background:#0e1728;color:var(--text);font-size:15px;outline:none}.textin:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f8cff2e}.modes{display:flex;flex-wrap:wrap;gap:8px}.mode{padding:10px 14px;border-radius:12px;border:1px solid var(--line-2);background:#101a2c;color:var(--text);cursor:pointer;font-size:14px;transition:.13s}.mode:hover{border-color:var(--accent)}.mode.sel{background:linear-gradient(135deg,#7c83ff4d,#7c83ff1a);border-color:var(--accent);font-weight:800;box-shadow:0 6px 18px #5c52e82e}details{margin-top:14px;font-size:13.5px;color:#c6d4ea}details summary{cursor:pointer;color:var(--muted)}details ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:#080b16e0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(163,168,255,.24);box-shadow:0 -12px 36px #00000038;animation:slideup .22s ease}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}.dock-inner{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}.dock-pick{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dock-pick .big{font-size:15px;font-weight:800}.dock-pick .big b{color:var(--accent-2)}.dock-cost{margin-left:10px;font-size:12.5px;font-weight:500;color:var(--muted)}.dock-cost b{font-weight:800;color:var(--text)}.dock-pick .sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-actions{display:flex;gap:8px;flex:none;min-width:168px}.dock-actions .btn.primary{padding:11px 24px;font-size:15px}@media (max-width: 640px){.dock-inner{align-items:stretch;flex-direction:column;gap:8px;padding:9px 12px}.dock-pick .big{font-size:14px}.dock-cost{display:block;margin:3px 0 0}.dock-pick .sub{display:block}.dock-actions{display:grid;grid-template-columns:84px 1fr;min-width:0}.dock-actions .btn{width:100%}.dock-actions .btn.primary{padding:10px 12px}.topbar{align-items:flex-start}.topmeta{flex-wrap:wrap;justify-content:flex-end;gap:6px}.turnpill{order:3;width:100%;justify-content:center}.layout{gap:10px}.panel{padding:12px}}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%);background:#1b2942;border:1px solid var(--line-2);color:var(--text);padding:10px 16px;border-radius:12px;font-size:13.5px;z-index:80;box-shadow:0 12px 30px #0006;animation:pop .2s ease}.toast.err{border-color:#ff6b6b8c;color:#ffc9c9}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h3{margin:3px 0 0;font-size:19px;letter-spacing:.08em}.arena-dot{color:var(--success);font-size:11px;font-weight:800;letter-spacing:.04em}.battle-panel{min-height:430px;padding:22px;background:radial-gradient(500px 220px at 50% 0%,rgba(89,106,202,.14),transparent 72%),linear-gradient(145deg,#171f39f5,#0a0f1dfa)}.battle-panel .board{align-content:start;gap:14px}.control-panel{padding:20px;background:linear-gradient(160deg,#1e2548fa,#0e1226fa);border-color:#a3a8ff47}.control-panel .picker-tools{padding-bottom:10px;border-bottom:1px solid rgba(158,177,224,.12)}.control-panel .chip{min-height:60px;padding:10px 11px;border-radius:12px}.control-panel .group{margin-bottom:15px}.control-panel .gtitle{margin-bottom:8px}.pcard{box-shadow:0 12px 26px #03061247,inset 0 1px #ffffff0a}.pcard:hover{box-shadow:0 16px 32px #03061261,inset 0 1px #ffffff12}.pcard.acting{background:linear-gradient(145deg,#272f57fa,#111730fa)}.pcard.acting:before{opacity:1}.pcard.picked{background:linear-gradient(145deg,#173d45eb,#0f1d2efa)}.dock-pick .big{letter-spacing:.02em}.dock-actions .btn.primary{min-width:156px}@media (min-width: 901px){.battle-panel{min-height:560px}.battle-panel .board{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-panel .pcard:first-child{grid-column:span 2}}@media (max-width: 640px){.app{padding-left:12px;padding-right:12px}.topbar{margin-left:-12px;margin-right:-12px;padding-left:14px;padding-right:14px}.setup{margin-top:5vh;padding:22px}.setup h1{font-size:28px}.battle-panel{padding:15px;min-height:0}.battle-panel .board{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.battle-panel .pcard{padding:11px}.battle-panel .pcard:first-child{grid-column:span 2}.section-head{margin-bottom:11px}.control-panel{padding:14px}}.gtable{position:relative;border-radius:22px;min-height:440px;padding:18px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,#2e5c428c,#10221a00 70%),linear-gradient(160deg,#123324,#0d2a1f 45%,#0a1f17);border:1px solid rgba(120,220,170,.16);box-shadow:inset 0 0 80px #0000008c,0 18px 48px #0000003d}.gtable:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:16px;pointer-events:none;border:2px dashed rgba(150,230,190,.14)}.felt,.felt-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.felt{background:radial-gradient(60% 45% at 50% 46%,rgba(90,200,150,.1),transparent 70%)}.seat{position:absolute;width:clamp(160px,31%,235px);z-index:2}.seat-c{left:50%;top:50%;transform:translate(-50%,-50%)}.seat-b{left:50%;bottom:8px;transform:translate(-50%)}.seat-t{left:50%;top:8px;transform:translate(-50%)}.seat-l{left:8px;top:50%;transform:translateY(-50%)}.seat-r{right:8px;top:50%;transform:translateY(-50%)}.seat-tl{left:2%;top:5%}.seat-tr{right:2%;top:5%}.gtable.n2{min-height:400px}.gtable.n3,.gtable.n4{min-height:470px}.seat .pcard{background:linear-gradient(165deg,#141e37f5,#0c1224fa)}.pot{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#cfe8d8;pointer-events:none;width:max-content;max-width:60%}.pot-inner{display:flex;flex-direction:column;align-items:center;gap:6px}.pot-cards{position:relative;height:64px;width:90px}.card-back{position:absolute;left:50%;top:6px;width:44px;height:58px;margin-left:-22px;border-radius:8px;background:repeating-linear-gradient(45deg,#7c83ff47 0,#7c83ff47 6px,#141c34e6 6px,#141c34e6 12px),linear-gradient(160deg,#2a3560,#161d38);border:2px solid rgba(163,168,255,.55);box-shadow:0 6px 14px #0006}.card-back.ghost{opacity:.3;border-style:dashed}.pot-label{font-weight:900;letter-spacing:.14em;font-size:13px;color:#e7f5ec;text-shadow:0 2px 12px rgba(0,0,0,.6)}.pot-sub{font-size:12px;color:#cfe8d8bf}.gtable.targeting .seat .pcard.selectable{cursor:crosshair;border-color:var(--danger);animation:targetpulse 1.2s ease-in-out infinite}@keyframes targetpulse{0%,to{box-shadow:0 0 0 2px #ff718e40}50%{box-shadow:0 0 0 6px #ff718e73}}.turn-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;pointer-events:none}.turn-banner .tb-card{text-align:center;padding:18px 54px;border-radius:18px;background:#080b16d1;border:1px solid rgba(163,168,255,.4);box-shadow:0 20px 70px #00000080;animation:tb-in 1.5s cubic-bezier(.2,.8,.2,1) both}.tb-title{font-size:clamp(30px,6vw,52px);font-weight:900;letter-spacing:.2em;text-shadow:0 0 34px rgba(124,131,255,.7)}.tb-sub{margin-top:6px;color:var(--muted);letter-spacing:.3em;font-size:12px}@keyframes tb-in{0%{opacity:0;transform:scale(.7);filter:blur(6px)}14%{opacity:1;transform:scale(1.04);filter:blur(0)}24%{transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.06) translateY(-10px)}}.reveal{perspective:700px}.playrow.deal{animation:deal-in .38s cubic-bezier(.2,.8,.3,1.15) both;transform-origin:top center}@keyframes deal-in{0%{opacity:0;transform:translateY(12px) rotateX(65deg)}to{opacity:1;transform:none}}.reveal.big-hit{animation:shake .45s ease}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px,3px) rotate(-.4deg)}40%{transform:translate(6px,-3px) rotate(.4deg)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.sumchip.pop{animation:chip-pop .4s cubic-bezier(.2,.9,.3,1.4) both}@keyframes chip-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.victory-ov{z-index:65}.victory-card{position:relative;z-index:2;text-align:center;background:linear-gradient(160deg,#1e1c46f7,#0c0e20fa);border:1px solid rgba(255,211,106,.45);border-radius:22px;padding:34px 44px;max-width:min(520px,92vw);box-shadow:0 0 90px #ffd36a2e,0 30px 80px #0000008c;animation:pop .35s cubic-bezier(.2,.9,.3,1.25) both}.victory-title{font-size:clamp(30px,6vw,46px);font-weight:900;letter-spacing:.06em;margin-top:8px;background:linear-gradient(180deg,#fff3cf,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 44px rgba(255,211,106,.25)}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti span{position:absolute;top:-16px;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(105vh) rotate(720deg);opacity:.7}}@media (max-width: 760px){.gtable{min-height:0;padding:12px}.gtable .seat{position:static;transform:none;width:auto}.gtable{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gtable .pot{position:static;transform:none;grid-column:1 / -1;order:-1;margin-bottom:4px;max-width:none}.gtable:after{display:none}}@media (prefers-reduced-motion: reduce){.turn-banner .tb-card,.playrow.deal,.reveal.big-hit,.sumchip.pop,.victory-card,.pcard.acting,.gtable.targeting .seat .pcard.selectable{animation:none!important}.confetti{display:none}}:root{--muted: #a0aac4}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px}.lobby{max-width:1240px;padding:0 40px 24px}.lobby-header{height:92px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.lobby-brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:.12em;font-weight:850;color:var(--text);text-decoration:none}.brand-symbol{display:grid;place-items:center;width:34px;height:38px;background:#a3a8ff;color:#10152a;border-radius:9px 9px 15px;font-size:23px}.brand-caption{font-size:12px;letter-spacing:.08em;font-weight:500;color:var(--muted);padding-left:14px;border-left:1px solid var(--line-2)}.lobby-header-note{margin-left:auto;color:var(--muted);font-size:12px}.lobby-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;padding:60px 0 48px}.lobby-kicker{display:flex;align-items:center;gap:9px;color:#b6baff;font-size:10px;letter-spacing:.17em;font-weight:700}.lobby-kicker>span{width:6px;height:6px;border-radius:50%;background:#a3a8ff;box-shadow:0 0 12px #7c83ff}.lobby-hero h1{margin:22px 0 18px;font-size:clamp(32px,3.6vw,48px);line-height:1.4;letter-spacing:-.04em}.lobby-hero h1 em{font-style:normal;color:#a3a8ff}.hero-description{font-size:14px;line-height:1.9;color:var(--muted)}.hero-cards{height:245px;position:relative;margin:18px 0;display:flex;justify-content:center;align-items:center;isolation:isolate}.hero-cards:before{content:"";position:absolute;width:80%;height:70%;background:#7776ed;opacity:.1;filter:blur(50px);z-index:-1}.showcase-card{width:146px;height:192px;flex:none;border:1px solid #414d71;border-radius:13px;padding:15px;display:flex;flex-direction:column;background:linear-gradient(155deg,#212b46,#10182c);box-shadow:0 16px 36px #0005}.showcase-card>span{font-size:8px;letter-spacing:.15em;color:#a7b5d4}.showcase-card i{font-size:68px;font-weight:300;font-style:normal;line-height:1.3;text-align:center}.showcase-card strong{font-size:21px;letter-spacing:.16em}.showcase-card small{font-size:9px;margin-top:7px;color:#abb6d1}.showcase-card.defense{transform:rotate(-14deg) translate(14px,5px);color:#8bbcff}.showcase-card.attack{z-index:2;transform:translateY(-8px);border-color:#8c83d6;background:linear-gradient(150deg,#3b365b,#191c35);color:#d2c6ff}.showcase-card.charge{transform:rotate(14deg) translate(-14px,5px);color:#76d9c2}.hero-stats{display:flex;gap:38px;margin-top:8px}.hero-stats>div{display:flex;align-items:center;gap:10px}.hero-stats b{font-size:23px;font-weight:600}.hero-stats span{font-size:11px;color:var(--muted)}.lobby-setup{padding:28px;border-radius:20px;background:linear-gradient(145deg,#1a2138eb,#111728f5);box-shadow:0 24px 70px #0003}.lobby-setup h2{font-size:24px;margin:12px 0 6px}.lobby-setup>.muted{margin:0 0 25px;font-size:12px}.lobby-setup .field{margin:20px 0}.lobby-setup .textin{background:#0c1222;height:46px}.lobby-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lobby-mode{display:flex;align-items:center;gap:10px;padding:12px;text-align:left;min-width:0;border-color:var(--line);background:#101728}.lobby-mode:first-child{grid-column:1 / -1}.lobby-mode strong{display:block;font-size:12px}.lobby-mode small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:400;line-height:1.5}.mode-icon{font-size:22px;color:#a6b0d0}.mode-check{width:14px;height:14px;flex:none;margin-left:auto;border:1px solid #4a5472;border-radius:50%;font-size:10px;text-align:center;line-height:12px}.lobby-mode.sel{background:#292b4c;border-color:#8785df;box-shadow:none}.lobby-mode.sel .mode-check{background:#a3a8ff;color:#10152a;border-color:#a3a8ff}.lobby-start{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 18px}.setup-note{text-align:center;font-size:11px;color:var(--muted);margin:12px 0 0}.lobby-guide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:28px;padding:28px 0}.guide-heading h2{font-size:19px;margin:12px 0 0}.guide-number{font-size:11px;color:#8087b0;font-family:monospace}.lobby-guide h3{font-size:13px;margin:9px 0}.lobby-guide p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.lobby-rules{margin:20px 0;font-size:12px;line-height:1.8}.lobby-footer{display:flex;justify-content:space-between;color:#78839f;font-size:10px;padding-top:8px}.gtable{background:radial-gradient(ellipse at 50% 45%,#28365466,transparent 70%),linear-gradient(150deg,#141e34,#0c1323);border-color:#7885b22e}.gtable:after{border:1px solid #8c9ccb24}.pot-label{color:#e0e5fa}.pot-sub{color:#a0aac4}.felt{background:radial-gradient(ellipse at center,#777bed0d,transparent 70%)}@media (max-width: 1050px){.lobby-grid{gap:32px}.lobby{padding-left:28px;padding-right:28px}.lobby-mode{gap:7px;padding:10px}.mode-icon{font-size:18px}.hero-stats{gap:22px}}@media (max-width: 760px){.lobby{padding:0 20px 24px}.lobby-header{height:72px;gap:12px}.lobby-header-note{display:none}.lobby-header>:last-child{margin-left:auto}.lobby-brand{font-size:16px;letter-spacing:.06em;gap:8px}.brand-symbol{width:28px;height:32px;font-size:17px;border-radius:8px 8px 12px}.lobby-grid{grid-template-columns:1fr;gap:30px;padding:32px 0}.lobby-hero h1{font-size:37px}.hero-cards{height:215px}.showcase-card{width:132px;height:180px}.hero-stats{justify-content:space-between;gap:10px}.lobby-setup{padding:24px}.lobby-guide{grid-template-columns:1fr 1fr;gap:24px}.lobby-footer{gap:20px;line-height:1.8}.gtable.n2,.gtable.n3,.gtable.n4{min-height:0}.gtable .pot{width:100%;padding:12px 0}}@media (max-width: 380px){.lobby{padding-left:16px;padding-right:16px}.lobby-hero h1{font-size:32px}.showcase-card{width:112px}.lobby-setup{padding:18px}.brand-caption{display:none}.hero-stats>div{gap:6px}}.codex{max-width:1180px;padding-bottom:40px}.codex .lobby-header{margin-bottom:6px}.codex-legend{display:flex;flex-wrap:wrap;gap:12px;padding:14px 0 8px;color:var(--muted);font-size:12px}.codex-legend-item{display:inline-flex;align-items:center;gap:5px}.codex-grid{display:grid;gap:28px;padding-top:10px}.codex-group-head h3{margin:0 0 4px;font-size:16px;letter-spacing:.04em}.codex-group-head p{margin:0 0 12px}.codex-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}.codex-card{border:1px solid var(--line);border-top:3px solid var(--kc, var(--line-2));border-radius:14px;padding:14px;background:linear-gradient(150deg,#1a2138e6,#0d1223f5);box-shadow:0 12px 26px #03061247,inset 0 1px #ffffff0a}.codex-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.codex-name{font-weight:800;font-size:16px;display:inline-flex;align-items:center}.codex-cost{color:var(--gold);font-weight:800;font-size:12px;white-space:nowrap}.codex-tags{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.codex-tag{font-size:10px;color:var(--muted);border:1px solid var(--line-2);border-radius:999px;padding:1px 7px}.codex-desc{margin:0;font-size:12.5px;line-height:1.7;color:#c6d4ea}@media (max-width: 640px){.codex-cards{grid-template-columns:1fr 1fr}}@media (max-width: 420px){.codex-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.match-app{max-width:1440px;padding:24px 36px 224px}.match-app .topbar{margin:-24px -36px 24px;padding:18px 36px}.match-app .layout{display:flex;flex-direction:column;gap:24px}.match-app .battle-panel{width:100%;min-height:0;padding:0;background:none;border:0;box-shadow:none}.match-app .section-head{margin-bottom:16px}.match-app .section-head h3{font-size:20px;margin:5px 0 0}.match-app .gtable{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-height:0;padding:0;background:none;border:0;box-shadow:none;overflow:visible}.match-app .gtable.n2{grid-template-columns:1fr 220px 1fr}.match-app .gtable.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.match-app .felt,.match-app .felt-ring,.match-app .gtable:after{display:none}.match-app .gtable .seat{position:static;width:auto;transform:none;min-width:0}.match-app .gtable .pot{position:static;transform:none;grid-column:1 / -1;width:100%;max-width:none;order:2;padding:12px;background:#111a2d;border:1px solid var(--line);border-radius:14px}.match-app .gtable.n2 .pot{grid-column:2;grid-row:1;order:0;display:grid;place-items:center;background:radial-gradient(ellipse,#7276f31c,transparent 70%);border:0}.match-app .gtable.n2 .seat-b{grid-column:1;grid-row:1}.match-app .gtable.n2 .seat-t{grid-column:3;grid-row:1}.match-app .pot-inner{gap:8px}.match-app .gtable:not(.n2) .pot-inner{flex-direction:row;justify-content:center;gap:18px}.match-app .gtable:not(.n2) .pot-cards{display:none}.match-app .seat .pcard{padding:20px;height:100%;min-height:188px;border:1px solid #39445e;border-radius:16px;background:linear-gradient(120deg,#1c263c,#131c2e);box-shadow:none}.match-app .seat .pcard.acting{border-color:#9495f0;background:linear-gradient(120deg,#292d4c,#171f36);animation:none;box-shadow:inset 3px 0 #a3a8ff}.player-status{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px;font-size:10px;color:var(--muted);letter-spacing:.05em}.player-status b{color:#bcc2df;font-weight:500}.acting .player-status b{color:#b8b7ff}.match-app .phead{gap:12px;margin-bottom:16px}.match-app .avatar{width:42px;height:42px;border-radius:12px;font-size:19px}.match-app .pname{font-size:18px;overflow-wrap:anywhere;min-width:0}.match-app .hpwrap{flex-wrap:wrap;gap:6px}.match-app .hp-label{order:-2;color:var(--muted);font-size:11px}.match-app .hpnum{order:-1;margin-left:auto;font-size:18px;font-weight:700}.hpnum small{font-size:10px;font-weight:400;color:var(--muted)}.match-app .hptrack{flex-basis:100%;height:5px;border:0;border-radius:4px}.match-app .rowline{margin-top:5px}.match-app .pill.points{border:0;padding:0;background:none;color:var(--gold)}.match-app .sidebar{width:100%;position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.match-app .sidebar>:first-child{grid-column:1 / -1;padding:24px;background:#121a2c;border-color:#313b54;box-shadow:none}.match-app .sidebar>.panel{box-shadow:none}.match-app .turnhead{margin-bottom:18px}.match-app .turnhead h3{font-size:23px}.match-app .steps{max-width:480px;background:none;border:0;padding:0;gap:12px;margin-bottom:24px}.match-app .step-item{padding:10px;justify-content:flex-start;border-radius:0;border-bottom:2px solid #303a53;font-size:12px}.match-app .step-item.current{border-color:#a3a8ff;background:none}.match-app .step-item span{margin-right:6px}.action-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.action-library{min-width:0}.action-detail{padding:20px;border:1px solid #434565;border-radius:14px;background:linear-gradient(160deg,#262a45,#192037)}.action-detail .chosen-title{font-size:34px;margin:20px 0 14px}.chosen-description{color:#bcc5dd;font-size:13px;line-height:1.9;min-height:64px}.action-detail .step-guide{padding:14px 0 0;border:0;border-top:1px solid #454d68;background:none;color:var(--muted);font-size:12px;line-height:1.8;border-radius:0}.action-detail .confirm-line{font-size:12px}.arsenal-label{font-size:14px;font-weight:700;margin-right:auto}.arsenal-label b{color:var(--muted);font-size:10px;font-weight:400;margin-left:8px}.picker-tools{justify-content:space-between;margin-bottom:16px}.skill-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:12px;margin-bottom:12px;scrollbar-width:thin}.skill-tabs button{flex:none;padding:8px 10px;border-radius:7px;color:var(--muted);border:1px solid transparent;background:#1b2438;font-size:11px;cursor:pointer}.skill-tabs button.active{color:#dedfff;border-color:#747cae;background:#343957}.skill-collection{max-height:440px;overflow:auto;padding:3px 6px 3px 3px;scrollbar-width:thin;scrollbar-color:#404c6a transparent}.match-app .gtitle{cursor:default;margin-bottom:10px}.match-app .ghint{display:none}.match-app .chips{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px}.match-app .chip{position:relative;border:1px solid #34415b;border-top:2px solid var(--kc);border-radius:10px;padding:12px;min-height:142px;background:#192338;gap:10px;box-shadow:none}.skill-glyph{color:var(--kc);font-size:26px;line-height:1}.match-app .chip .cn{font-size:16px}.match-app .chip .cc{line-height:1.55;font-size:10px;min-height:30px}.skill-state{font-size:10px;color:#a4afcb;margin-top:auto}.match-app .chip.off{opacity:.5;background:#121a2b}.match-app .chip.off .cc{color:var(--muted)}.match-app .chip.sel{border-color:#a6a6ff;background:#313652;box-shadow:0 0 0 1px #a6a6ff}.match-app .chip.sel .skill-state{color:#ceceff}.empty-skills{color:var(--muted);font-size:13px;padding:30px 12px}.match-app .dock{background:#11192cf2;border-color:#45516e}.match-app .dock-inner{max-width:1368px;padding:18px 24px}.match-app .dock-actions .btn.primary{min-width:200px;padding:14px 22px}.match-app .tctl{padding-top:8px;border-top:1px solid var(--line)}.match-app .tctl .step{width:36px;height:32px}.match-app .pcard.picked{border-color:var(--success);background:#173636}@media (max-width: 1000px){.match-app{padding:20px 20px 150px}.match-app .topbar{margin:-20px -20px 20px;padding:16px 20px}.action-workspace{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.match-app .gtable.n2{grid-template-columns:1fr 150px 1fr}.match-app .gtable.n4{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.match-app{padding:14px 14px 180px}.match-app .topbar{position:static;margin:-14px -14px 20px;padding:14px;flex-wrap:wrap}.match-app .topmeta{justify-content:flex-start;width:100%}.match-app .turnpill{order:0;width:auto}.match-app .topmeta>span:nth-child(2){display:none}.match-app .gtable.n2,.match-app .gtable.n3,.match-app .gtable.n4{grid-template-columns:1fr 1fr;gap:10px}.match-app .gtable.n2 .seat-t{grid-column:2}.match-app .gtable.n2 .pot{grid-column:1 / -1;grid-row:2;padding:10px;border:1px solid var(--line)}.match-app .gtable .pot-inner{flex-direction:row;justify-content:center;gap:14px}.match-app .pot-cards{display:none}.match-app .seat .pcard{padding:14px;min-height:174px}.match-app .pname{font-size:15px}.match-app .avatar{width:32px;height:32px;font-size:15px}.player-status{font-size:9px;margin-bottom:12px}.match-app .phead{gap:7px}.match-app .sidebar{grid-template-columns:1fr}.match-app .sidebar>:first-child{padding:16px}.action-workspace{grid-template-columns:1fr;gap:20px}.action-detail{padding:16px}.action-detail .chosen-title{font-size:26px;margin:10px 0}.chosen-description{min-height:0}.skill-collection{max-height:350px}.match-app .chips{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.match-app .chip{min-height:142px;padding:9px}.match-app .chip .cn{font-size:14px}.match-app .chip .ccost{font-size:10px}.match-app .dock-inner{padding:12px 16px;flex-direction:column;align-items:stretch;gap:10px}.match-app .dock-actions{display:flex}.match-app .dock-actions .btn.primary{min-width:0;flex:1;padding:12px}.match-app .dock-pick .sub{white-space:normal}.match-app .dock-cost{display:inline;margin-left:8px}}.status-panel .status-now{display:flex;align-items:center;gap:9px;font-size:17px;margin:4px 0 10px}.status-panel .status-dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 12px currentColor}.status-panel .status-tip{line-height:1.7;margin:0}.thinking{display:flex;align-items:center;gap:9px;color:var(--muted)}.thinking b{color:var(--text)}.thinking-dot{width:9px;height:9px;border-radius:50%;background:var(--accent-2);animation:think 1s ease-in-out infinite}@keyframes think{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.cmdbar{position:fixed;left:0;right:0;bottom:0;z-index:45;background:#080b16f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid rgba(163,168,255,.3);box-shadow:0 -12px 36px #0000004d;animation:slideup .22s ease}.cmdbar-status{max-width:1440px;margin:0 auto;padding:12px 36px 6px;display:flex;align-items:center;gap:18px}.cmdbar-turn{display:flex;align-items:center;gap:8px;font-size:14px;flex:none}.cmdbar-dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}.cmdbar-pick{flex:1;min-width:0}.cmdbar-line{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.cmdbar-skill{font-size:15px}.cmdbar-target{color:#cfe0ff;font-size:12.5px}.cmdbar-cost{color:var(--muted);font-size:12px}.cmdbar-sub{color:var(--muted);font-size:12px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdbar-submit{flex:none;min-width:176px}.cmdbar-submit:disabled{min-width:176px}.betpick{display:flex;align-items:center;gap:5px;flex:none}.betnum{min-width:34px;padding:7px 9px;border-radius:9px;cursor:pointer;background:#182640;border:1px solid var(--line-2);color:var(--text);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.betnum:hover{border-color:var(--accent)}.betnum.on{background:linear-gradient(135deg,#8b82ff,#5d52e8);border-color:#9b94ff;color:#fff}.skillbar{max-width:1440px;margin:0 auto;padding:0 36px 12px}.skillbar-tabs{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:8px}.skillbar-tabs button{flex:none;padding:6px 10px;border-radius:7px;color:var(--muted);border:1px solid transparent;background:#1b2438;font-size:11px;cursor:pointer}.skillbar-tabs button.active{color:#dedfff;border-color:#747cae;background:#343957}.skillbar-usable{margin-left:auto;flex:none;padding:2px 0 2px 12px}.skillbar-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:thin;scrollbar-color:#404c6a transparent}.sbar-chip{flex:none;width:108px;display:flex;flex-direction:column;gap:3px;text-align:left;padding:8px 9px;border-radius:10px;cursor:pointer;color:var(--text);background:#192338;border:1px solid #34415b;border-top:2px solid var(--kc, var(--line-2));transition:.13s}.sbar-chip .ctop{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.sbar-chip .cn{font-weight:800;font-size:13px}.elem-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}.sbar-chip .ccost{font-size:11px;font-weight:800;color:var(--gold)}.sbar-chip .cc{font-size:10px;color:var(--muted);line-height:1.35;min-height:26px}.sbar-chip:hover:not(:disabled){background:#21304c;transform:translateY(-1px)}.sbar-chip.off{opacity:.45;cursor:not-allowed}.sbar-chip.off .cc{color:#ffb4b4}.sbar-chip.sel{border-color:#a6a6ff;background:#313652;box-shadow:0 0 0 1px #a6a6ff}.sbar-chip.sel .cc{color:#ceceff}@media (max-width: 900px){.cmdbar-status{flex-wrap:wrap;padding:10px 20px 6px;gap:10px}.cmdbar-pick{order:3;flex-basis:100%}.cmdbar-submit{margin-left:auto;min-width:0}.skillbar{padding:0 20px 10px}}@media (max-width: 700px){.match-app{padding-bottom:250px}.cmdbar-status{padding:10px 14px 6px}.cmdbar-skill{font-size:14px}.skillbar{padding:0 14px 10px}.sbar-chip{width:96px}}.langswitch{display:inline-flex;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;flex:none}.langbtn{background:transparent;color:var(--muted);border:0;padding:5px 9px;font-size:12px;cursor:pointer;transition:.13s;white-space:nowrap}.langbtn:hover{color:var(--text)}.langbtn.on{background:#7c83ff38;color:var(--text);font-weight:700}.settings{width:min(430px,100%)}.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.settings-head h3{margin:0}.settings .field{margin:16px 0 0}.settings .langswitch{display:inline-flex}.victory-note{margin-top:10px;font-size:12.5px;color:var(--muted)}