:root{--bg: #14171c;--table: #1b2027;--panel: #232a33;--panel-2: #2c3540;--line: #3a4552;--text: #e8ecf1;--muted: #9aa6b4;--accent-rgb: 244 246 248;--accent: rgb(var(--accent-rgb));--ex: #9ee3ff;--ok: #57c78a;--bad: #ef7a6d;--card: #f4f1ea;--card-text: #23272e;--fire: #d9513f;--earth: #4f9a58;--shield: #4f8de8;--deep: #101318;--on-accent: #20242b;--trigger: #5a3c9e;--trigger-line: #7c5cc4;--trigger-text: #b79cf0;--card-w: 116px;--card-h: 161px;--z-prompt: 13;--z-menu: 8;--z-tooltip: 10;--z-turn-banner: 12;--z-floating: 14;--z-awaken: 15;--z-zone: 18;--z-trigger: 20;--z-result: 21;--z-badge-pop: 30;font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:7px 12px;cursor:pointer}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}button.large{padding:12px 36px;font-size:16px}[data-attr=화염]{--attr: var(--fire)}[data-attr=대지]{--attr: var(--earth)}[data-attr=파도]{--attr: #3f8fd6}[data-attr=번개]{--attr: #c9a227}[data-attr=폭풍]{--attr: #7e6bc4}.safe-fallback{display:grid;place-items:center;min-height:60px;padding:8px;border:1px dashed var(--bad);border-radius:6px;color:var(--bad);font-size:12px}.safe-screen{display:grid;gap:12px;place-content:center;min-height:100vh;padding:16px;background:var(--bg);color:var(--text);text-align:center}.safe-actions{display:flex;gap:8px;justify-content:center}.main-page{display:grid;align-content:center;gap:36px;min-height:100vh;max-width:880px;margin:0 auto;padding:48px 24px}.main-hero{display:grid;justify-items:center;gap:10px;text-align:center}.main-hero h1{margin:0;font-size:34px}.main-hero p{margin:0;color:var(--muted);line-height:1.6}.main-portraits{display:flex;margin-bottom:6px}.main-portraits img{width:64px;height:64px;margin:0 -8px;border-radius:50%;border:3px solid var(--bg);background:var(--panel);object-fit:cover}.main-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.mode-card{position:relative;display:grid;justify-items:start;gap:8px;padding:24px;text-align:left;background:var(--panel);border-radius:12px}.mode-card:hover:not(:disabled){border-color:var(--accent);background:var(--panel-2)}.mode-card strong{font-size:20px}.mode-card>span:not(.mode-icon){color:var(--muted);line-height:1.5}.mode-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:var(--panel-2)}.mode-go{margin-top:4px;font-weight:700}.mode-badge{position:absolute;top:20px;right:20px;padding:2px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.mode-card:disabled{opacity:.6}.tutorial-page{align-content:start;gap:8px}.tutorial-page h1{margin:0 0 8px;font-size:30px}.tutorial-page header p{margin:0;color:var(--muted)}.tutorial-leaders{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.tutorial-leaders span{display:flex;align-items:center;gap:8px;color:var(--muted)}.tutorial-leaders img{width:36px;height:36px;border-radius:50%;background:var(--panel);object-fit:cover}.chapter-list{display:grid;gap:8px;margin:8px 0 0;padding:0;list-style:none}.chapter-row{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px}.chapter-row:hover:not(:disabled){border-color:var(--accent);background:var(--panel-2)}.chapter-row:disabled{opacity:.55;cursor:not-allowed}.chapter-row.cleared b{border-color:var(--ok);color:var(--ok)}.chapter-reward{display:flex;flex:none;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px;font-size:13px}.chapter-reward img{width:30px;height:30px;border-radius:50%;background:var(--deep);object-fit:cover}.chapter-reward>span{display:grid;line-height:1.25}.chapter-reward small{color:var(--muted);font-size:11px}.chapter-reward.earned{border-color:var(--ok)}.chapter-reward.earned small{color:var(--ok)}.chapter-lock{color:var(--muted);font-size:13px}.chapter-row b{display:grid;flex:none;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:13px}.chapter-text{display:grid;flex:1;gap:2px;min-width:0}.chapter-text small{color:var(--muted)}.chapter-guide{display:grid;align-content:start;gap:24px}.guide-start{width:100%;padding:12px;font-size:15px}.guide-list{display:grid;gap:6px;margin:0;padding-left:20px;line-height:1.6}.guide-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:0;padding:0;list-style:none}.guide-cards li{display:grid;align-content:start;gap:6px}.guide-cards img{width:100%;aspect-ratio:368 / 513;border-radius:8px;background:var(--panel);object-fit:cover}.guide-cards span,.guide-opponent{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.guide-opponent{font-size:inherit}.guide-leaders{display:grid;gap:10px;margin:0;padding:0;list-style:none}.guide-leaders li{display:flex;align-items:flex-start;gap:12px}.guide-leaders img{flex:none;width:40px;height:40px;border-radius:50%;background:var(--panel);object-fit:cover}.guide-leaders p{margin:2px 0 0;color:var(--muted);line-height:1.5}.arcade-page{align-content:start;gap:28px;text-align:center}.arcade-page h1{margin:0 0 8px;font-size:30px}.arcade-page header p{margin:0;color:var(--muted)}.arcade-page .arcade-stage-label{margin:0 0 6px;color:var(--accent);font-size:14px;font-weight:800;letter-spacing:3px}.arcade-versus{display:flex;align-items:center;justify-content:center;gap:28px}.arcade-fighter{display:grid;justify-items:center;gap:6px;min-width:160px}.arcade-fighter img{width:112px;height:112px;border:3px solid var(--attr);border-radius:50%;background:var(--deep);object-fit:cover}.arcade-fighter strong{font-size:18px}.arcade-fighter span{color:var(--muted);font-size:13px}.arcade-vs{color:var(--muted);font-size:28px;font-style:italic}.arcade-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.arcade-track li{display:grid;justify-items:center;gap:4px;padding:12px 6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px}.arcade-track li.current{border-color:var(--accent);color:var(--text)}.arcade-track li.done{border-color:var(--ok)}.arcade-track img,.arcade-unknown{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--deep);object-fit:cover}.arcade-unknown{font-size:20px;font-weight:700}.arcade-track span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.arcade-actions{display:flex;justify-content:center;gap:10px}@media (max-width: 560px){.arcade-track{grid-template-columns:repeat(3,minmax(0,1fr))}.arcade-versus{gap:12px}.arcade-fighter{min-width:0}}.start{max-width:1240px;margin:0 auto;padding:48px 24px}.back-link{margin:0 0 10px;padding:2px 0;background:none;border:0;color:var(--muted);font-size:13px}.back-link:hover:not(:disabled){color:var(--text)}.start-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.start-actions{display:flex;flex:none;align-items:center;gap:16px;margin-top:4px}.difficulty{align-items:center}.difficulty-label{margin-right:4px;color:var(--muted);font-size:12px}.start-button{display:inline-flex;align-items:center;gap:8px}.start h1{margin:0 0 8px;font-size:30px}.start p{color:var(--muted);margin:0 0 28px;line-height:1.6}.start-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 8px;padding:0;list-style:none}.start-steps button{display:grid;grid-template-columns:auto 1fr auto;column-gap:14px;align-items:center;width:100%;min-height:56px;text-align:left;background:var(--panel)}.start-steps b{grid-column:1;grid-row:1 / span 2;align-self:center;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);font-size:12px}.step-title{grid-column:2;grid-row:1}.step-value{grid-column:2;grid-row:2}.step-profile{grid-column:3;grid-row:1 / span 2;width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--deep);border:2px solid var(--attr)}.step-profile.placeholder{display:grid;place-items:center;color:var(--muted);border:1px dashed var(--line)}.start-steps small{color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.start-steps .current{border-color:var(--accent);background:var(--panel-2)}.start-steps .current b,.start-steps .done b{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.start-section{margin:24px 0 10px;font-size:15px}.leader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.leader-option{display:grid;justify-items:center;gap:4px;padding:12px 8px 10px;background:var(--panel);border-top:4px solid var(--attr)}.leader-option img{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--deep);border:2px solid var(--attr)}.leader-option span,.leader-option small{color:var(--muted);font-size:12px}.leader-option:disabled{opacity:.5;cursor:not-allowed}.leader-option .arcade-clear{color:var(--accent);font-weight:700}.leader-option.selected{border-color:var(--accent);border-top-color:var(--attr);background:var(--panel-2)}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.deck-option{display:grid;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--attr);border-radius:6px;overflow:hidden}.deck-option:not(.illegal){cursor:pointer}.deck-option:not(.illegal):hover{border-color:var(--muted)}.deck-option.selected{border-color:var(--accent);border-left-color:var(--attr);background:var(--panel-2)}.deck-pick{display:grid;gap:4px;justify-items:start;padding:14px;text-align:left;background:transparent;border:0;border-radius:0}.deck-pick span{color:var(--muted);font-size:12px}.deck-pick:disabled{opacity:1}.deck-option.illegal strong{color:var(--muted)}.deck-pick .deck-issue{color:var(--bad)}.deck-badge{padding:1px 6px;border:1px solid var(--line);border-radius:999px}.deck-badges{display:flex;gap:6px}.deck-pick .deck-badge.chosen{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:700}.deck-option.selected{box-shadow:0 0 0 1px var(--accent)}.deck-actions{display:flex;gap:6px;padding:0 14px 12px}.deck-actions button{padding:4px 10px;font-size:12px}.deck-empty{margin:0;padding:28px 16px;border:1px dashed var(--line);border-radius:6px;color:var(--muted);text-align:center}.deck-new{display:grid;place-items:center;align-content:center;gap:4px;min-height:120px;background:transparent;border:1px dashed var(--line);color:var(--muted)}.deck-new b{font-size:28px;line-height:1}.start-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);height:100vh}.start-layout .start{width:100%;overflow:auto}.deck-panel .panel-title{margin:0;font-size:16px}.panel-empty{flex:1;display:grid;place-items:center;margin:0;padding:16px;color:var(--muted);border-top:4px solid var(--line)}@media (max-width: 900px){.start-layout{grid-template-columns:1fr;height:auto}.start-layout .start{overflow:visible}}.builder{--card-w: 132px;--card-h: 184px;display:grid;grid-template-columns:1fr minmax(320px,400px);height:100vh}.builder-pool{display:flex;flex-direction:column;min-width:0;overflow:auto;padding:16px}.builder-filters{position:sticky;top:-16px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-16px -16px 0;padding:16px;background:var(--bg);border-bottom:1px solid var(--line)}.builder input[type=search],.builder .deck-name{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:7px 10px}.builder input[type=search]{width:220px}.builder-top-actions{display:flex;gap:8px;margin-left:auto}.icon-button{display:inline-flex;align-items:center;gap:6px}.chip-row{display:flex;gap:4px}.chip{padding:4px 10px;border-radius:999px;font-size:12px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.toggle{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.builder-hint{margin:12px 0;color:var(--muted);font-size:12px}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--card-w) + 12px),1fr));gap:14px 8px;justify-items:center}.pool-card{position:relative;display:grid;gap:6px;padding:4px;border:2px solid transparent;border-radius:10px}.pool-card.in-deck{border-color:var(--accent);background:var(--panel)}.pool-card .card{cursor:pointer}.pool-trigger{position:absolute;left:8px;bottom:42px;padding:1px 6px;border-radius:4px;background:var(--trigger);color:#fff;font-size:11px;pointer-events:none}.count-control{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;text-align:center}.count-control button{padding:2px 0;border-radius:999px;font-size:16px;line-height:1.2}.count-control b{font-variant-numeric:tabular-nums}.builder-empty{color:var(--muted);font-size:12px}.builder-deck{display:flex;flex-direction:column;min-height:0;background:var(--table);border-left:1px solid var(--line)}.builder-head{display:grid;gap:8px;padding:16px;border-bottom:1px solid var(--line);border-top:4px solid var(--attr)}.builder .deck-name{width:100%;font-size:16px;font-weight:700}.builder-summary{display:flex;align-items:center;gap:10px}.builder-summary strong{font-size:22px;font-variant-numeric:tabular-nums}.builder-summary .legal,.builder-summary .illegal{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700}.builder-summary .legal{color:var(--ok);border:1px solid var(--ok)}.builder-summary .illegal{color:var(--bad);border:1px solid var(--bad)}.builder-stats{margin:0;color:var(--muted);font-size:12px}.builder-stats .over{color:var(--bad)}.curve{display:flex;align-items:flex-end;gap:4px;height:56px}.curve span{display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:2px}.curve i{width:100%;min-height:2px;border-radius:2px 2px 0 0;background:var(--attr)}.curve small{color:var(--muted);font-size:10px}.builder-issues{margin:0;padding-left:18px;color:var(--bad);font-size:12px}.builder-issues .clause{margin-left:6px;color:var(--muted)}.builder-list{flex:1;min-height:0;overflow:auto;padding:8px 16px}.builder-list h3{margin:12px 0 6px;font-size:13px}.builder-list h3 small{color:var(--muted)}.deck-row{display:grid;grid-template-columns:20px 32px 1fr auto;align-items:center;gap:6px;margin:0 -8px;padding:3px 8px;border-radius:6px}.deck-row:hover,.deck-row:focus-within{background:var(--panel-2)}.deck-row.with-detail{grid-template-columns:20px 32px 1fr auto auto}.deck-row.editable.with-detail{grid-template-columns:20px 32px 1fr auto auto 28px 28px 28px}.deck-row .row-detail{padding:2px 8px;font-size:12px;opacity:0}.deck-row:hover .row-detail,.deck-row .row-detail:focus-visible{opacity:1}.deck-row.editable{grid-template-columns:20px 32px 1fr auto 28px 28px 28px}.deck-row img{width:32px;height:32px;object-fit:cover;object-position:top;border-radius:4px}.row-count{text-align:right;font-variant-numeric:tabular-nums}.row-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-trigger{margin-left:6px;color:var(--trigger-text)}.row-cost{color:var(--muted);font-size:12px}.deck-row button{padding:2px 0}.builder-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}@media (max-width: 760px){.builder{grid-template-columns:1fr;grid-template-rows:1fr 45vh}}.panel-detail{display:flex;flex:1;flex-direction:column;min-height:0;border-top:4px solid var(--attr)}.panel-detail-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.panel-detail-body{position:relative;flex:1;min-height:0;overflow:auto;padding:16px}.panel-detail-body .card-view{position:static;pointer-events:auto;background:transparent}.panel-keywords{position:fixed;z-index:var(--z-floating);width:240px}.panel-keywords .keyword-popovers{position:static}.row-popover{position:fixed;z-index:var(--z-floating);width:300px;padding:12px 14px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--attr);border-radius:8px;box-shadow:0 8px 24px #0000007f;font-size:12px;line-height:1.5;pointer-events:none}.row-popover h3{margin:0 0 4px;font-size:14px}.row-popover h3 small,.row-popover .meta{margin:0;color:var(--muted)}.row-popover .spec-sections{gap:0}.row-popover .spec-section+.spec-section{margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.row-popover p{margin:4px 0 0}.game{display:grid;grid-template-columns:170px minmax(700px,1fr) 340px;grid-template-rows:minmax(0,1fr);height:100vh;min-width:1210px}.status-rail{display:flex;flex-direction:column;justify-content:space-between;gap:8px;height:100vh;padding:8px 0 8px 10px;background:var(--table)}@media (max-height: 800px){.status-rail{overflow-y:auto}}.table{display:flex;flex-direction:column;gap:6px;padding:8px 14px;background:var(--table);overflow:auto}.level-rail{display:flex;flex:1 0 170px;flex-direction:column;justify-content:center;gap:2px}.level-step{display:flex;flex:1 1 0;align-items:center;justify-content:center;gap:6px;min-height:0;max-height:30px;padding:0;color:var(--muted);background:var(--panel);border:1px solid transparent;border-radius:4px;font-size:12px}.level-up{position:relative;z-index:1;flex:1;padding:5px 0;font-size:13px}.level-row{display:flex;flex:1 1 0;gap:4px;min-height:0;max-height:30px}.level-footer{flex:none;max-height:none;margin-top:4px}.level-row .level-step{flex:1;justify-content:space-between;max-height:none;padding:0 8px}.ex-cell{flex:none;width:44px;background:var(--panel);border-radius:4px;transition:background-color .18s ease-out,opacity .3s ease-out .5s}.ex-cell.spent{background:color-mix(in srgb,var(--ex) 35%,var(--panel))}.ex-cell.charged{background:var(--ex)}.ex-cell.preview{animation:ex-preview .7s ease-in-out infinite}.gauge-closed .ex-cell.charged,.gauge-closed .ex-cell.spent{opacity:.35}.ex-count{display:grid;flex:none;place-items:center;width:44px;background:var(--panel);border-radius:4px;color:var(--ex);font-size:11px;white-space:nowrap}@keyframes ex-preview{50%{opacity:.3}}.level-step small{color:var(--accent);font-size:10px}.level-step.reached{color:var(--text);background:color-mix(in srgb,var(--attr) 38%,var(--panel))}.level-step.current{color:#fff;background:var(--attr);font-weight:800}.player-status{flex:none;position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--panel);border-radius:6px}.player-status.current{box-shadow:inset 0 0 0 1px var(--accent)}.turn-banner{position:fixed;top:50%;left:calc(50% - 85px);translate:-50% 0;z-index:var(--z-turn-banner);display:flex;align-items:center;justify-content:center;gap:14px;min-width:240px;padding:12px 20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:26px;font-weight:800;box-shadow:0 8px 30px #0000008c;pointer-events:none;animation:turn-banner 1.2s ease-out both}.turn-banner-text{display:grid;gap:2px}.turn-banner-text small{color:var(--muted);font-size:13px;font-weight:600}.turn-banner img{width:56px;height:56px;border-radius:50%}@keyframes turn-banner{0%{opacity:0;transform:translateY(14px) scale(.92)}18%,78%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.player-status.awakened{background:linear-gradient(160deg,color-mix(in srgb,var(--attr) 30%,var(--panel)),var(--panel) 70%)}.awaken-effect{grid-column:1 / -1;display:grid;justify-items:start;gap:3px;margin:4px 0 0;color:var(--text);font-size:11px;line-height:1.35}.awaken-effect p{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.awaken-more{padding:1px 8px;font-size:11px}.awaken-flip{width:320px;height:229px;perspective:1000px}.awaken-flip-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:awaken-flip .9s cubic-bezier(.45,0,.3,1) .6s both}.awaken-flip img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;backface-visibility:hidden}.awaken-flip img.awaken-back{transform:rotateY(180deg)}.awaken-text{animation:awaken-text .3s ease-out 1.4s both}@keyframes awaken-flip{0%{transform:rotateY(0)}55%{transform:rotateY(110deg) scale(1.08)}to{transform:rotateY(180deg)}}@keyframes awaken-text{0%{opacity:0}to{opacity:1}}.awaken-banner{position:fixed;top:calc(50% - 215px);left:calc(50% - 275px);z-index:var(--z-awaken);display:grid;justify-items:center;gap:6px;width:380px;padding:18px 22px;text-align:center;line-height:1.5;background:var(--panel);border:2px solid var(--attr);border-radius:10px;box-shadow:0 0 0 4px rgb(var(--accent-rgb) / 25%),0 0 44px 12px var(--attr);animation:awaken-in .48s cubic-bezier(.2,.9,.3,1.2)}.awaken-title{color:var(--accent);font-size:13px;font-weight:800}.awaken-banner strong{font-size:22px}@keyframes awaken-in{0%{opacity:0;filter:brightness(2.4);transform:scale(.8)}to{opacity:1;filter:none;transform:none}}.who{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.who span{color:var(--muted);font-size:12px;line-height:1.35}.stat,.stat-button{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.stat span,.stat-button>span:first-child{font-size:12px;color:var(--muted)}.stat-button{background:transparent;border-color:transparent;padding:2px 4px;margin:-2px -4px;width:calc(100% + 8px)}.stat-button.damage{grid-column:1 / -1;flex-direction:column;align-items:flex-start;margin-top:4px}.pips{display:flex;gap:2px}.pips i{width:9px;height:11px;border-radius:2px;background:var(--panel-2);border:1px solid var(--line)}.pips i.on{background:var(--bad);border-color:var(--bad)}.more-stats{position:relative;display:flex;justify-content:flex-end}.more-button{display:grid;place-items:center;padding:2px 8px;color:var(--muted)}.more-items{left:0;right:auto;min-width:150px}.more-items .stat,.more-items .stat-button{padding:4px 6px;margin:0;width:100%}.status-group{display:flex;flex:none;flex-direction:column;gap:6px}.size-meter{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:6px;padding:8px 10px;background:var(--panel);border-radius:6px}.size-meter>span{color:var(--muted);font-size:12px}.size-meter>b{font-size:15px;font-variant-numeric:tabular-nums}.size-meter>i{grid-column:1 / -1;height:4px;overflow:hidden;border-radius:2px;background:var(--panel-2)}.size-meter>i>i{display:block;height:100%;background:var(--attr, var(--accent));transition:width .2s ease-out}.field{display:flex;flex:1 0 auto;flex-direction:column;justify-content:center;gap:6px}.lanes+.lanes{margin-top:22px}.lanes{display:grid;grid-template-columns:repeat(3,minmax(172px,1fr)) minmax(124px,150px);gap:10px;justify-items:center}.cell{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:172px;min-height:calc(var(--card-h) + 4px + 8px + 34px)}.cell-below{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-top:8px;min-height:34px}.cell.fighting .card,.cell.fighting .empty-slot{box-shadow:0 0 0 2px var(--bad)}.cell.attackable .card{box-shadow:0 0 0 2px var(--ok)}.attack-arrow.preview{opacity:.4;transition:opacity .12s ease-out}.attack-arrow.preview{stroke:#e8ecf1b3}.cell.attackable:hover .attack-arrow.preview{stroke:var(--text)}.cell.attackable:hover .attack-arrow.preview,.cell.attackable:focus-within .attack-arrow.preview{opacity:1}.chip.attack{background:var(--bad);border-color:var(--bad);color:#fff;font-weight:700}.chip.attack:hover:not(:disabled){border-color:#fff}.cell.declaring .card{animation:declare-glow 1.1s ease-in-out infinite}.attack-arrow{position:absolute;left:calc(50% - 13px);z-index:2;width:26px;height:60px;fill:none;stroke:var(--bad);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.cell[data-owner=me] .attack-arrow{top:-63px}.cell[data-owner=ai] .attack-arrow{top:calc(var(--card-h) + 3px);rotate:180deg}.attack-arrow polyline{animation:arrow-flow 1.2s linear infinite}.attack-arrow polyline:nth-child(1){transform:translateY(4px)}.attack-arrow polyline:nth-child(2){transform:translateY(23px);animation-delay:-.4s}.attack-arrow polyline:nth-child(3){transform:translateY(42px);animation-delay:-.8s}.attack-arrow.guarding{stroke:#fff}.guard-arrow{position:absolute;top:calc(var(--card-h) / 2 - 30px);z-index:2;width:26px;height:60px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.guard-arrow.to-right{left:calc(50% + var(--card-w) / 2 + 20px - 13px);rotate:90deg}.guard-arrow.to-left{left:calc(50% - var(--card-w) / 2 - 20px - 13px);rotate:-90deg}.guard-arrow polyline{animation:arrow-flow 1.2s linear infinite}.guard-arrow polyline:nth-child(1){transform:translateY(4px)}.guard-arrow polyline:nth-child(2){transform:translateY(23px);animation-delay:-.4s}.guard-arrow polyline:nth-child(3){transform:translateY(42px);animation-delay:-.8s}@keyframes declare-glow{0%,to{box-shadow:0 0 0 1px #ef7a6dd9,0 0 8px 2px #ef7a6d66}50%{box-shadow:0 0 0 1px #ef7a6dd9,0 0 18px 5px #ef7a6d99}}@keyframes arrow-flow{0%{opacity:0;transform:translateY(46px)}25%,70%{opacity:1}to{opacity:0;transform:translateY(0)}}.cell.actionable .card,.cell.actionable .empty-slot{box-shadow:0 0 0 2px var(--ok)}.empty-slot{width:var(--card-w);height:var(--card-h);color:var(--muted);background:transparent;border:1px dashed var(--line)}.action-label{position:absolute;top:6px;right:4px;padding:1px 6px;border-radius:4px;background:var(--ok);color:#10231a;font-size:11px;font-weight:700;pointer-events:none}.rejection{margin:0;color:var(--bad);font-size:11px;line-height:1.35;text-align:center}.card{display:flex;flex-direction:column;gap:3px;flex:none;width:var(--card-w);height:var(--card-h);padding:5px 6px;text-align:left;color:var(--card-text);background:var(--card);border:0;border-top:5px solid var(--attr);border-radius:7px;overflow:hidden}.card.has-image{position:relative;padding:0;background:#000;border-top:0}.card-image{display:block;width:100%;height:100%;object-fit:cover}.stat-badge{position:absolute;top:3px;padding:0 2px;border-radius:3px;color:#fff;font-size:10px;line-height:13px;font-variant-numeric:tabular-nums}.stat-badge.power{right:14px}.stat-badge.hit{right:2px}.stat-badge.up{background:#187a3f}.stat-badge.down{background:#bd2b1c}.leader-profile{grid-row:1 / span 2;width:46px;height:46px;border:2px solid var(--attr);border-radius:50%}.player-status.awakened .leader-profile{border-color:var(--accent)}.card.spent{filter:saturate(.5) brightness(.72)}.card.dimmed{filter:brightness(.42) saturate(.55);transition:filter .15s ease-out}.card.playable{box-shadow:0 0 0 2px var(--ok)}.card.selected{box-shadow:0 0 0 3px var(--accent);transform:translateY(-6px)}.card-top{display:flex;align-items:center;justify-content:space-between}.cost{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--attr);color:#fff;font-size:12px}.type{color:#646a72;font-size:10px}.name{font-weight:800;font-size:13px;line-height:1.2}.text{flex:1;overflow:hidden;font-size:10px;line-height:1.3}.trigger-mark{align-self:flex-start;padding:0 4px;border-radius:3px;background:var(--trigger);color:#fff;font-size:9px}.numbers{display:flex;justify-content:space-between;font-size:13px}.numbers .up{color:#187a3f}.numbers .down{color:#bd2b1c}.chip{padding:2px 8px;font-size:11px;border-radius:4px}.unit-badges{position:absolute;top:0;left:calc(50% + var(--card-w) / 2 + 3px);z-index:4;display:flex;flex-direction:column;gap:4px}.badge-wrap{position:relative}.unit-badge{display:grid;cursor:default;place-items:center;width:23px;height:23px;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:5px;color:var(--text);font-size:10px;letter-spacing:-.5px;white-space:nowrap}.unit-badge.up{border-color:var(--ok);color:var(--ok)}.unit-badge.down{border-color:var(--bad);color:var(--bad)}.badge-pop{position:absolute;top:0;left:100%;z-index:var(--z-badge-pop);display:none;width:260px;margin-left:5px;padding:8px 10px;background:var(--deep);border:1px solid var(--line);border-radius:6px;font-size:12px;line-height:1.5}.badge-pop:before{position:absolute;top:0;bottom:0;left:-6px;width:6px;content:""}.badge-pop.to-left{right:100%;left:auto;margin-right:5px;margin-left:0}.badge-pop.to-left:before{right:-6px;left:auto}.badge-wrap:hover .badge-pop,.badge-wrap:focus-within .badge-pop{display:block}.badge-pop p{margin:4px 0 0;color:var(--muted)}.badge-pop .badge-source{color:var(--text);font-weight:700;cursor:help}.badge-pop .badge-detail{margin-top:2px;font-size:11px;line-height:1.45}.badge-line+.badge-line{margin-top:6px}.chip.ex-button{border-color:var(--ex);color:var(--ex);font-weight:700}.chip.ex-button:disabled{border-color:var(--line);color:var(--muted);font-weight:400;opacity:1}.chip.active{background:var(--trigger);border-color:var(--trigger-line)}.skill-zone{display:flex;flex-direction:column;gap:4px;align-self:start;width:100%;min-height:var(--card-h);padding:6px;border:1px dashed var(--line);border-radius:7px}.skill-zone-title{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--muted);font-size:11px}.skill-zone-title b{color:var(--text)}.skill-chip{display:flex;justify-content:space-between;gap:6px;width:100%;text-align:left}.skill-chip span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.skill-chip small{flex:none;color:var(--muted)}.prompt{position:fixed;top:12px;left:calc(50% - 285px);z-index:var(--z-prompt);display:flex;flex-direction:column;gap:8px;width:400px;padding:6px 12px 10px;background:#101318f0;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 26px #0000008c;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.prompt:active{cursor:grabbing}.prompt.pass-through{pointer-events:none}.pip-grip{align-self:center;width:32px;height:4px;border-radius:2px;background:var(--line)}.phase-track{display:flex;align-items:center;flex:none;gap:6px;padding:6px 12px;background:var(--panel);border-radius:6px;font-size:12px;color:var(--muted);white-space:nowrap}.phase{padding:1px 6px;border-radius:4px}.phase.on{background:var(--accent);color:var(--on-accent);font-weight:700}.message{margin:0;line-height:1.4}.prompt-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.prompt-buttons:empty{display:none}.hand-row{position:sticky;bottom:0;z-index:5;display:flex;flex:none;gap:10px;min-height:calc(var(--card-h) + 18px);margin-top:auto;padding:12px 0 2px;background:var(--table)}.hand{display:flex;flex:1;justify-content:center;gap:6px;min-width:0}.piles{display:flex;flex:none;flex-direction:column;gap:6px;width:72px;height:var(--card-h)}.pile{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0;background:var(--panel);border:1px dashed var(--line);border-radius:7px}.pile span{color:var(--muted);font-size:11px}.pile b{font-size:16px}.deck-pile{background:var(--panel-2);border-style:solid}.deck-pile{position:relative;color:var(--text)}.deck-pile:disabled{opacity:1}.deck-pile.drawable{border-color:var(--accent);cursor:pointer}.deck-pile.drawable:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--accent);border-radius:7px;pointer-events:none;animation:deck-ghost .8s ease-out infinite}@keyframes deck-ghost{0%{opacity:.7;transform:translate(0)}to{opacity:0;transform:translate(-20px) scale(.94)}}.hand-slot{position:relative;flex:0 1 var(--card-w);min-width:0}.hand-slot:last-child{flex:none}.hand .card{touch-action:none;-webkit-user-select:none;user-select:none}.hand-slot.dragging .card{opacity:.25}.drag-ghost .card{transform:translate(-50%,-50%)}.drag-ghost{position:fixed;top:0;left:0;z-index:var(--z-floating);filter:drop-shadow(0 10px 18px rgb(0 0 0 / 60%));pointer-events:none}.cell.drop-target.actionable .card,.cell.drop-target.actionable .empty-slot{box-shadow:0 0 0 3px var(--accent),0 0 18px 4px rgb(var(--accent-rgb) / 55%)}.field.drop-field{border-radius:8px;outline:2px dashed var(--accent);outline-offset:-2px}.hand-slot:hover,.hand-slot:focus-within,.hand-slot.selected{z-index:1}.hand-slot:hover .card:not(.selected){transform:translateY(-6px)}.cell[data-owner=me]{--arrive-from: 40px}.cell[data-owner=ai]{--arrive-from: -40px}.card.arrive-enter{animation:unit-enter .42s cubic-bezier(.2,.9,.3,1.2)}.card.arrive-upgrade{z-index:1;animation:unit-upgrade .76s ease-out}.card.upgrade-ghost{position:absolute;top:0;left:calc(50% - var(--card-w) / 2);z-index:2;pointer-events:none;animation:ghost-out .52s ease-in forwards}.arrival-ring{position:absolute;top:0;left:calc(50% - var(--card-w) / 2);z-index:3;width:var(--card-w);height:var(--card-h);border:3px solid var(--attr);border-radius:9px;pointer-events:none;animation:ring-out .76s ease-out forwards}.upgrade-burst{position:absolute;top:58px;left:50%;z-index:4;padding:3px 10px;border-radius:4px;background:var(--accent);color:var(--on-accent);font-size:13px;font-weight:800;white-space:nowrap;pointer-events:none;animation:burst-up .76s ease-out forwards}@keyframes unit-enter{0%{opacity:0;transform:translateY(var(--arrive-from)) scale(1.18)}70%{opacity:1;transform:translateY(0) scale(.96)}to{transform:none}}@keyframes unit-upgrade{0%,35%{opacity:0;filter:brightness(2.4);transform:scale(1.22)}65%{opacity:1;filter:brightness(1.7);transform:scale(.96)}to{filter:none;transform:none}}@keyframes ghost-out{50%{opacity:.9;filter:brightness(1.8);transform:scale(1.04)}to{opacity:0;filter:brightness(2.4) blur(5px);transform:scale(.82)}}@keyframes ring-out{0%{opacity:.95;transform:scale(.96)}to{opacity:0;transform:scale(1.36)}}@keyframes burst-up{0%{opacity:0;transform:translate(-50%,8px)}30%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-12px)}}.card.fx-attack{z-index:2;animation:fx-lunge .42s cubic-bezier(.3,0,.3,1)}.card.fx-defend{animation:fx-brace .36s ease-out}.fx-shield,.fx-open,.fx-ex{position:absolute;top:58px;left:50%;z-index:4;padding:3px 12px;border-radius:4px;font-size:13px;font-weight:800;white-space:nowrap;pointer-events:none;animation:fx-tag .62s ease-out both}.fx-shield{background:var(--shield);color:#fff;box-shadow:0 0 0 3px #4f8de859,0 0 22px 8px #4f8de88c}.fx-ex{background:var(--ex);color:var(--deep)}.fx-open{background:var(--deep);color:var(--muted);border:1px solid var(--line)}.card.fx-destroyed{position:absolute;top:0;left:calc(50% - var(--card-w) / 2);z-index:3;pointer-events:none;animation:fx-shatter .42s ease-in var(--fx-delay) both}.card.fx-destroyed.from-attack{animation:fx-lunge .42s cubic-bezier(.3,0,.3,1) var(--fx-attack-delay),fx-shatter .42s ease-in var(--fx-delay) both}.fx-status-hit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:var(--bad);pointer-events:none;animation:fx-flash .52s ease-out both}.fx-damage{position:absolute;top:6px;right:10px;z-index:5;color:var(--bad);font-size:24px;font-weight:900;text-shadow:0 1px 4px #000;pointer-events:none;animation:fx-float .7s ease-out both}.fx-damage.zero{color:var(--muted)}.fx-hit-glow{position:fixed;right:0;left:0;z-index:var(--z-floating);height:180px;pointer-events:none;animation:fx-hit-glow .7s ease-out both}.fx-hit-glow.top{top:0;background:linear-gradient(to bottom,#ef3c2d39,#ef3c2d00)}.fx-hit-glow.bottom{bottom:0;background:linear-gradient(to top,#ef3c2d39,#ef3c2d00)}.hit-check{--card-w: min(200px, 38vw);--card-h: calc(var(--card-w) * 513 / 368);position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-floating);display:grid;place-items:center;background:#0000009e;animation:hit-dim .2s ease-out both}.hit-group{position:relative;width:var(--card-w);height:var(--card-h);animation:hit-leave .45s ease-in var(--hit-out) forwards}.hit-group.trigger-end{animation:none}.hit-slot{position:absolute;top:0;right:0;bottom:0;left:0;transition:translate .38s cubic-bezier(.2,.8,.3,1)}.hit-card{position:relative;filter:drop-shadow(0 8px 18px rgb(0 0 0 / 60%));animation:hit-reveal .32s cubic-bezier(.2,.8,.3,1.2) both}.hit-tag{position:absolute;bottom:-8px;left:50%;translate:-50% 0;padding:1px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:11px;font-weight:700}.hit-tag.trigger{background:var(--trigger);border-color:var(--trigger-line);color:#fff}@keyframes hit-dim{0%{opacity:0}}@keyframes hit-reveal{0%{opacity:0;transform:translateY(-24px) perspective(600px) rotateY(80deg) scale(.9)}}@keyframes hit-leave{to{opacity:0;transform:translate(-220px) scale(.6)}}.fx-hit-glow.bottom.redraw{height:220px;background:linear-gradient(to top,rgb(var(--accent-rgb) / 6.6%),rgb(var(--accent-rgb) / 0%));animation-duration:1.1s}@keyframes fx-hit-glow{0%{opacity:0}5%{opacity:1}to{opacity:0}}@keyframes fx-lunge{35%{transform:translateY(calc(var(--arrive-from) * -.3))}65%{transform:translateY(calc(var(--arrive-from) * -1.6)) scale(1.05)}to{transform:none}}@keyframes fx-brace{30%{transform:translateY(calc(var(--arrive-from) * .2)) scale(.97);filter:brightness(1.25)}to{transform:none}}@keyframes fx-tag{0%{opacity:0;transform:translate(-50%,4px) scale(.86)}25%,75%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(1)}}@keyframes fx-shatter{0%{opacity:1;filter:none}to{opacity:0;filter:grayscale(1) brightness(1.6) blur(5px);transform:scale(.8) rotate(-4deg)}}@keyframes fx-flash{0%{opacity:.65}to{opacity:0}}@keyframes fx-float{0%{opacity:0;transform:translateY(8px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.2)}70%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.nudge{animation:nudge-soft 1.4s ease-in-out infinite}.nudge.strong{animation:nudge-strong 1s ease-in-out infinite}@keyframes nudge-soft{0%,to{box-shadow:0 0 rgb(var(--accent-rgb) / 0%)}50%{box-shadow:0 0 0 2px rgb(var(--accent-rgb) / 55%),0 0 10px 2px rgb(var(--accent-rgb) / 45%)}}@keyframes nudge-strong{0%,to{box-shadow:0 0 0 2px rgb(var(--accent-rgb) / 70%),0 0 12px 3px rgb(var(--accent-rgb) / 55%)}50%{box-shadow:0 0 0 3px rgb(var(--accent-rgb) / 95%),0 0 30px 10px rgb(var(--accent-rgb) / 85%)}}@media (prefers-reduced-motion: reduce){.nudge{animation:none;box-shadow:0 0 0 2px rgb(var(--accent-rgb) / 55%)}.nudge.strong{animation:none;box-shadow:0 0 0 3px rgb(var(--accent-rgb) / 95%),0 0 22px 6px rgb(var(--accent-rgb) / 75%)}.awaken-flip-inner{animation:none;transform:rotateY(180deg)}.trigger-dialog,.turn-banner,.awaken-text,.awaken-banner,.attack-arrow polyline,.guard-arrow polyline{animation:none}.cell.declaring .card{animation:none;box-shadow:0 0 0 1px #ef7a6dd9,0 0 13px 3px #ef7a6d7f}.deck-pile.drawable:after{animation:none;opacity:0}.hit-check,.hit-group,.hit-card{animation:none}.hit-slot{transition:none}.card.fx-attack,.card.fx-defend,.fx-status-hit,.fx-damage{animation:none}.fx-status-hit,.fx-destroyed{display:none}.fx-shield,.fx-open,.card.arrive-enter,.card.arrive-upgrade{animation:none}.upgrade-ghost,.upgrade-burst,.arrival-ring{display:none}}.side{display:flex;flex-direction:column;gap:8px;min-height:0;height:100vh;padding:10px;background:var(--bg);border-left:1px solid var(--line)}.side-actions{display:flex;gap:6px}.side-actions>button{flex:1}.game-menu{position:relative}.menu-button{padding:7px 12px}.menu-items{position:absolute;top:calc(100% + 4px);right:0;z-index:var(--z-menu);display:grid;gap:4px;min-width:120px;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px #0000007f}.menu-heading{margin:6px 6px 0;color:var(--muted);font-size:12px;white-space:nowrap}.menu-divider{width:100%;margin:2px 0;border:0;border-top:1px solid var(--line)}.menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 6px;font-size:13px;white-space:nowrap;cursor:pointer}.menu-toggle input{position:relative;flex:none;width:30px;height:16px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;cursor:pointer}.menu-toggle input:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--muted)}.menu-toggle input:checked{background:var(--accent);border-color:var(--accent)}.menu-toggle input:checked:before{left:16px;background:var(--on-accent)}.menu-toggle input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hide-clauses .clause,.hide-clauses .inline-clause{display:none}.side-body{position:relative;display:flex;flex:1;flex-direction:column;gap:8px;min-height:0}.log{padding:10px 12px;background:var(--panel);border-radius:6px}.detail{line-height:1.5}.spec-sections{display:flex;flex-direction:column;gap:6px}.detail .spec-section{padding:8px 12px;background:var(--panel);border-radius:6px}.spec-section>:first-child{margin-top:0}.spec-section>:last-child{margin-bottom:0}.detail .spec-section:first-child{border-top:3px solid var(--attr, var(--line))}.detail .spec-section.trigger{border-left:3px solid var(--trigger-line)}.card-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;gap:8px;background:var(--bg);pointer-events:none}.card-pinned{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;background:var(--bg)}.card-pinned .panel-detail-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}.card-pinned .card-view{position:relative;inset:auto;flex:1;min-height:0;pointer-events:auto}.card-detail-button{position:fixed;z-index:var(--z-floating);padding:3px 9px;translate:-100% 0;background:#101318e0;border-color:var(--muted);font-size:12px;box-shadow:0 2px 8px #00000073}.keyword-hint{margin-top:8px;color:var(--muted);font-size:11px}.keyword-popovers{position:absolute;right:calc(100% + 18px);bottom:0;z-index:var(--z-floating);display:flex;flex-direction:column;gap:6px;width:240px}.keyword-popover{padding:8px 12px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px #0000007f}.keyword-popover h4{margin:0 0 2px;color:var(--accent);font-size:13px}.keyword-popover p{margin:0;font-size:12px;line-height:1.45}.card-view img{flex:none;align-self:center;max-width:100%;max-height:calc(100vh - 300px);border-radius:15px}.card-view .detail{position:relative;flex:none}.detail h3,.log h3{margin:0 0 4px;font-size:14px}.detail small,.meta{color:var(--muted);font-size:12px;font-weight:400}.detail p{margin:4px 0}.zone-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-zone);display:grid;place-items:center;padding:24px;background:#0009}.zone-panel{display:flex;flex-direction:column;gap:12px;width:min(900px,100%);height:min(640px,100%);padding:16px 18px;background:var(--panel);border-radius:10px;box-shadow:0 10px 40px #0009}.zone-panel header{display:flex;align-items:center;justify-content:space-between}.zone-panel h2{margin:0;font-size:18px}.zone-panel small{color:var(--muted);font-size:13px;font-weight:400}.zone-body{display:grid;flex:1;grid-template-columns:minmax(0,1fr) 280px;gap:16px;min-height:0}.zone-cards{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:0;padding:2px;overflow-y:auto}.zone-inspect{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto}.zone-inspect img{width:100%;border-radius:13px}.zone-inspect .detail{flex:none}.zone-inspect .detail .spec-section{background:var(--panel-2)}.zone-empty{margin:0;color:var(--muted)}.log{flex:1;min-height:0;overflow:auto}.log ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.log li{line-height:1.4;font-size:12.5px}.log-time{margin-right:6px;color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.log li.note{padding:4px 6px;background:var(--panel-2);border-left:2px solid var(--accent);border-radius:3px}.card-ref{text-decoration:underline;text-underline-offset:2px;cursor:help}.card-ref:hover,.card-ref:focus-visible{color:var(--accent);outline:none}.log-tooltip{position:fixed;z-index:var(--z-tooltip);width:300px;box-shadow:0 6px 20px #0000007f;pointer-events:none}.clause{margin-left:6px;padding:0 4px;border-radius:3px;background:var(--panel-2);color:var(--accent);font-size:11px;white-space:nowrap}.seed{color:var(--muted);font-size:11px}.pick-range{margin:4px 0 6px;color:var(--muted);font-size:12px}.prompt-choices{display:flex;flex-direction:column;gap:4px;max-height:260px;margin:8px 0;padding:0;overflow-y:auto;list-style:none}.choice{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;text-align:left}.choice b{display:grid;flex:none;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:12px}.choice.picked{border-color:var(--accent)}.choice.picked b{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.trigger-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-trigger);display:grid;place-items:center;background:#0000008c;animation:trigger-in .24s ease-out .45s both}.trigger-panel .card{width:200px;height:278px;border-radius:10px}.trigger-panel{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;width:560px;padding:18px 20px;background:var(--panel);border-top:4px solid var(--trigger-line);border-radius:10px;box-shadow:0 10px 40px #0009}.trigger-title{grid-column:1 / -1;margin:0;color:var(--trigger-text);font-weight:800}.trigger-body{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.trigger-body h2{margin:0;font-size:18px}.trigger-body p{margin:0;line-height:1.5}.trigger-body .trigger-rule{color:var(--muted);font-size:12px}.trigger-body button{margin-top:auto;align-self:flex-end;min-width:96px}@keyframes trigger-in{0%{opacity:0}to{opacity:1}}.result{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-result);display:grid;place-items:center;background:#0009}.result>div{min-width:340px;padding:24px 28px;background:var(--panel);border-radius:10px;text-align:center}.result h2{margin:0 0 8px;font-size:28px;color:var(--accent)}.result-actions{display:flex;justify-content:center;gap:8px;margin-top:16px}.result-bar{position:fixed;top:12px;left:50%;z-index:var(--z-result);display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:8px 12px 8px 16px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px #00000059;translate:-50% 0}.result-bar strong{color:var(--accent);font-size:16px}.result-bar span{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.damage-steps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 4px}.damage-steps small{color:var(--muted);font-size:12px}.damage-step{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:12px}.damage-step.trigger{background:var(--trigger-text);border-color:var(--trigger-text);color:var(--on-accent);font-weight:700}.damage-step.lost{border:1px dashed var(--bad);color:var(--bad);text-decoration:line-through}.damage-step.lost.trigger{border:1px dashed var(--trigger-text);color:var(--on-accent)}