:root{--bg:#1d2127;--panel:#2a2f38;--panel2:#222831;--line:#3a414d;--ink:#e8eaed;--muted:#9aa3b2;--play:#43d17a;--target:#ff6b6b;--acc:#5aa9ff;--gold:#ffd166}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{overflow:auto}body{font:13px/1.4 system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}.muted{color:var(--muted)}button{background:var(--acc);color:#08121f;border:0;border-radius:6px;padding:6px 11px;font-weight:600;cursor:pointer;margin:2px}button.sec{background:#46505f;color:var(--ink)}button:disabled{opacity:.5;cursor:default}input[type=number]{width:64px;padding:5px;border-radius:6px;border:1px solid var(--line);background:#1b2027;color:var(--ink)}.app{height:100%;display:flex;flex-direction:column}header{padding:7px 14px;background:#161a20;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center;flex:0 0 auto}header b{color:var(--acc)}.board{flex:1 1 auto;display:grid;grid-template-columns:230px minmax(540px,1fr) 280px;gap:8px;padding:8px;min-height:0;overflow:auto}.col{display:flex;flex-direction:column;gap:8px;min-height:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px}.panel h3{margin:0 0 6px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.pcard{display:flex;gap:10px;align-items:center}.avatar{width:46px;height:46px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;color:#0b1017;flex:0 0 auto}.avatar.you{background:linear-gradient(135deg,#ff8a5b,#e8554e)}.avatar.opp{background:linear-gradient(135deg,#5aa9ff,#7d6bff)}.pname{font-weight:600}.pname .dot{color:var(--play)}.plife{font-size:22px;font-weight:800;color:var(--gold);line-height:1}.psub{color:var(--muted);font-size:11px}.mpool{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:3px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.mpool .empty{opacity:.5}.mana{display:inline-flex;flex-wrap:wrap;align-items:center;gap:7px}.mgrp{display:inline-flex;align-items:center;gap:2px}.pipn{font-size:11px;font-weight:800;color:var(--ink);letter-spacing:0}.pip{width:16px;height:16px;border-radius:50%;font-size:10px;font-weight:800;color:#15110c;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.35)}.pip.W{background:#fbf7d8}.pip.U{background:#a6dcf5}.pip.B{background:#bcb3ae}.pip.R{background:#f6a98e}.pip.G{background:#9ad3ad}.pip.C{background:#d4cbc3}.pip.clickable{cursor:pointer;box-shadow:0 0 0 2px var(--gold);transition:transform .12s ease}.pip.clickable:hover{transform:scale(1.18)}.multi{display:flex;flex-direction:column;gap:4px}.multirow{display:flex;align-items:center;justify-content:space-between;gap:8px}.multirow input{width:64px;text-align:center}.multirow .stepper{display:flex;gap:4px;align-items:center}.multirow .stepper button{padding:4px 0;margin:0;min-width:30px;font-size:15px;line-height:1}#decision button.chosen{outline:2px solid var(--play)}.scenarios{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.scenarios .lbl{color:var(--muted);font-size:12px;width:100%}button.scenario{background:#5aa9ff24;border:1px solid var(--acc);border-radius:6px;padding:5px 10px;cursor:pointer}button.scenario:hover:not(:disabled){background:#5aa9ff47}.gerow{display:flex;flex-direction:column;gap:8px}.gerow .ghalf{min-width:0}.ghalf h3{margin:0 0 4px;font-size:11px;color:var(--muted);text-transform:uppercase}.pile{display:flex;flex-flow:row wrap;align-content:flex-start;align-items:flex-start;max-height:240px;overflow-y:auto;padding:2px 40px 2px 2px}.pile .card{width:62px;height:87px;margin:0 -38px 4px 0;flex:0 0 auto;overflow:hidden}.pile .card:hover{z-index:60}.battlefield{flex:1 1 0;display:flex;flex-direction:column;overflow:visible;min-height:0}.bfzone{flex:1 1 auto;overflow:visible;display:flex;flex-direction:column;gap:4px;justify-content:center}.bfrow{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start;min-height:0;padding:2px;border-radius:6px}#center,.col.center{position:relative}.play{position:relative;flex:1 1 0;display:flex;flex-direction:column;gap:8px;min-height:0}#combatZone{display:none;flex:0 0 auto;height:30px;border-radius:6px;border:1px solid rgba(255,107,107,.45);background:repeating-linear-gradient(45deg,#ff6b6b47 0,#ff6b6b47 8px,#ff6b6b1f 8px,#ff6b6b1f 16px)}#combatZone.active{display:block}.stackzone{position:absolute;right:8px;bottom:8px;width:var(--card-w);--card-w:104px;z-index:30;pointer-events:none}.stackzone .stackitem{position:absolute;right:0;bottom:calc(var(--i) * var(--card-w) * .467);width:var(--card-w);pointer-events:auto}.stackzone .card{width:var(--card-w);height:calc(var(--card-w) * 1.4);overflow:hidden;box-shadow:0 3px 10px #0000008c}.stackzone .card:hover{z-index:60}.stackzone .card.ability{width:var(--card-w);height:calc(var(--card-w) * 1.4);padding:0;box-shadow:0 3px 10px #0000008c}.stackzone .card.ability .inner{height:100%}.stackzone .card.ability img.art{max-height:58px;object-fit:cover}.stackzone .card.ability .atext{padding:3px 4px;max-height:none;overflow:hidden;font-size:8px;line-height:1.25}.stackzone .card.ability .asrc{font-size:8px;margin-bottom:2px;letter-spacing:0}.stackzone .lbl{position:absolute;right:0;bottom:calc((var(--n) - 1) * var(--card-w) * .467 + var(--card-w) * 1.4 + 3px);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#080c14bf;padding:1px 6px;border-radius:4px;white-space:nowrap;pointer-events:none}.zone{display:flex;gap:6px;flex-wrap:wrap;align-content:flex-start}.card{width:var(--card-w, 82px);min-height:58px;background:#3a4150;border:1px solid #4a5263;border-radius:6px;padding:5px;font-size:11px;position:relative;-webkit-user-select:none;user-select:none}.card .nm{font-weight:600;display:block;margin-bottom:2px;padding-right:26px}.card .mc{color:var(--muted);position:absolute;top:5px;right:6px}.card .pt{position:absolute;bottom:3px;right:6px;font-weight:700;color:var(--gold);z-index:2}.card .ty{color:var(--muted);font-size:10px}.card img.art{display:block;width:100%;border-radius:5px}.card.hasart{padding:0;min-height:0;background:none;border-color:transparent}.card.hasart .mc,.card.hasart .nm,.card.hasart .ty{display:none}.card.hasart .pt{bottom:4px;right:5px;padding:0 4px;border-radius:4px;background:#000000b3}.card .inner{position:relative;display:block;border-radius:5px;transform-origin:center;transition:transform .22s ease}.card.tapped{opacity:.9}.card.tapped .inner{transform:rotate(90deg)}.card.phased-out{opacity:.3;filter:grayscale(.6)}.card.playable{cursor:pointer}.card.playable .inner{box-shadow:0 0 0 2px #43d17a80}.card.target{cursor:pointer}.card.target .inner{box-shadow:0 0 0 2px #ff6b6b99}.card.attacking{z-index:6}.card.attacking .inner{box-shadow:0 0 0 2px var(--target)}.card.atk-selected{cursor:pointer;z-index:6}.card.atk-selected .inner{transform:translateY(-16px);box-shadow:0 0 0 2px var(--gold),0 10px 18px #00000080}.card .badges{position:absolute;left:3px;bottom:3px;display:flex;flex-wrap:wrap;gap:2px;z-index:4;max-width:calc(100% - 6px)}.card .badge{font-size:9px;font-weight:700;line-height:1.4;padding:0 4px;border-radius:8px;background:#000000c7;color:#fff;border:1px solid rgba(255,255,255,.25);white-space:nowrap}.card .badge.loy{background:var(--gold);color:#08121f;border-color:#0005}.card .badge.ctr{background:#43d17ae6;color:#06210f;border-color:#0004}.card .dmg{position:absolute;top:3px;right:3px;z-index:5;min-width:15px;text-align:center;font-size:10px;font-weight:800;line-height:1.6;padding:0 4px;border-radius:9px;background:var(--target);color:#08121f;border:1px solid #00000066;box-shadow:0 1px 2px #0000008c}.card .dmg.lethal{background:#e01e2b;color:#fff;box-shadow:0 0 0 2px #e01e2b80,0 1px 2px #0000008c}.card .attached{position:absolute;top:0;right:0;bottom:0;left:0}.card .attach{position:absolute;left:0;width:100%;top:calc(42% + var(--i) * 15%)}.card .attach .card{width:100%}.card.ability{width:172px;min-height:0;padding:0;background:#1b2230;border:2px solid var(--gold);border-radius:8px;overflow:hidden;box-shadow:0 4px 14px #00000080}.card.ability .inner{display:flex;flex-direction:column;transform:none!important}.card.ability img.art{width:100%;height:auto;display:block;border-radius:0}.card.ability .atext{padding:5px 7px;font-size:10px;line-height:1.3;color:var(--ink);max-height:130px;overflow-y:auto}.card.ability .asrc{display:block;font-weight:700;color:var(--gold);margin-bottom:3px;text-transform:uppercase;letter-spacing:.03em;font-size:10px}.card.ability.target{border-color:var(--target)}#phases{display:flex;flex:0 0 auto;background:var(--panel2);border:1px solid var(--line);border-radius:8px;overflow:hidden}#phases .turnlbl{padding:6px 10px;font-weight:700;background:#11151b;color:var(--acc);white-space:nowrap}#phases .step{position:relative;padding:13px 8px;font-size:11px;color:var(--muted);border-left:1px solid var(--line);flex:1 1 0;text-align:center;white-space:nowrap}#phases .step.on{background:var(--acc);color:#08121f;font-weight:700}#phases .stop{position:absolute;left:50%;transform:translate(-50%);width:0;height:0;cursor:pointer}#phases .stop.top{top:2px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #5a6473}#phases .stop.bot{bottom:2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #5a6473}#phases .stop.top.on{border-bottom-color:#fff}#phases .stop.bot.on{border-top-color:#fff}.hand{flex:0 0 auto;position:relative;display:flex;flex-direction:column;overflow:hidden}.hand .zone{flex:1 1 auto;flex-wrap:nowrap;align-items:flex-start;justify-content:center;justify-content:safe center;gap:0;padding-top:10px;overflow-x:auto;overflow-y:hidden}.hand .card+.card{margin-left:calc(var(--card-w, 82px) * -1 * var(--hand-overlap, .14))}.hand .card{transform:rotate(var(--fan-rot, 0deg));transform-origin:center bottom;transition:transform .18s ease}.hand .card:hover{transform:rotate(0) translateY(-10px);z-index:20}.hand-nav{position:absolute;top:0;bottom:0;width:60px;z-index:30;margin:0;padding:0;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font:700 28px Space Grotesk,sans-serif;color:var(--ink);opacity:.72;transition:opacity .15s ease,color .15s ease,background .15s ease,font-size .15s ease}.hand-nav:hover{opacity:1;color:var(--acc);font-size:34px;text-shadow:0 0 14px rgba(90,169,255,.55)}.hand-nav.left{left:0;background:linear-gradient(90deg,var(--panel) 45%,transparent)}.hand-nav.right{right:0;background:linear-gradient(270deg,var(--panel) 45%,transparent)}.hand-nav.left:hover{background:linear-gradient(90deg,var(--panel) 72%,transparent)}.hand-nav.right:hover{background:linear-gradient(270deg,var(--panel) 72%,transparent)}.hand .card.zoom-src{opacity:0}.hand-resizer{flex:0 0 auto;height:16px;cursor:row-resize;display:flex;align-items:center;justify-content:center;gap:4px;touch-action:none;background:var(--panel2);border:1px solid var(--line);border-radius:6px;transition:border-color .15s,background .15s}.hand-resizer:before{content:"⋯  drag to resize hand  ⋯";font-size:10px;letter-spacing:.04em;color:var(--muted);transition:color .15s}.hand-resizer:hover{border-color:var(--acc);background:#283242}.hand-resizer:hover:before{color:var(--acc)}.pile .card.ability{width:60px;height:85px;padding:0;overflow:hidden;box-shadow:none}.pile .card.ability .inner{height:100%}.pile .card.ability img.art{max-height:46px;object-fit:cover}.pile .card.ability .atext{padding:2px 3px;max-height:none;overflow:hidden;font-size:6px;line-height:1.2}.pile .card.ability .asrc{font-size:7px;margin-bottom:1px;letter-spacing:0}#decision{border-color:var(--acc)}#decision.idle{border-color:var(--line)}#decision .msg{margin-bottom:6px}.choice-list{display:flex;flex-direction:column;gap:6px;min-width:0}.choice-q{width:100%}.choice-opts{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}.choice-opts .hint{padding:6px 2px}.choice-opt{text-align:left;margin:0}.choice-opt.rel{border-color:var(--acc);color:var(--ink);font-weight:600}#decision .dcard{text-decoration:underline dotted currentColor;text-underline-offset:3px;text-decoration-thickness:1px}#decision button:hover .dcard,#decision .dcard:hover{text-decoration-style:solid}#decision .hint{color:var(--muted);font-size:11px;margin-bottom:6px}#decision ol.steps{margin:0 0 6px;padding-left:16px}#decision ol.steps li{margin:2px 0}#decision ol.steps li.muted{list-style:none;margin-left:-16px;font-style:italic}.log{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}#log{flex:1 1 auto;overflow:auto;font-size:11px;color:var(--muted)}#log div{padding:1px 0;border-bottom:1px solid #232a33}.yields{flex:0 0 auto;display:flex;flex-direction:column;gap:6px}.yields button.yield{margin:0;text-align:left;display:flex;justify-content:space-between;align-items:center;background:var(--panel2);color:var(--ink);border:1px solid var(--line);font-weight:600}.yields button.yield:hover{border-color:var(--acc)}.yields button.yield.ref{color:var(--muted);cursor:default}.yields button.yield.ref:hover{border-color:var(--line)}.yields button.yield.on{background:var(--play);color:#06210f;border-color:var(--play)}.yields button.yield .k{font-size:10px;font-weight:700;border:1px solid currentColor;border-radius:3px;padding:0 4px;margin-left:8px;opacity:.7}.yields .yield-opt{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);cursor:pointer}.iconbtn{width:34px;height:34px;padding:0;font-size:16px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;cursor:pointer;margin:0}.iconbtn:hover{border-color:var(--acc)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:none;align-items:center;justify-content:center;z-index:2000}.modal.show{display:flex}.modal-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;min-width:320px;max-width:90%;box-shadow:0 12px 40px #0009}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{margin:0}.modal-close{background:none;border:0;color:var(--muted);font-size:20px;cursor:pointer;line-height:1;padding:0;margin:0}.setting-row{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:16px}.size-btns{display:flex;gap:4px}.size-btns button{margin:0;min-width:36px}.toggle{display:flex;gap:6px;align-items:center;cursor:pointer;color:var(--muted)}.zoom-slider{display:flex;gap:8px;align-items:center}.zoom-slider input{width:150px}.zoom-val{min-width:44px;text-align:right;color:var(--muted)}button.sec.on{background:var(--play);color:#06210f;border-color:var(--play)}button.danger{display:block;width:100%;background:var(--target);color:#1a0b0b}button.danger+button.danger{margin-top:8px}button.exit{display:block;width:100%;margin-top:10px}.sideboard-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch}.sb-inner{max-width:760px;margin:0 auto;padding:16px 16px 0;box-sizing:border-box}.sb-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.sb-head h3{margin:0}.sb-head .muted.bad{color:var(--target)}.sb-hint{color:var(--muted);font-size:12px;margin:6px 0 12px}.sb-cols{display:flex;gap:14px;flex-wrap:wrap}.sb-col{flex:1 1 260px;min-width:0}.sb-col h4{margin:0 0 6px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sb-list{display:flex;flex-direction:column;gap:4px}.sb-list button{margin:0;text-align:left;white-space:normal}.sb-actions{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding:12px 0;background:var(--bg);border-top:1px solid var(--line)}.sb-actions .muted{font-size:12px}#preview{position:fixed;z-index:1000;pointer-events:none;opacity:0;visibility:hidden;transform:scale(.86);transform-origin:center;will-change:transform;backface-visibility:hidden;transition:opacity .12s ease,transform .15s cubic-bezier(.2,.7,.3,1),visibility 0s linear .15s}#preview.show{opacity:1;visibility:visible;transform:scale(1);transition:opacity .12s ease,transform .15s cubic-bezier(.2,.7,.3,1),visibility 0s}#preview img{width:var(--zoom-w, 320px);border-radius:14px;box-shadow:0 12px 40px #000000b3;display:block}#preview .abilw{display:none}#preview .abilw .card.ability{width:var(--zoom-w, 320px);height:auto;box-shadow:0 12px 40px #000000b3}#preview .abilw .card.ability img.art{max-height:none}#preview .abilw .card.ability .atext{max-height:none;overflow:visible;font-size:14px;line-height:1.35;padding:9px 12px}#preview .abilw .card.ability .asrc{font-size:14px;margin-bottom:5px}#target-arrows{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:900;overflow:visible}#target-arrows .tarrow{stroke:#ff4d4d;stroke-width:3;stroke-linecap:round;opacity:.92;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}#target-arrows .tarrow-head{fill:#ff4d4d}#combat-arrows{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:899;overflow:visible}#combat-arrows .carrow{stroke-linecap:round;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}#combat-arrows .carrow.atk{stroke:#ff6a3d;stroke-width:3.5;opacity:.95}#combat-arrows .carrow.blk{stroke:#4db6ff;stroke-width:3;opacity:.92}#combat-arrows .carrow-head.atk{fill:#ff6a3d}#combat-arrows .carrow-head.blk{fill:#4db6ff}.lobby-screen{height:100%;display:flex;overflow:auto;padding:16px}.lobby-box{margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;width:500px;max-width:92%;box-shadow:0 12px 40px #0009}.lobby-box h3{margin:0 0 12px}.rejoin-modal{text-align:center;max-width:420px}.rejoin-modal p{margin:0 0 14px;font-size:13px}.rejoin-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.rejoin-list button{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:12px}.rejoin-list .sub{font-size:11px;font-weight:600;opacity:.85}.rejoin-list .abandon{background:var(--target);color:#08121f}.ver{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.big-btn{padding:14px 12px;font-size:15px;font-weight:700;line-height:1.2;border-radius:10px}.big-btn:disabled{opacity:.5}.lobby-box.starting{text-align:center}.lobby-box.starting p{margin:6px 0 16px}.cm-screen{--cm-bg: oklch(.14 .008 265);--cm-card: oklch(.185 .008 260);--cm-card-glass: oklch(.185 .008 260 / .56);--cm-panel: oklch(.155 .008 260);--cm-input: oklch(.14 .008 260);--cm-line: oklch(.3 .01 260);--cm-line2: oklch(.26 .01 260);--cm-ink: oklch(.94 .005 260);--cm-muted: oklch(.62 .01 260);--cm-faint: oklch(.52 .01 260);--cm-acc: oklch(.74 .14 200);--cm-acc-ink: oklch(.13 .02 260);--cm-acc-text: oklch(.84 .12 200);--cm-acc-bg: oklch(.74 .14 200 / .16);--cm-warn: oklch(.82 .16 78);--cm-warn-line: oklch(.88 .14 82);--cm-warn-glow: oklch(.82 .16 78 / .16);--cm-good: oklch(.75 .16 150);--cm-bad: oklch(.72 .16 25);height:100%;overflow:auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--cm-bg);color:var(--cm-ink);font-family:Space Grotesk,system-ui,sans-serif}.cm-screen ::placeholder{color:var(--cm-faint)}.cm-stage{width:940px;max-width:100%}.cm-card{position:relative;z-index:1;width:940px;max-width:100%;background:var(--cm-card-glass);border:1px solid var(--cm-line);-webkit-backdrop-filter:blur(8px) saturate(1.35);backdrop-filter:blur(8px) saturate(1.35);border-radius:16px;box-shadow:0 30px 80px -30px #000000b3}.cm-alpha-stamp{position:fixed;top:0;right:0;bottom:33.34%;left:0;z-index:0;display:flex;align-items:center;justify-content:center;font-size:clamp(52px,25vw,340px);line-height:.9;transform:rotate(-5deg);pointer-events:none;-webkit-user-select:none;user-select:none}.cm-alpha-stamp span{position:relative;font-family:Space Grotesk,system-ui,sans-serif;font-size:1em;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(176deg,oklch(.97 .06 95) 0%,var(--cm-warn) 34%,oklch(.72 .19 46) 74%,oklch(.56 .16 34) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.014em oklch(.55 .13 40 / .55);filter:drop-shadow(0 .02em 0 oklch(.42 .11 32 / .85)) drop-shadow(0 0 .16em var(--cm-warn-glow))}.cm-alpha-stamp span:before{content:attr(data-text);position:absolute;left:.035em;top:.035em;z-index:-1;color:#64271f8c;-webkit-text-stroke:0;background:none;-webkit-background-clip:border-box;background-clip:border-box}@media(prefers-reduced-motion:no-preference){.cm-alpha-stamp span{animation:cm-alpha-throb 4.5s ease-in-out infinite}}@keyframes cm-alpha-throb{0%,to{filter:drop-shadow(0 .02em 0 oklch(.42 .11 32 / .85)) drop-shadow(0 0 .12em var(--cm-warn-glow))}50%{filter:drop-shadow(0 .02em 0 oklch(.42 .11 32 / .85)) drop-shadow(0 0 .26em oklch(.82 .16 78 / .38))}}.cm-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 28px;border-bottom:1px solid var(--cm-line2);background:#14161a6b;border-radius:16px 16px 0 0}.cm-brand{display:flex;align-items:center;gap:14px}.cm-logo{width:36px;height:36px;border-radius:9px;background:var(--cm-acc);display:flex;align-items:center;justify-content:center}.cm-logo span{width:12px;height:12px;background:var(--cm-acc-ink);border-radius:2px;transform:rotate(45deg)}.cm-title{font-weight:700;font-size:18px;letter-spacing:-.01em;text-shadow:0 1px 4px oklch(.14 .008 265 / .95),0 0 12px oklch(.14 .008 265 / .7)}.cm-sub{font-size:13px;color:var(--cm-muted);text-shadow:0 1px 4px oklch(.14 .008 265 / .95),0 0 12px oklch(.14 .008 265 / .7)}.cm-status{display:flex;align-items:center;gap:8px;padding:7px 13px;border-radius:8px;background:#1d1f23;border:1px solid var(--cm-line);font-size:13px;font-weight:500;color:#9b9fa5}.cm-status .dot{width:8px;height:8px;border-radius:50%;background:var(--cm-good);box-shadow:0 0 8px var(--cm-good)}.cm-status.offline .dot{background:#dc932e;box-shadow:0 0 8px #dc932e}.cm-body{display:grid;grid-template-columns:1fr 340px}.cm-settings{padding:26px 28px;display:flex;flex-direction:column;gap:22px}.cm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cm-span2{grid-column:1 / -1}.cm-divider{height:1px;background:var(--cm-line2)}.cm-field{display:flex;flex-direction:column;min-width:0}.cm-field.off{opacity:.45}.cm-field.off .cm-range{cursor:not-allowed}.cm-field>label{font-size:12px;font-weight:500;color:var(--cm-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.cm-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.cm-field-head label{font-size:12px;font-weight:500;color:var(--cm-muted);text-transform:uppercase;letter-spacing:.08em}.cm-field input,.cm-field textarea,.cm-join{width:100%;background:var(--cm-input);color:var(--cm-ink);border:1px solid var(--cm-line);border-radius:10px;padding:12px 14px;font:500 15px Space Grotesk,sans-serif;outline:none}.cm-field textarea{min-height:120px;resize:none;overflow-y:hidden;font:400 13px/1.5 JetBrains Mono,ui-monospace,monospace}.cm-field input:focus,.cm-field textarea:focus,.cm-join:focus{border-color:var(--cm-acc)}.cm-field label.cm-partner-toggle{display:flex;flex-direction:row;align-items:center;gap:8px;margin:10px 0 0;font:500 13px Space Grotesk,sans-serif;color:var(--cm-ink);text-transform:none;letter-spacing:0;cursor:pointer}.cm-partner-toggle input[type=checkbox]{width:auto;margin:0;accent-color:var(--cm-acc);cursor:pointer}.cm-partner-input{margin-top:8px}.cm-deck-tag{font:500 12px JetBrains Mono,monospace}.cm-deck-tag.ok{color:var(--cm-acc-text)}.cm-deck-tag.bad{color:var(--cm-bad)}.cm-deck-warn{margin-top:8px;padding:8px 10px;border-radius:8px;background:#f977701f;border:1px solid var(--cm-bad)}.cm-deck-warn-h{color:var(--cm-bad);font:600 12px Space Grotesk,sans-serif;margin-bottom:4px}.cm-deck-warn-list{color:var(--cm-ink);font-size:12px;line-height:1.5;word-break:break-word}.cm-deck-tag.muted{color:var(--cm-faint)}.cm-deck-head-r{display:flex;align-items:baseline;gap:12px}.cm-timer-tag{font:500 13px JetBrains Mono,monospace;color:var(--cm-acc-text)}.dp{display:flex;flex-direction:column}.dp-error{color:var(--cm-bad);font-size:13px;margin:0 0 8px}.dp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dp-card{display:block;width:100%;margin:0;padding:0;overflow:hidden;cursor:pointer;text-align:left;border:1px solid var(--cm-line);border-radius:12px;background:var(--cm-input);transition:border-color .15s}.dp-card:hover{border-color:var(--cm-acc)}.dp-card.on{border-color:var(--cm-acc);box-shadow:0 0 0 1px var(--cm-acc)}.dp-card:disabled{opacity:.6;cursor:default}.dp-card-art{position:relative;display:block;height:170px;background:#181b1e}.dp-card-art img{display:block;width:100%;height:100%;object-fit:cover}.dp-card-name{display:block;padding:12px 14px;font:600 15px Space Grotesk,sans-serif;color:var(--cm-ink);border-top:1px solid var(--cm-line2)}.dp-loading{position:absolute;top:8px;right:8px;padding:2px 7px;border-radius:6px;background:#0009;color:#fff;font:500 11px JetBrains Mono,monospace}.dp-more{display:block;margin:16px auto 0;padding:11px 22px;border-radius:10px;cursor:pointer;border:1px solid var(--cm-line);background:transparent;color:var(--cm-ink);font:600 14px Space Grotesk,sans-serif}.dp-more:hover{border-color:var(--cm-acc);color:var(--cm-acc-text)}.err-banner{position:fixed;top:0;left:0;right:0;z-index:5000;display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9777029;border-bottom:1px solid var(--cm-bad);color:var(--cm-ink);font:500 13px system-ui,sans-serif;box-shadow:0 4px 16px #0006}.err-banner-icon{color:var(--cm-bad);font-size:15px}.err-banner-msg{flex:1;min-width:0}.err-banner-btn{flex:0 0 auto;padding:4px 10px;margin:0;border:1px solid var(--cm-line);border-radius:6px;background:transparent;color:var(--cm-ink);font:600 12px system-ui,sans-serif;cursor:pointer}.err-banner-btn:hover{border-color:var(--cm-bad)}.dp-note{margin:14px 0 0;font-size:11px;color:var(--cm-faint);text-align:center}.cm-seg{display:flex;gap:8px}.cm-seg button{flex:1 1 0;min-width:0;padding:10px 6px;border-radius:9px;cursor:pointer;white-space:nowrap;font:600 14px Space Grotesk,sans-serif;border:1px solid var(--cm-line);background:transparent;color:var(--cm-muted);transition:border-color .15s,background .15s,color .15s;margin:0}.cm-seg button:hover{border-color:var(--cm-acc);color:var(--cm-ink)}.cm-seg button.on{border-color:var(--cm-acc);background:var(--cm-acc-bg);color:var(--cm-acc-text)}.cm-seg button.off,.cm-seg button.off:hover{opacity:.4;cursor:not-allowed;border-color:var(--cm-line);background:transparent;color:var(--cm-muted)}.cm-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:4px;background:#303338;outline:none;margin-top:6px}.cm-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--cm-acc);cursor:pointer;box-shadow:0 0 0 4px #00c2ca38;box-shadow:0 0 0 4px oklch(.74 .14 200 / .22)}.cm-range::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--cm-acc);cursor:pointer;box-shadow:0 0 0 4px #00c2ca38;box-shadow:0 0 0 4px oklch(.74 .14 200 / .22)}.cm-invite{padding:26px 24px;background:var(--cm-panel);border-left:1px solid var(--cm-line2);border-radius:0 0 16px;display:flex;flex-direction:column;gap:18px}.cm-combo{position:relative}.cm-combo.off{opacity:.45}.cm-combo.off .cm-combo-input input{cursor:not-allowed}.cm-combo-input{position:relative}.cm-combo-input input{padding-right:38px}.cm-combo-caret{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--cm-faint);font:700 11px Space Grotesk,sans-serif}.cm-combo-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;max-height:232px;overflow-y:auto;padding:6px;border-radius:11px;border:1px solid var(--cm-line);background:#0d1013;box-shadow:0 20px 50px -14px #000000b3}.cm-combo-opt{padding:10px 12px;border-radius:8px;cursor:pointer;font:500 14px Space Grotesk,sans-serif;color:#c2c4c7}.cm-combo-opt:hover{background:#181b1e}.cm-combo-opt.on{color:var(--cm-acc-text);background:var(--cm-acc-bg)}.cm-combo-empty{padding:12px;font:400 13px Space Grotesk,sans-serif;color:var(--cm-faint);text-align:center}.cm-invite-lbl{font:600 12px Space Grotesk,sans-serif;color:var(--cm-muted);text-transform:uppercase;letter-spacing:.1em}.cm-code-box{border:1px solid var(--cm-line);border-radius:12px;padding:16px;background:#121417}.cm-code-lbl{font:500 11px Space Grotesk,sans-serif;color:var(--cm-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.cm-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:9px;background:var(--cm-input);border:1px solid var(--cm-line2);cursor:pointer}.cm-code-row.static{cursor:default}.cm-code{font:700 22px JetBrains Mono,monospace;color:var(--cm-acc-text);letter-spacing:.08em;-webkit-user-select:all;user-select:all}.cm-copy{font:500 12px Space Grotesk,sans-serif;color:var(--cm-acc-text);padding:5px 10px;border-radius:6px;background:var(--cm-acc-bg);white-space:nowrap}.cm-or{display:flex;align-items:center;gap:12px;font:500 11px Space Grotesk,sans-serif;color:var(--cm-faint);text-transform:uppercase;letter-spacing:.08em}.cm-or span{flex:1;height:1px;background:var(--cm-line2)}.cm-join{text-align:center;font:500 15px JetBrains Mono,monospace;letter-spacing:.05em}.cm-spacer{flex:1 1 auto;min-height:8px}.cm-start{width:100%;padding:15px;border:none;border-radius:11px;cursor:pointer;background:var(--cm-acc);color:var(--cm-acc-ink);font:700 16px Space Grotesk,sans-serif;box-shadow:0 10px 26px -10px #00c2cab3;box-shadow:0 10px 26px -10px oklch(.74 .14 200 / .7);margin:0}.cm-start:disabled{opacity:.45;cursor:default;box-shadow:none}.cm-ready{text-align:center;font-size:12px;color:var(--cm-faint)}.cm-foot{width:940px;max-width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.cm-stats{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--cm-muted)}.cm-stats strong{color:var(--cm-ink)}.cm-version{font:11px JetBrains Mono,monospace;color:var(--cm-faint)}.cm-attrib{max-width:620px;margin-top:6px;padding-top:14px;border-top:1px solid var(--cm-line2);font-size:11px;line-height:1.6;color:var(--cm-muted);text-align:center}.cm-attrib p{margin:0 0 6px}.cm-attrib p:last-child{margin-bottom:0}.cm-attrib strong{color:var(--cm-ink);font-weight:600}.cm-attrib a,.cm-version a.cm-x{color:var(--cm-acc-text);text-decoration:none;border-bottom:1px solid oklch(.84 .12 200 / .45)}.cm-attrib a:hover,.cm-version a.cm-x:hover{color:var(--cm-ink);border-bottom-color:currentColor}.cm-fan{font-size:10px;line-height:1.5;color:var(--cm-faint);opacity:.8;max-width:620px}.cm-feedback{font-size:12px;color:var(--cm-muted)}.cm-feedback strong{color:var(--cm-warn);font-weight:700}.cm-feedback a{color:var(--cm-acc-text);text-decoration:none;border-bottom:1px solid currentColor}.cm-feedback a:hover{color:var(--cm-ink)}.cm-steps-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 28px;border-bottom:1px solid var(--cm-line2)}.cm-step{display:flex;align-items:center;gap:8px;margin:0;padding:0;background:none;border:0;font:600 12px Space Grotesk,sans-serif;color:var(--cm-faint);text-transform:uppercase;letter-spacing:.06em;cursor:default}.cm-step .num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--cm-line);font:700 11px JetBrains Mono,monospace}.cm-step.on{color:var(--cm-acc-text)}.cm-step.on .num{border-color:var(--cm-acc);background:var(--cm-acc-bg);color:var(--cm-acc-text)}.cm-step.done{color:var(--cm-ink);cursor:pointer}.cm-step.done:hover{color:var(--cm-acc-text)}.cm-step:not(:last-child):after{content:"";width:20px;height:1px;background:var(--cm-line2);margin-left:2px}.cm-step-body{padding:26px 28px;display:flex;flex-direction:column;gap:22px;min-height:300px}.cm-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 28px;border-top:1px solid var(--cm-line2)}.cm-nav-r{display:flex;align-items:center;gap:14px;margin-left:auto}.cm-nav-hint{font-size:12px;color:var(--cm-faint);text-align:right;max-width:340px}.cm-back{padding:12px 20px;border-radius:10px;cursor:pointer;margin:0;border:1px solid var(--cm-line);background:transparent;color:var(--cm-muted);font:600 14px Space Grotesk,sans-serif}.cm-back:hover{border-color:var(--cm-acc);color:var(--cm-ink)}.cm-next{min-width:170px;padding:13px 24px;border:none;border-radius:11px;cursor:pointer;background:var(--cm-acc);color:var(--cm-acc-ink);font:700 15px Space Grotesk,sans-serif;box-shadow:0 10px 26px -10px #00c2cab3;box-shadow:0 10px 26px -10px oklch(.74 .14 200 / .7);margin:0}.cm-next:disabled{opacity:.45;cursor:default;box-shadow:none}.cm-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cm-mode{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;margin:0;padding:20px 18px;border-radius:13px;cursor:pointer;border:1px solid var(--cm-line);background:var(--cm-input);color:var(--cm-ink);transition:border-color .15s,background .15s}.cm-mode:hover{border-color:var(--cm-acc);background:var(--cm-acc-bg)}.cm-mode.on{border-color:var(--cm-acc);background:var(--cm-acc-bg);box-shadow:0 0 0 1px var(--cm-acc)}.cm-mode-ico{font-size:24px;line-height:1}.cm-mode-title{font:700 16px Space Grotesk,sans-serif}.cm-mode-desc{font:400 12px/1.45 Space Grotesk,sans-serif;color:var(--cm-muted)}.cm-mode.off,.cm-mode.off:hover{opacity:.55;cursor:not-allowed;border-style:dashed;border-color:var(--cm-line);background:transparent}.cm-mode:disabled,.cm-mode:disabled:hover{opacity:.5;cursor:not-allowed;border-color:var(--cm-line);background:var(--cm-input)}.cm-badge{align-self:flex-start;margin-top:2px;font:600 10px Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--cm-acc-text);background:var(--cm-acc-bg);padding:3px 8px;border-radius:5px}.cm-join-row{display:flex;gap:10px}.cm-join-row .cm-join{flex:1}.cm-join-btn{flex:0 0 auto;padding:12px 22px;border-radius:10px;cursor:pointer;margin:0;border:1px solid var(--cm-line);background:var(--cm-acc-bg);color:var(--cm-acc-text);font:700 14px Space Grotesk,sans-serif}.cm-join-btn:hover:not(:disabled){border-color:var(--cm-acc)}.cm-join-btn:disabled{opacity:.4;cursor:default}.cm-code-state{margin-top:8px;font-size:12px;line-height:1.5}.cm-step.locked,.cm-step.locked:disabled{opacity:.45;cursor:not-allowed}.cm-step.locked .num{background:transparent;border-color:transparent;font-size:12px}.cm-host-set{border:1px solid var(--cm-line);border-radius:10px;padding:12px 14px;background:var(--cm-panel)}.cm-host-set-h{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cm-faint);margin-bottom:5px}.cm-host-set-b{font-size:13px;color:var(--cm-ink)}.cm-code-state.checking{color:var(--cm-faint)}.cm-code-state.ok{color:var(--cm-good)}.cm-code-state.bad{color:var(--cm-bad)}.cm-fmt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cm-fmt-opt{position:relative;padding:15px 12px;border-radius:10px;cursor:pointer;margin:0;border:1px solid var(--cm-line);background:var(--cm-input);color:var(--cm-ink);font:600 14px Space Grotesk,sans-serif;text-align:center}.cm-fmt-opt:hover{border-color:var(--cm-acc)}.cm-fmt-opt.on{border-color:var(--cm-acc);background:var(--cm-acc-bg);color:var(--cm-acc-text)}.cm-fmt-opt.off,.cm-fmt-opt.off:hover{opacity:.4;cursor:not-allowed;border-color:var(--cm-line);background:transparent;color:var(--cm-muted)}.cm-seg button,.cm-seg button.off,.cm-seg button.off:hover,.cm-mode.off,.cm-mode.off:hover,.cm-fmt-opt.off,.cm-fmt-opt.off:hover{background:var(--cm-input)}.cm-seg button.on,.cm-mode:hover,.cm-mode.on,.cm-fmt-opt.on,.cm-join-btn,.cm-badge{background-color:var(--cm-input);background-image:linear-gradient(var(--cm-acc-bg),var(--cm-acc-bg))}.cm-q-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cm-good);animation:cm-q-pulse 1.6s ease-in-out infinite}.cm-fmt-opt .cm-q-dot{position:absolute;top:8px;right:8px}.cm-legend{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;font-size:12px;color:var(--cm-faint)}@keyframes cm-q-pulse{0%,to{box-shadow:0 0 3px var(--cm-good),0 0 #55c97580}50%{box-shadow:0 0 9px var(--cm-good),0 0 0 4px #55c97500}}.cm-hint{font-size:12px;color:var(--cm-faint)}.cm-wait{padding:40px 28px 32px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;min-height:320px}.cm-wait h3{margin:0;font:700 20px Space Grotesk,sans-serif}.cm-wait-sub{font-size:13px;color:var(--cm-muted);max-width:380px;line-height:1.5}.cm-wait .cm-code-box{width:320px;max-width:100%}.cm-wait-link{font:400 11px JetBrains Mono,monospace;color:var(--cm-faint);word-break:break-all;max-width:360px}.cm-wait-meta{font:500 12px Space Grotesk,sans-serif;color:var(--cm-muted)}.cm-spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--cm-line);border-top-color:var(--cm-acc);animation:cm-spin .9s linear infinite}@keyframes cm-spin{to{transform:rotate(360deg)}}@media(max-width:820px){.cm-body{grid-template-columns:1fr}.cm-invite{border-left:none;border-top:1px solid var(--cm-line2);border-radius:0 0 16px 16px}.cm-grid2,.cm-modes{grid-template-columns:1fr}.cm-fmt-grid{grid-template-columns:repeat(2,1fr)}.dp-cards{grid-template-columns:1fr}.dp-card-art{height:190px}}