:root{--felt-0:#0f2027;--felt-1:#16323a;--felt-2:#1d4148;--line:#ffffff1a;--line-strong:#ffffff38;--ink:#e8f1f2;--ink-dim:#9db2b6;--gold:#e8c479;--red:#d8453f;--green:#57c785;--shadow:0 6px 20px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 50% 0%, var(--felt-2), var(--felt-0) 70%);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,-apple-system,sans-serif;font-size:14px}button{font:inherit;color:inherit}.setup{place-items:center;height:100%;padding:24px;display:grid;overflow-y:auto}.setup-card{border:1px solid var(--line);width:min(660px,100%);box-shadow:var(--shadow);background:linear-gradient(#ffffff0f,#ffffff05);border-radius:16px;padding:30px 32px;position:relative}.setup-notice{border:1px solid var(--line-strong);color:var(--ink-dim);cursor:pointer;background:#00000047;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;transition:border-color .15s,color .15s,background .15s;display:inline-flex;position:absolute;top:12px;right:14px}.setup-notice:hover{color:var(--gold);background:#e8c4791a;border-color:#e8c4798c}.notice-panel{--notice-old:#ff8478;--notice-new:#57c785;width:min(560px,100%);max-height:100%;box-shadow:var(--shadow);text-align:left;background:linear-gradient(#1c2030,#14161f);border:1px solid #ffffff24;border-radius:14px;padding:22px 24px;overflow-y:auto}.notice-title{letter-spacing:2px;color:var(--gold);margin-bottom:12px;font-size:18px;font-weight:700}.notice-body{color:var(--ink);min-height:3em;line-height:1.9}.notice-legend{color:var(--ink-dim);border:1px dashed #ffffff29;border-radius:9px;flex-wrap:wrap;gap:6px 16px;margin-bottom:14px;padding:8px 12px;font-size:12px;display:flex}.notice-legend-item{align-items:center;gap:6px;display:inline-flex}.notice-swatch{background:currentColor;border-radius:3px;width:11px;height:11px}.notice-swatch.is-old{color:var(--notice-old)}.notice-swatch.is-new{color:var(--notice-new)}.notice-swatch.is-del{color:var(--notice-old);background:linear-gradient(#0000 42%,currentColor 42% 58%,#0000 58%)}.notice-h{letter-spacing:1px;color:var(--gold);border-bottom:1px solid #e8c47947;margin:16px 0 8px;padding-bottom:5px;font-size:14px;font-weight:700}.notice-general{border-left:3px solid var(--gold);background:#e8c47914;border-radius:0 6px 6px 0;margin:14px 0 6px;padding:3px 10px;font-weight:700}.notice-list{margin:0;padding-left:18px;list-style:outside}.notice-list>li{margin:6px 0}.notice-skill{color:var(--gold);font-weight:700}.notice-rows{gap:3px;margin:6px 0 4px;padding:0;list-style:none;display:grid}.notice-rows>li{grid-template-columns:78px 1fr;align-items:baseline;gap:8px;display:grid}.notice-row-key{text-align:right;color:var(--ink-dim);font-weight:400}.notice-bands .notice-row-key{color:inherit}.notice-tip{color:var(--ink-dim);border-left:2px solid #ffffff29;margin:10px 0 0;padding-left:10px;font-size:12px;line-height:1.75}.notice-old{color:var(--notice-old);font-weight:700}.notice-new{color:var(--notice-new);font-weight:700}.notice-del{color:var(--notice-old);text-decoration:line-through;text-decoration-thickness:1px}.notice-arrow{color:var(--ink-dim);padding:0 4px}.notice-foot{justify-content:flex-end;margin-top:20px;display:flex}.setup-title{letter-spacing:2px;color:var(--gold);align-items:baseline;gap:9px;margin:0 0 22px;font-size:30px;display:flex}.setup-version{letter-spacing:1px;color:var(--ink-dim);opacity:.75;font-size:12px;font-weight:500}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px;display:grid}.mode-card{text-align:center;border:1px solid var(--line-strong);cursor:pointer;background:#00000038;border-radius:11px;place-items:center;padding:16px 10px;transition:border-color .15s,background .15s,transform 80ms;display:grid;position:relative}.mode-card:hover{border-color:#e8c4798c}.mode-card:active{transform:translateY(1px)}.mode-card.is-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 0 18px #e8c47933;background:linear-gradient(#e8c47933,#e8c4790f)}.mode-card.is-locked{cursor:not-allowed;opacity:.45;border-style:dashed}.mode-card.is-locked:hover{border-color:var(--line-strong)}.mode-name{font-size:14px;font-weight:600}.mode-card.is-active .mode-name{color:#f6e3bb}.mode-lock{opacity:.8;font-size:11px;position:absolute;top:7px;right:8px}.setup-form{grid-template-columns:1fr;gap:14px;margin-bottom:22px;display:grid}.field{gap:6px;display:grid}.field>span{color:var(--ink-dim);letter-spacing:.5px;font-size:12px}.field input,.field select{border:1px solid var(--line-strong);color:var(--ink);background:#0000004d;border-radius:8px;outline:none;width:100%;padding:9px 12px}.field input:focus,.field select:focus{border-color:var(--gold)}.btn{border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;background:#ffffff14;border-radius:8px;padding:8px 16px;transition:transform 80ms,background .15s,border-color .15s}.btn:hover:not(:disabled){border-color:var(--gold);background:#ffffff26}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{color:#1a1206;background:linear-gradient(#c9a25a,#a8813d);border-color:#e0bd79;font-weight:600}.btn-primary:hover:not(:disabled){background:linear-gradient(#dbb571,#b8904a);border-color:#f0d199}.btn-big{letter-spacing:2px;width:100%;padding:13px;font-size:16px}.btn-ghost{background:0 0}.btn-ctrl{background:#00000047;padding:6px 12px;font-size:12.5px}.btn-ctrl.is-active{border-color:var(--gold);color:#f6e3bb;background:linear-gradient(#e8c4794d,#e8c4791f)}.btn-option{color:#f6e3bb;background:linear-gradient(#e8c4793d,#e8c4791f);border-color:#e8c4798c}.btn-pass{color:var(--ink-dim);background:#ffffff0d}.app{flex-direction:column;gap:10px;height:100%;padding:12px;display:flex;overflow:hidden}.topbar{flex-wrap:wrap;flex:none;align-items:center;gap:14px;display:flex}.brand{letter-spacing:1px;color:var(--gold);font-size:16px;font-weight:600}.status{color:var(--ink-dim);align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.mode-chip{color:#f6e3bb;background:#e8c47929;border:1px solid #e8c4796b;border-radius:999px;padding:3px 10px;font-size:12px}.status-seed{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#0000004d;border-radius:999px;padding:3px 9px}.controls{align-items:center;gap:8px;display:flex}.speed{color:var(--ink-dim);align-items:center;gap:6px;font-size:12px;display:flex}.speed select{border:1px solid var(--line-strong);color:var(--ink);background:#0000004d;border-radius:7px;outline:none;padding:5px 8px}.speed select:focus{border-color:var(--gold)}.notices{flex:none;gap:8px;display:grid}.notices:empty{display:none}.notice{border-radius:9px;padding:8px 14px;font-size:13px}.notice-paused{border:1px solid var(--line-strong);color:var(--ink);background:#ffffff14}.notice-hotseat{color:#f6e3bb;background:#e8c47929;border:1px solid #e8c47973}.notice-error{color:#ffc9c6;background:#d8453f2e;border:1px solid #d8453f8c}.table{flex:auto;grid-template-columns:minmax(210px,1fr) minmax(280px,1.25fr) minmax(230px,.85fr);gap:12px;min-height:0;display:grid}.zone{border:1px solid var(--line);background:#0000002e;border-radius:12px;min-height:0;padding:12px}.zone-opponent{align-content:start;gap:12px;display:grid;overflow-y:auto}.zone-center{align-content:center;justify-items:center;gap:18px;display:grid;position:relative;overflow:hidden}.zone-log{flex-direction:column;display:flex;overflow:hidden}.prompt{background:linear-gradient(#e8c47924,#e8c4790d);border:1px solid #e8c47966;border-radius:12px;flex:none;min-height:74px;padding:11px 16px}.prompt-idle{border-color:var(--line);color:var(--ink-dim);background:#0000002e;place-items:center;display:grid}.prompt-text{color:#f6e3bb;margin-bottom:10px;font-size:14px}.prompt-actions{flex-wrap:wrap;gap:9px;max-height:96px;display:flex;overflow-y:auto}.prompt-waiting{color:var(--ink-dim);align-items:center;gap:9px;font-size:13px;display:flex}.dots{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite blink}@keyframes blink{50%{opacity:.2}}.zone-me{flex:none;align-items:center;gap:16px;height:204px;display:flex}.panel{border:1px solid var(--line);background:#ffffff0a;border-radius:10px;flex:none;min-width:190px;max-width:260px;padding:10px 12px}.panel.is-me{border-color:#e8c47966}.panel.is-current{box-shadow:0 0 0 1px var(--gold), 0 0 18px #e8c47938}.panel.is-dead{opacity:.42;filter:grayscale(.7)}.panel.is-dying{border-color:var(--red);animation:1s ease-in-out infinite pulse}.panel.is-immune-thunder{border-color:#b284f099;position:relative}.panel.is-immune-thunder:after{content:"";pointer-events:none;border-radius:12px;animation:2.6s linear infinite thunder-flicker;position:absolute;inset:-2px;box-shadow:0 0 14px #a86ce880,inset 0 0 12px #a86ce838}@keyframes thunder-flicker{0%,38%,to{opacity:.35}42%{opacity:1}46%{opacity:.5}50%{opacity:.95}56%{opacity:.35}74%{opacity:.7}}@media (prefers-reduced-motion:reduce){.panel.is-immune-thunder:after{opacity:.7;animation:none}}.panel.is-fx-target{border-color:#b284f0bf;position:relative}.panel.is-fx-target:before{content:"";pointer-events:none;z-index:4;border-radius:13px;animation:.8s ease-out both fx-border-pulse;position:absolute;inset:-3px}@keyframes fx-border-pulse{0%{opacity:0;box-shadow:0 0 #be96ff00,inset 0 0 #be96ff00}18%{opacity:1;box-shadow:0 0 22px 5px #a86ce8d9,inset 0 0 18px #be96ff80}60%{opacity:.85;box-shadow:0 0 16px 3px #a86ce899,inset 0 0 12px #be96ff59}to{opacity:0;box-shadow:0 0 26px 7px #a86ce800,inset 0 0 20px #be96ff00}}.fx-sprite{aspect-ratio:1;pointer-events:none;z-index:5;background-repeat:no-repeat;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (prefers-reduced-motion:reduce){.panel.is-fx-target:before{opacity:0;animation:none}}@keyframes pulse{50%{box-shadow:0 0 0 1px var(--red), 0 0 22px #d8453f80}}.panel-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel-nogeneral{color:#fff9;letter-spacing:1px;background:#ffffff08;border:1px dashed #ffffff47;border-radius:6px;justify-content:center;align-items:center;width:46px;height:46px;font-size:11px;display:flex}.panel-name{font-size:15px;font-weight:600}.panel-general{color:var(--gold);font-size:12px}.badge{border:1px solid var(--line-strong);border-radius:999px;padding:2px 7px;font-size:11px}.badge-turn{color:#f6e3bb;background:#e8c47933;border-color:#e8c47980}.badge-dead{background:#ffffff0f}.badge-dying{color:#ffc9c6;background:#d8453f40;border-color:#d8453f99}.badge-tao-ward{color:#cdf0d9;background:#7acd942e;border-color:#7acd948c}.panel-hp{align-items:center;gap:5px;margin-top:8px;display:flex}.pip{border-radius:50%;width:11px;height:11px;display:inline-block}.pip-full{background:linear-gradient(#e8625c,#b8342f);box-shadow:0 0 6px #d8453f99}.pip-empty{border:1px solid var(--line-strong);background:#ffffff1a}.hp-text{color:var(--ink-dim);font-variant-numeric:tabular-nums;margin-left:6px;font-size:12px}.panel-meta{color:var(--ink-dim);flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;display:flex}.panel-range{color:var(--ink-dim)}.panel-range b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:13px}.skillbar{flex-direction:column;flex:none;gap:5px;max-width:150px;max-height:100%;padding-right:2px;display:flex;overflow-y:auto}.skill-btn{border:1px solid var(--line-strong);color:var(--ink-dim);text-align:left;cursor:default;white-space:nowrap;background:#ffffff0a;border-radius:7px;align-items:center;gap:5px;padding:5px 9px;font-size:13px;line-height:1.2;transition:border-color .15s,background .15s,color .15s;display:flex}.skill-btn[aria-disabled=true]{opacity:.55}.skill-btn.is-usable{border-color:var(--gold);color:var(--gold);cursor:pointer;background:linear-gradient(#e8c47938,#e8c47914);font-weight:700}.skill-btn.is-todo{border-style:dashed;border-color:#ffffff38}.skill-btn.is-usable:hover{background:linear-gradient(#e8c4795c,#e8c47929)}.skill-btn.is-usable:active{transform:translateY(1px)}.skill-btn-name{flex:auto}.skill-btn-tag{color:var(--ink-dim);background:#ffffff1a;border-radius:999px;flex:none;padding:1px 5px;font-size:10px;font-weight:400}.sdec{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#06080cb8;justify-content:center;align-items:center;padding:24px;animation:.14s gfade;display:flex;position:fixed;inset:0}.sdec-body{background:linear-gradient(165deg,#262a36,#1a1d26);border:1px solid #e8c47966;border-radius:14px;flex-direction:column;gap:14px;width:min(560px,100%);max-height:100%;padding:18px;animation:.16s gpop;display:flex;overflow-y:auto;box-shadow:0 20px 60px #0009}.sdec-head{grid-template-columns:1fr auto;align-items:center;gap:6px 12px;display:grid}.sdec-skill{letter-spacing:3px;color:var(--gold);font-size:24px;font-weight:700}.sdec-desc{color:#ffffff94;grid-column:1/-1;font-size:13px;line-height:1.7}.sdec-close{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:6px;grid-area:1/2;font-size:14px}.sdec-close:hover{color:#fff;border-color:var(--gold)}.sdec-step{flex-direction:column;gap:7px;display:flex}.sdec-step.is-locked{opacity:.45}.sdec-step-hint{color:var(--ink-dim);margin-left:6px}.sdec-step-label{color:var(--ink-dim);letter-spacing:1px;font-size:12px}.sdec-choices{flex-wrap:wrap;gap:7px;display:flex}.sdec-choice{border:1px solid var(--line-strong);color:inherit;cursor:pointer;background:#ffffff0d;border-radius:8px;padding:6px 11px;font-size:13px;transition:border-color .15s,background .15s}.sdec-choice:hover{border-color:#e8c47999}.sdec-choice.is-card{background:linear-gradient(#ffffff17,#ffffff08);border-left:3px solid #ffffff47;align-items:center;gap:7px;padding:5px 12px 5px 10px;display:inline-flex}.sdec-cardchip{align-items:center;gap:5px;display:inline-flex}.sdec-suit{font-variant-numeric:tabular-nums;color:#ffffff9e;font-size:12px}.sdec-suit.is-red{color:#ff8b8b}.sdec-cardname{letter-spacing:.5px;font-size:14px;font-weight:700}.sdec-choice.is-picked{border-color:var(--gold);border-left-color:var(--gold);color:var(--gold);background:linear-gradient(#e8c47957,#e8c47924);font-weight:700;box-shadow:0 0 0 1px #e8c47980,0 0 14px #e8c4792e}.sdec-foot{justify-content:flex-end;align-items:center;gap:10px;display:flex}.sdec-foot .btn-primary{min-width:130px}.sdec-foot .btn-primary:disabled{color:#e8c47999;opacity:1;cursor:not-allowed;background:0 0;border:1px dashed #e8c47973}.equips{flex:none;gap:7px;margin-top:9px;display:flex}.zone-me .equips{margin-top:0}.equip-slot{grid-template-columns:44px;justify-items:center;gap:3px;display:grid}.equip-slot-label{letter-spacing:0;white-space:nowrap;color:var(--ink-dim);opacity:.7;font-size:10px;line-height:1.2}.equip-slot.is-filled .equip-slot-label{color:var(--gold);opacity:1}.equip-empty{border:1px dashed var(--line-strong);opacity:.4;background:#0000002e;border-radius:7px;width:44px;height:62px;display:block}.equip-slot.is-filled .card{box-shadow:0 0 0 1px #e8c4798c,0 3px 8px #0006}.judge-row{flex-wrap:wrap;align-items:center;gap:5px;min-height:20px;margin-top:6px;display:flex}.zone-me .judge-row{margin-top:0}.judge-row-label{letter-spacing:.5px;color:var(--ink-dim);opacity:.7;white-space:nowrap;font-size:10px}.judge-chip{color:#f6e3bb;white-space:nowrap;background:#e8c4791f;border:1px solid #e8c47980;border-radius:999px;padding:0 7px;font-size:10.5px;line-height:1.5}.judge-chip.is-empty{border-color:var(--line-strong);color:var(--ink-dim);opacity:.45;background:#0000002e}.table-side{flex:none;gap:4px;display:grid}.hand{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;padding:10px 4px 6px;display:flex;overflow:auto hidden}.hand .card{touch-action:pan-x}.card.is-dragging{opacity:.35}.drag-ghost{z-index:45;pointer-events:none;filter:drop-shadow(0 10px 20px #0000008c);position:fixed;transform:translate(-50%,-50%)rotate(-3deg)scale(1.06)}.zone-center.is-drop-zone{outline-offset:-6px;border-radius:10px;outline:2px dashed #e8c47966;transition:outline-color .12s,background .12s}.zone-center.is-drop-hover{outline:2px solid var(--gold);background:#e8c47917}.drop-hint{z-index:2;color:var(--gold);white-space:nowrap;pointer-events:none;background:#0a0c12d9;border:1px solid #e8c47980;border-radius:999px;padding:3px 12px;font-size:12px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.hand-empty{color:var(--ink-dim);font-size:12px}.card{color:#1b1b1b;cursor:default;background:linear-gradient(170deg,#fbf7ec,#ded5c2);border:1px solid #00000073;border-radius:7px;flex:none;align-content:space-between;width:62px;height:88px;padding:5px 6px;transition:transform .1s,box-shadow .15s;display:grid;position:relative;box-shadow:0 3px 8px #0006}.card.is-small{width:44px;height:62px;padding:3px 4px;font-size:11px}.card-back{background:repeating-linear-gradient(45deg,#ffffff12 0 4px,#0000 4px 8px),linear-gradient(160deg,#24525c,#14313a);border-color:#ffffff29}.card-corner{letter-spacing:-.5px;text-align:left;font-variant-numeric:tabular-nums;font-size:11px;line-height:1}.card-corner-bottom{text-align:right;transform:rotate(180deg)}.card-nature{text-align:center;color:#fff;border-radius:50%;width:14px;height:14px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:3px;right:4px;box-shadow:0 1px 2px #00000059}.card-nature.is-fire{background:linear-gradient(160deg,#ff8a3d,#d8341a)}.card-nature.is-thunder{background:linear-gradient(160deg,#8f7bff,#4a2fa8)}.card.is-small .card-nature{width:12px;height:12px;font-size:8px;line-height:12px;top:2px;right:2px}.card-name{text-align:center;letter-spacing:1px;white-space:nowrap;justify-self:stretch;font-size:20px;font-weight:700}.card.is-len3 .card-name{letter-spacing:0;font-size:15px}.card.is-len4 .card-name{letter-spacing:0;font-size:11px}.card.is-len5 .card-name{letter-spacing:0;font-size:9px}.card.is-small .card-name{font-size:15px}.card.is-marker{color:#e6d8ff;background:linear-gradient(165deg,#2b1c4a,#472f78);border-color:#b284f0b3;align-content:center}.card.is-marker:after{content:"";pointer-events:none;border:1px solid #c69eff80;border-radius:8px;animation:2.6s linear infinite thunder-flicker;position:absolute;inset:-1px;box-shadow:0 0 9px #b284f099,inset 0 0 9px #b284f059}.card.is-small.is-marker:after{border-radius:6px}.card-face{text-align:center;color:#dcc6ff;text-shadow:0 0 9px #b284f0d9;justify-self:stretch;font-size:30px;line-height:1}.card.is-small .card-face{font-size:22px}.card.is-small.is-len3 .card-name{font-size:12px}.card.is-small.is-len4 .card-name,.card.is-small.is-len5 .card-name{white-space:normal;word-break:break-all;font-size:8.5px;line-height:1.15}.card.is-red .card-corner,.card.is-red .card-name{color:#c0392b}.card.is-black .card-corner,.card.is-black .card-name{color:#22252a}.card.is-playable{cursor:pointer;box-shadow:0 0 0 2px var(--gold), 0 4px 14px #e8c47959}.card.is-playable:hover{transform:translateY(-6px)}.card.is-highlighted{transform:translateY(-10px);box-shadow:0 0 0 3px #fff2cf,0 8px 20px #e8c4798c}.center-group{justify-items:center;gap:7px;max-width:100%;display:grid}.center-label{color:var(--ink-dim);letter-spacing:1px;font-size:12px}.center-cards{border:1px dashed var(--line);background:#00000029;border-radius:10px;align-items:center;gap:8px;max-width:100%;min-height:62px;padding:6px 12px;display:flex;overflow-x:auto}.center-empty{color:var(--ink-dim);opacity:.5;padding:0 10px}.center-label.is-abyss{color:#c8a8ff;font-weight:600}.center-label-hot{color:var(--gold);font-weight:600}.center-cards.is-revealed{background:#e8c47914;border-style:solid;border-color:#e8c4798c;box-shadow:0 0 16px #e8c4792e}.log{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex}.log-title{color:var(--ink-dim);letter-spacing:1px;border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:12px;display:flex}.log-follow{border:1px solid var(--line-strong);color:var(--ink-dim);border-radius:999px;padding:1px 6px;font-size:10.5px}.log-body{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:4px;min-height:0;font-size:12.5px;line-height:1.5;display:flex;overflow:hidden auto}.log-line{color:var(--ink-dim);flex:none}.log-phase{color:var(--gold);margin-top:6px;font-weight:600}.log-card{color:#cfe6ea}.log-damage{color:#ff9d97}.log-recover{color:#93e0ae}.log-skill{color:#c8a6ff}.log-dead{color:#ff6b63;font-weight:600}.log-empty{color:var(--ink-dim);opacity:.55}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#040c0fb8;place-items:center;display:grid;position:fixed;inset:0}.overlay-card{border:1px solid var(--line-strong);width:min(440px,92vw);box-shadow:var(--shadow);text-align:center;background:linear-gradient(#1b3d45,#12262c);border-radius:14px;padding:28px}.overlay-title{letter-spacing:3px;color:var(--ink);margin-bottom:10px;font-size:27px;font-weight:700}.overlay-title.win{color:var(--green)}.overlay-title.lose{color:var(--red)}.overlay-reason{color:var(--ink-dim);margin-bottom:6px}.overlay-seed{color:var(--ink-dim);opacity:.75;margin-bottom:20px;font-size:12px}.overlay-actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.gportrait{aspect-ratio:732/1028;background:linear-gradient(160deg,#3a3f52,#22252f);border-radius:6px;display:block;position:relative;overflow:hidden}.gportrait img{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block}.gportrait.is-thumb{width:46px}.gportrait.is-card{width:100%;height:100%}.pick-body{perspective:1600px;flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex;position:relative}.pick-showcase{z-index:5;cursor:pointer;background:#06080e80;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:.18s ease-out both showcase-fade;display:flex;position:absolute;inset:0}@keyframes showcase-fade{0%{opacity:0}to{opacity:1}}.pick-showcase-card{aspect-ratio:732/1028;will-change:transform;height:min(88%,72vh);transform-style:preserve-3d;border:1px solid #ffd67980;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 26px 70px #000000a6}.pick-showcase-card .gportrait{aspect-ratio:auto;border-radius:0;width:100%;height:100%}.pick-showcase-plate{background:linear-gradient(#0000,#06080e8c,#06080ef0);flex-direction:column;align-items:center;gap:6px;padding:26px 16px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}.pick-showcase-name{letter-spacing:3px;color:#ffe9b8;text-shadow:0 2px 10px #000c;font-size:26px;font-weight:700}.pick-showcase-skills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pick-showcase-hint{letter-spacing:1px;color:#ffffff8c;font-size:12px}@media (prefers-reduced-motion:reduce){.pick-showcase{animation:none}}.pick-card-none .pick-card-main{background:repeating-linear-gradient(45deg,#ffffff0a 0 6px,#0000 6px 12px);border-style:dashed;border-color:#ffffff38}.pick-none-portrait{aspect-ratio:732/1028;color:#ffffff6b;background:linear-gradient(160deg,#2c2f3c,#1b1e26);border-radius:6px;justify-content:center;align-items:center;width:100%;font-size:46px;line-height:1;display:flex}.gportrait-fallback{color:#cfd6e6;background:repeating-linear-gradient(45deg,#ffffff0a 0 6px,#0000 6px 12px),linear-gradient(160deg,#3b4155,#232733);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:4px;display:flex;position:absolute;inset:0}.gportrait-fallback-name{letter-spacing:1px;text-align:center;font-size:13px;font-weight:700}.gportrait-fallback-hp{color:#ffd479;font-size:11px}.gavatar{color:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:7px;padding:3px 8px 3px 3px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.gavatar:hover{background:#ffd6791a;border-color:#ffd67999}.gavatar:active{transform:scale(.97)}.gavatar-name{letter-spacing:.5px;color:#ffd479;white-space:nowrap;font-size:13px;font-weight:700}.gavatar-zoom{opacity:.5;align-self:flex-start;font-size:10px}.gavatar.is-compact .gavatar-name{font-size:12px}.panel-count{color:var(--gold);background:#e8c4791f;border:1px solid #e8c47980;border-radius:999px;padding:1px 7px;font-weight:700}.panel-count b{font-size:13px}.panel-skills{cursor:help}.panel.is-dead .gavatar{filter:grayscale();opacity:.6}.gmodal{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06080cd1;justify-content:center;align-items:center;padding:24px;animation:.15s gfade;display:flex;position:fixed;inset:0}@keyframes gfade{0%{opacity:0}to{opacity:1}}.gmodal-body{background:linear-gradient(165deg,#262a36,#1a1d26);border:1px solid #ffffff24;border-radius:14px;align-items:stretch;gap:22px;max-width:860px;max-height:100%;padding:18px;animation:.16s gpop;display:flex;box-shadow:0 20px 60px #0009}@keyframes gpop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.gmodal-body>.gportrait{flex:none;width:auto;height:min(72vh,620px)}.gmodal-side{flex-direction:column;flex:none;gap:12px;width:240px;display:flex}.gmodal-name{letter-spacing:2px;color:#ffd479;font-size:22px;font-weight:700}.gmodal-facts{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px;line-height:1.6;display:grid}.gmodal-facts dt{color:#ffffff80}.gmodal-facts dd{color:#e8ecf5;margin:0}.gmodal-todo{color:#ffffff6b}.gmodal-skills{flex-direction:column;gap:9px;min-height:0;display:flex;overflow-y:auto}.gmodal-skills-title{letter-spacing:2px;color:#ffffff73;font-size:12px}.gmodal-skill{background:#ffffff0b;border-left:3px solid #e8c4798c;border-radius:4px;padding:8px 10px}.gmodal-skill-name{letter-spacing:1px;color:var(--gold);margin-bottom:3px;font-size:15px;font-weight:700}.gmodal-skill-desc{color:#ffffffc7;font-size:13px;line-height:1.75}.gmodal-skill-desc.is-missing{color:#fff6;font-style:italic}.gmodal-side .btn{margin-top:auto}.pick{flex-direction:column;gap:14px;height:100%;padding:18px 20px 14px;display:flex;overflow:hidden}.pick-head{flex:none}.pick-title{letter-spacing:3px;color:#ffd479;margin:0 0 4px;font-size:22px}.pick-grid{flex:auto;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:14px;width:100%;max-width:900px;min-height:0;margin:0 auto;padding:4px 4px 8px;display:grid;overflow-y:auto}@media (width<=900px){.pick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.pick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pick-card{flex-direction:column;display:flex;position:relative}.pick-card-main{color:inherit;cursor:pointer;background:linear-gradient(170deg,#ffffff12,#ffffff05);border:2px solid #ffffff1f;border-radius:12px;flex-direction:column;gap:6px;padding:7px;transition:border-color .15s,transform .12s,box-shadow .15s;display:flex;position:relative}.pick-card-main:hover:not(:disabled){border-color:#ffd6798c;transform:translateY(-3px);box-shadow:0 10px 22px #0000006b}.pick-card-main.is-selected,.pick-card.is-selected .pick-card-main{border-color:#ffd479;box-shadow:0 0 0 3px #ffd47938,0 10px 26px #00000073}.pick-card.is-taken .pick-card-main{cursor:not-allowed;opacity:.42;filter:grayscale(.85)}.pick-card.is-disabled .pick-card-main{cursor:not-allowed;opacity:.34;filter:grayscale()}.pick-card-disabled{color:#ffffffb8;letter-spacing:1px;background:#0a0c12e0;border:1px solid #ffffff59;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.pick-card-name{letter-spacing:1px;text-align:center;font-size:14px;font-weight:700}.pick-card-skills{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.pick-card-skill{letter-spacing:.5px;color:var(--gold);cursor:help;background:#e8c4791f;border:1px solid #e8c47973;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.pick-card-check,.pick-card-taken{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.pick-card-check{color:#2a2110;background:#ffd479}.pick-card-taken{color:#ffb4b4;background:#0a0c12d9;border:1px solid #ff787880}.pick-card-zoom{color:#fff;cursor:pointer;opacity:.72;background:#0a0c12c7;border:1px solid #ffffff59;border-radius:999px;padding:3px 9px;font-size:12px;transition:opacity .15s,background .15s,border-color .15s;position:absolute;top:10px;right:10px}.pick-card:hover .pick-card-zoom,.pick-card-zoom:hover,.pick-card-zoom:focus-visible{opacity:1;color:#2a2110;background:#ffd479eb;border-color:#ffd479}.pick-foot{border-top:1px solid #ffffff1f;flex-wrap:wrap;flex:none;align-items:center;gap:12px;width:100%;max-width:900px;margin:0 auto;padding:12px 4px 2px;display:flex}.pick-foot-status{color:#ffffffbf;margin-right:auto;font-size:13px}.pick-foot-status b{color:#ffd479}.pick-foot-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.pick-foot-actions .btn-big{width:auto;min-width:190px}.pick-foot .btn-primary:disabled{color:#ffd479a6;box-shadow:none;opacity:1;cursor:not-allowed;background:0 0;border:1px dashed #ffd47980}@media (width<=720px){.pick{padding:12px 12px 10px}.pick-title{letter-spacing:2px;font-size:18px}.gmodal{padding:12px}.gmodal-body{flex-direction:column;gap:12px;padding:12px}.gmodal-body>.gportrait{align-self:center;height:min(46vh,360px)}.gmodal-side{width:100%}.pick-foot-actions{width:100%;margin-left:0}.pick-foot-actions .btn{flex:1 1 0;min-width:0}}