.guide{--paper:#fbf7ee;--paper-line:#e6dcc8;--ink:#23283a;--ink-soft:#5d6274;--navy:#1c2130;--gold:#ffd54a;background:radial-gradient(circle at 20% 0%, #1d2335, var(--bg) 60%);padding-bottom:40px}.guide-toolbar{z-index:10;border-bottom:1px solid var(--border);background:#12151df0;align-items:center;gap:14px;padding:10px 24px;display:flex;position:sticky;top:0}.guide-toolbar-title{font-size:17px;font-weight:700}.guide-toolbar .hint{flex:1}.guide-toolbar .primary{padding:8px 18px}.guide-sheet{background:var(--paper);max-width:1587px;color:var(--ink);border-radius:14px;grid-template-columns:1fr 1fr 1fr;align-content:start;gap:18px 26px;margin:20px auto 0;padding:26px 30px 46px;font-size:14px;line-height:1.6;display:grid;position:relative;box-shadow:0 10px 40px #00000073}.guide-sheet-basics{grid-template-columns:1fr 1fr 1.42fr}.guide-sheet-footer{border-top:1px solid var(--paper-line);color:#8a8170;justify-content:space-between;padding-top:6px;font-size:11px;display:flex;position:absolute;bottom:12px;left:30px;right:30px}.area-a{grid-column:1}.area-b{grid-column:2}.area-c{grid-column:3}.area-ab,.area-ab2{grid-column:1/span 2}.area-wide{grid-column:1/-1}.guide-sheet-reference .area-c{grid-row:1/span 2}.guide-banner{color:#fff;background:linear-gradient(115deg,#1c2130 0%,#2b3150 55%,#4a2b45 100%);border-radius:12px;grid-column:1/-1;align-items:center;gap:26px;padding:16px 28px 20px;display:flex;position:relative;overflow:hidden}.guide-banner:after{content:"";background:linear-gradient(90deg,#e05252 0 20%,#4a8fe7 20% 40%,#4caf6a 40% 60%,#9b6ad6 60% 80%,#d9b440 80%);height:6px;position:absolute;bottom:0;left:0;right:0}.guide-banner-sub{background:var(--gold);color:var(--navy);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:18px;font-weight:700}.guide-banner-title{letter-spacing:3px;margin:0;font-size:46px;line-height:1.1}.guide-banner-title span{color:#c7cde0;font-size:26px}.guide-banner-tag{letter-spacing:2px;color:var(--gold);margin-left:auto;font-size:18px;font-weight:700}.guide-section{min-width:0}.guide-section-title{color:var(--navy);border-bottom:3px solid var(--fc);align-items:center;gap:10px;margin:0 0 10px;padding-bottom:6px;font-size:22px;display:flex}.guide-section-num{background:var(--fc);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;display:inline-flex}.guide-sub{color:var(--navy);margin:14px 0 6px;font-size:15px}.guide-sub:before{content:"■ ";color:var(--fc)}.guide-lead{margin:0 0 8px;font-size:15px}.guide-small{color:var(--ink-soft);margin:0 0 4px;font-size:12px}.guide-list{margin:4px 0;padding-left:20px}.guide-list li{margin:2px 0}.guide-checks{padding-left:2px;list-style:none}.guide-checks li:before{content:"✔ ";color:var(--fc);font-weight:700}.guide-example{background:#fff3cf;border-radius:8px;padding:6px 10px;list-style:none;margin-top:6px!important;margin-left:-20px!important}.guide-steps{counter-reset:step;margin:6px 0;padding:0;list-style:none}.guide-steps li{counter-increment:step;margin:6px 0;padding-left:34px;position:relative}.guide-steps li:before{content:counter(step);background:var(--navy);width:24px;height:24px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;top:1px;left:0}.guide-box{border:1px solid var(--paper-line);background:#fff;border-left:5px solid #9aa3b8;border-radius:8px;margin:8px 0;padding:8px 12px;font-size:13px}.guide-box-title{color:var(--navy);margin-bottom:2px;font-weight:700}.guide-box-tip{background:#f0faf2;border-left-color:#4caf6a}.guide-box-note{background:#eef4fd;border-left-color:#4a8fe7}.guide-box .guide-list{padding-left:16px}.guide-two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guide .card,.guide .card-detail{color:var(--text);line-height:normal}.guide .card{cursor:default}.guide .card:hover{filter:none}.guide-card{flex-direction:column;align-items:center;gap:4px;margin:0;display:flex}.guide-card figcaption{text-align:center;max-width:120px;font-size:12px;line-height:1.35}.guide-card figcaption b{color:var(--navy);font-size:13px;display:block}.guide-card-row{justify-content:space-around;gap:10px;display:flex}.guide-factions,.guide-sample-decks{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.guide-faction{background:var(--fc);color:#fff;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:700}.guide-faction.faction-Yomi{color:#2b2100}.guide-soul{align-items:center;gap:10px;margin:10px 0;display:flex}.guide-soul-box{background:var(--navy);color:#fff;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:8px;display:flex}.guide-soul-box span{color:#c7cde0;font-size:12px}.guide-soul-box b{color:#ff8a80;font-size:34px;line-height:1.1}.guide-soul-box.win b{color:var(--gold)}.guide-soul-arrow{color:var(--fc);font-size:28px}.guide-shot{margin:8px 0}.guide-shot-frame{width:100%;position:relative}.guide-shot-frame img{border-radius:8px;width:100%;height:100%;display:block;box-shadow:0 4px 16px #0000004d}.guide-shot figcaption{color:var(--ink-soft);margin-top:6px;font-size:12.5px}.guide-shot-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guide-shot-arrow{stroke:var(--gold);stroke-width:12px;stroke-linecap:round;filter:drop-shadow(0 0 4px #000c)}.guide-shot-cross circle{fill:#0000008c;stroke:#ff5a5a;stroke-width:5px}.guide-shot-cross path{stroke:#ff5a5a;stroke-width:7px;stroke-linecap:round}.guide-mark{border:2.5px solid var(--gold);pointer-events:none;border-radius:6px;position:absolute;box-shadow:0 0 0 1.5px #0009,inset 0 0 0 1px #0006}.guide-mark-num{background:var(--gold);min-width:24px;height:24px;color:var(--navy);border:2px solid var(--navy);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:13px;font-weight:700;line-height:1;display:inline-flex}.guide-mark .guide-mark-num{position:absolute}.guide-mark.corner-tl .guide-mark-num{top:-11px;left:-11px}.guide-mark.corner-tr .guide-mark-num{top:-11px;right:-11px}.guide-mark.corner-bl .guide-mark-num{bottom:-11px;left:-11px}.guide-mark.corner-br .guide-mark-num{bottom:-11px;right:-11px}.guide-legend{column-gap:16px;margin:6px 0;padding:0;list-style:none}.guide-legend li{break-inside:avoid;align-items:flex-start;gap:8px;margin:0 0 7px;font-size:13px;line-height:1.4;display:flex}.guide-legend b{color:var(--navy)}.guide-legend-text{color:var(--ink-soft);font-size:12px;display:block}.guide-anatomy-wrap{justify-content:center;display:flex}.guide-anatomy{flex-shrink:0;position:relative}.guide-anatomy-card{position:absolute}.guide-anatomy-card .card{box-shadow:0 2px 6px #00000059}.guide-anatomy-lines{pointer-events:none;position:absolute;inset:0;overflow:visible}.guide-anatomy-lines polyline{fill:none;stroke:var(--navy);stroke-width:2px}.guide-anatomy-lines circle{fill:var(--gold);stroke:var(--navy);stroke-width:2px}.guide-pin{white-space:nowrap;flex-direction:column;line-height:1.25;display:flex;position:absolute}.guide-pin b{color:var(--navy);font-size:14.5px}.guide-pin span{color:var(--ink-soft);font-size:12px}.guide-pin.pin-left{text-align:right;align-items:flex-end;transform:translate(-100%,-50%)}.guide-pin.pin-right{transform:translateY(-50%)}.guide-pin.pin-top{align-items:center;transform:translate(-50%,-100%)}.guide-pin.pin-bottom{align-items:center;transform:translate(-50%)}.guide-detail-row{grid-template-columns:300px 1fr;align-items:start;gap:14px;display:grid}.guide-detail-sample .card-detail{font-size:12px}.guide-detail-sample .detail-art{max-height:110px}.guide-detail-notes .guide-box:first-child{margin-top:0}.guide-board{grid-template-columns:1.9fr 1fr;align-items:start;gap:22px;display:grid}.guide-board .guide-shot{margin-top:12px}.guide-board .guide-legend{margin-top:6px}.guide-turn{grid-template-columns:2.4fr 1.6fr;align-items:start;gap:22px;display:grid}.guide-turn-side{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.guide-flow{grid-template-columns:1fr 1fr 1fr;gap:34px;display:grid}.guide-flow-step{border:1px solid var(--paper-line);border-top:6px solid var(--step,var(--fc));background:#fff;border-radius:10px;padding:10px 14px;position:relative}.guide-flow-step:not(:last-child):after{content:"➜";color:var(--navy);font-size:24px;position:absolute;top:40%;right:-29px}.guide-flow-title{color:var(--step,var(--navy));align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.guide-flow-index{background:var(--step,var(--navy));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;display:inline-flex}.guide-flow ul{margin:6px 0 0;padding-left:18px}.guide-flow li{margin:3px 0}.guide-rest-demo{justify-content:center;align-items:flex-end;gap:34px;display:flex}.guide-rested .card{opacity:.8;margin:0 17px;transform:rotate(90deg)scale(.92)}.guide-turn-side .guide-box{margin:6px 0}.guide-actions-layout{grid-template-columns:2.1fr 1fr;align-items:start;gap:22px;display:grid}.guide-actions-layout .guide-box:first-child{margin-top:0}.guide-attack-layout{grid-template-columns:1.45fr 1fr;align-items:start;gap:26px;display:grid}.guide-attack-shot{grid-template-columns:1fr 220px;align-items:center;gap:14px;display:grid}.guide-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.guide-action{border:1px solid var(--paper-line);border-top:4px solid var(--fc);background:#fff;border-radius:10px;padding:8px 12px}.guide-action-head{color:var(--navy);align-items:center;gap:8px;font-size:16px;display:flex}.guide-action-icon{font-size:22px}.guide-action-cost{white-space:nowrap;background:var(--navy);color:var(--gold);border-radius:4px;margin-left:auto;padding:0 8px;font-size:12px}.guide-action-text{font-size:13px;line-height:1.5}.guide-mana{color:#1565c0}.guide-lt{color:#db2777}.guide-ladder{counter-reset:rank;margin:4px 0;padding:0;list-style:none}.guide-ladder li{counter-increment:rank;border:1px solid var(--paper-line);background:#fff;border-radius:8px;margin:0 0 14px;padding:6px 12px 6px 44px;font-weight:700;position:relative}.guide-ladder li:before{content:counter(rank);background:var(--fc);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.guide-ladder li:not(:last-child):after{content:"▼";color:var(--fc);font-size:11px;position:absolute;bottom:-15px;left:50%}.guide-ladder li:first-child{background:#fff1f1}.guide-classes{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guide-class{border:1px solid var(--paper-line);background:#fff;border-radius:10px;gap:12px;padding:10px;display:flex}.guide-class-name{color:var(--navy);align-items:center;gap:6px;font-size:17px;font-weight:700;display:flex}.guide-class-icon{font-size:20px}.guide-class-tagline{background:#fff3cf;border-radius:4px;margin:2px 0 4px;padding:0 8px;font-size:12.5px;font-weight:700;display:inline-block}.guide-class-help{font-size:12.5px;line-height:1.5}.guide-glossary{margin:0}.guide-glossary>div{border-bottom:1px dashed var(--paper-line);gap:8px;padding:4px 0;font-size:12.5px;line-height:1.45;display:flex}.guide-glossary dt{color:#b4441f;flex:0 0 118px;font-weight:700}.guide-glossary dd{margin:0}.guide-statuses dt{color:#7e22ce}.guide-status-icon{width:20px;display:inline-block}.guide-words dt{color:var(--navy);flex-basis:86px}.guide-quick{margin:4px 0 0}.guide-quick li{margin:4px 0}.guide-timings dt{color:var(--navy);flex-basis:60px}.guide-timings>div:last-child{border-bottom:none}.guide-play-steps li b{color:var(--navy);font-size:15px;display:block}.guide-sample-decks{margin:6px 0;font-size:12.5px}.guide-play .guide-legend{columns:2}.guide-play-buttons{gap:10px;margin-top:10px;display:flex}@media screen and (width<=1500px){.guide-sheet,.guide-sheet-basics,.guide-sheet-actions{grid-template-columns:1fr 1fr;margin:20px 16px 0}.area-c,.area-ab,.area-ab2{grid-column:1/-1}.guide-sheet-reference .area-c{grid-row:auto}.guide-sheet-reference .area-c .guide-shot,.guide-sheet-actions .area-c .guide-shot{max-width:760px}}@media print{@page{size:A3 landscape;margin:0}html,body{background:#fff;min-width:0}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.guide{background:0 0;padding:0}.guide-toolbar,.guide-play-buttons{display:none!important}.guide-sheet{width:420mm;max-width:none;height:296mm;box-shadow:none;break-after:page;border-radius:0;margin:0;overflow:hidden}.guide-sheet:last-child{break-after:auto}}:root{--bg:#12151d;--panel:#1c2130;--panel-2:#252b3d;--border:#39415a;--text:#e8eaf0;--muted:#9aa3b8;--accent:#ffd54a;--danger:#ff5a5a;--ok:#5ad17a;color:var(--text);background:var(--bg);font-family:Segoe UI,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif}*{box-sizing:border-box}body{min-width:1280px;margin:0}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:#3d5afe;border-color:#5c74ff}button.small{padding:1px 8px;font-size:12px}button.active{border-color:var(--accent);color:var(--accent)}input,select,textarea{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 8px}textarea{resize:vertical;width:100%;min-height:60px;font-family:Consolas,monospace;font-size:12px}.hint{color:var(--muted);font-size:13px}.faction-Rage{--fc:#e05252}.faction-Belief{--fc:#4a8fe7}.faction-Genesis{--fc:#4caf6a}.faction-Phantom{--fc:#9b6ad6}.faction-Yomi{--fc:#d9b440}.card{border:2px solid var(--fc,var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--fc,#555) 30%, #1d2230) 0%, #1d2230 55%);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;flex-shrink:0;gap:2px;width:94px;height:128px;padding:4px;font-size:10px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.card:hover{filter:brightness(1.2)}.card.rested{opacity:.75;transform:rotate(90deg)scale(.92)}.card.hl-playable{box-shadow:0 0 0 2px #ffd54a73}.card.hl-selected{box-shadow:0 0 0 3px var(--accent), 0 0 14px var(--accent)}.card.hl-target{box-shadow:0 0 0 3px var(--danger), 0 0 14px var(--danger);animation:1s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 3px var(--danger), 0 0 4px var(--danger)}}.card-back{cursor:default;background:repeating-linear-gradient(45deg,#2a3150,#2a3150 6px,#222842 6px 12px);border-color:#4a5480;width:34px;height:46px}.card-head{align-items:center;gap:2px;display:flex}.card-cost,.card-lt{background:#0d47a1;border:1px solid #90caf9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:11px;font-weight:700;display:inline-flex}.card-lt{color:#fff;background:#db2777;border-color:#f9a8d4}.card-name{font-size:11px;font-weight:700;line-height:1.1}.card-type{color:var(--muted)}.card-dpower{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.badge-d,.badge-type{border-radius:3px;align-items:center;height:15px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.badge-d{color:#222;background:#eee}.badge-type{color:#fff;letter-spacing:-.04em;white-space:nowrap}.badge-type-structure{background:#2563eb}.badge-type-event{background:#16a34a}.keyword{color:#ffcc80}.card .keyword{background:#000;border-radius:3px;padding:0 2px}.keyword.granted,.detail-help.granted{color:#80deea}.stat-atk.buffed,.stat-hp.buffed{color:#ffd54f}.badge-d.buffed{outline:2px solid #ffd54f}.card-text{white-space:pre-line}.card.has-art .card-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-art{background:#0d1018;border-radius:4px;flex:1;min-height:0;margin:0 -2px;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;display:block}.card{position:relative}.card.has-art .card-dpower{position:absolute;top:25px;left:5px}.card.has-art .card-keywords{text-shadow:0 0 3px #000,0 0 3px #000;position:absolute;bottom:20px;left:4px;right:4px}.detail-art{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;max-height:260px}.card-statuses{flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:25px;right:4px}.status{color:#fff;background:#7e22ce;border-radius:3px;padding:0 3px;font-size:9px;font-weight:700}.detail-status{color:#ff8a80;font-size:12px}.card-text{flex:1;line-height:1.25;overflow:hidden}.card-stats{grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;font-weight:700;display:grid}.stat-atk{color:#ff8a65;grid-column:1}.card-class-icon{grid-column:2;font-size:12px;line-height:1}.stat-hp{color:#81c784;grid-column:3;justify-self:end}.stat-hp.damaged{color:var(--danger)}.menu{flex-direction:column;align-items:center;gap:12px;padding-top:12vh;display:flex}.title{letter-spacing:4px;margin:0;font-size:56px}.subtitle{color:var(--muted)}.menu-buttons{flex-direction:column;gap:12px;width:320px;margin-top:24px;display:flex}.menu-buttons button{padding:14px;font-size:17px}.menu-buttons .menu-credits-button{align-self:center;width:160px;padding:6px;font-size:13px}.credits{text-align:center}.credits p{margin:4px 0 10px}.credits-heading{color:var(--muted);margin-top:14px;font-size:13px}.menu-buttons .menu-online{flex-direction:column;align-items:center;gap:4px;display:flex}.menu-buttons .menu-guide-button{border-color:color-mix(in srgb, var(--accent) 60%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--panel-2));color:var(--accent);flex-direction:column;align-items:center;gap:2px;padding:10px 14px;font-weight:700;display:flex}.menu-guide-sub{color:var(--muted);font-size:12px;font-weight:400}.menu-online-status{opacity:.85;flex-direction:column;font-size:13px;font-weight:400;display:flex}.setup{max-width:960px;margin:0 auto;padding:24px}.setup-players{grid-template-columns:1fr 1fr;gap:24px;display:grid}.setup-player{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.setup-time{max-width:240px;margin-top:16px}.setup-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.setup-actions .primary{padding:10px 32px;font-size:16px}.battle{grid-template-columns:210px 1fr 320px;gap:8px;min-height:100vh;padding:8px;display:grid}.battle-left{flex-direction:column;justify-content:space-between;gap:8px;display:flex}.player-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:10px;font-size:13px;display:flex}.player-panel.active{border-color:var(--accent)}.player-panel.targetable{border-color:var(--danger);box-shadow:0 0 12px var(--danger);cursor:pointer}.pp-name{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.badge{background:var(--accent);color:#222;border-radius:4px;padding:1px 6px;font-size:11px}.pp-faction{color:var(--muted)}.pp-soul strong{color:#ff8a80;font-size:26px}.pp-timeouts{color:var(--muted)}.pp-target-hint{color:var(--danger);font-weight:700}.recent-event{border:1px dashed var(--border);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:12px;display:flex}.recent-event-title{color:var(--muted)}.recent-event-user{font-weight:700}.recent-event-card{border-radius:8px;animation:1.2s ease-out recent-event-in}@keyframes recent-event-in{0%{transform:scale(1.25);box-shadow:0 0 0 3px #16a34a,0 0 18px #16a34a}to{transform:scale(1);box-shadow:0 0 #0000}}.emote-panel{flex-direction:column;gap:6px;font-size:12px;display:flex}.emote-toggle{justify-content:space-between;align-items:center;font-size:13px;display:flex}.emote-caret{color:var(--muted);font-size:10px}.emote-list{grid-template-columns:1fr 1fr;gap:4px;display:grid}.emote-item{padding:4px 6px;font-size:12px}.emote-hint{color:var(--muted);text-align:center}.player-panel{position:relative}.emote-bubble{color:#10233a;pointer-events:none;z-index:5;background:#e8f4ff;border-radius:12px;padding:4px 10px;font-size:13px;font-weight:700;animation:3.2s ease-out forwards emote-bubble;position:absolute;top:6px;right:8px;box-shadow:0 2px 8px #00000080}.emote-bubble:after{content:"";border:6px solid #0000;border-left:0;border-right-color:#e8f4ff;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}@keyframes emote-bubble{0%{opacity:0;transform:translateY(6px)scale(.8)}8%{opacity:1;transform:translateY(0)scale(1.08)}14%{transform:scale(1)}80%{opacity:1}to{opacity:0;visibility:hidden}}.battle-main{flex-direction:column;gap:4px;display:flex}.opp-hand,.my-hand{flex-wrap:wrap;align-items:center;gap:4px;min-height:48px;display:flex}.my-hand{background:var(--panel);border-radius:8px;min-height:136px;padding:4px}.lane{background:var(--panel);border-radius:8px;align-items:center;padding:2px 6px;display:flex}.lane-title{width:70px;color:var(--muted);flex-direction:column;font-size:12px;display:flex}.lane-count{font-size:11px}.lane-slots{gap:6px;display:flex}.slot{border:1px dashed #333a50;border-radius:8px;justify-content:center;align-items:center;width:132px;height:132px;display:flex}.center-zone{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:6px 10px;display:flex}.center-bar{align-items:center;gap:10px;display:flex}.center-spacer{flex:1}.turn-label{font-weight:700}.action-strip{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;min-height:52px;padding-top:6px;display:flex}.action-card-name{color:var(--accent);font-size:16px;font-weight:700}.action-message{color:var(--accent);font-size:15px;font-weight:700}.pending-effect{border-left:3px solid var(--accent);color:#e3e7ef;background:#0f131c;border-radius:4px;flex-basis:100%;padding:6px 10px;font-size:13px;line-height:1.6}.pending-effect-other{opacity:.4}.trigger-order-option{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.trigger-order-name{font-weight:700}.trigger-order-text{opacity:.85;font-size:12px}.pending-part-done{color:#6b7280}.pending-part-current,.pending-part-current .hl-number{color:#ffd54a;font-weight:700}.action-btn{background:#2f3f7a;border-color:#5c74ff;flex-direction:column;align-items:flex-start;padding:8px 14px;font-size:15px;font-weight:700;display:flex}.action-btn:disabled{background:var(--panel);border-color:var(--border);opacity:.7}.action-reason{color:#ff9e80;font-size:11px;font-weight:400}.action-cancel{margin-left:auto}.card-wrap{touch-action:none;border-radius:8px;position:relative}.advance-ready{filter:drop-shadow(0 0 3px #ffd54ae6);z-index:2;pointer-events:none;border-bottom:8px solid #ffd54a;border-left:16px solid #0000;border-right:16px solid #0000;width:0;height:0;animation:1s ease-in-out infinite advance-blink;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.card-icon{white-space:nowrap;text-shadow:0 0 10px var(--icon-glow,#fffc);z-index:3;pointer-events:none;font-size:44px;line-height:1;animation:1s ease-in-out infinite card-icon-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-icon-shield{--icon-glow:#78c8fff2;font-size:57px}.card-icon-freeze{--icon-glow:#78dcfff2}.card-icon-burn{--icon-glow:#ff8c28f2}.card-icon-poison{--icon-glow:#78ff78e6}.card-icon-weaken{--icon-glow:#be96fff2}.card-icon-spellSeal{--icon-glow:#ff5050f2}.card-icon-blind{--icon-glow:#000}.card-icon-sleep{--icon-glow:#a0b4fff2}.card-icon-count{color:#fff;text-shadow:none;background:#0a0814d9;border-radius:4px;padding:0 3px;font-size:12px;font-weight:700;position:absolute;bottom:-4px;right:-10px}@keyframes card-icon-blink{0%,to{opacity:.25}30%,70%{opacity:1}}.blind-mist{pointer-events:none;z-index:2;background:linear-gradient(#0000001a 0%,#0006 40%,#0000004d 65%,#0000 85%);border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 18px 6px #000000d9}.blind-mist.on-rested{transform:rotate(90deg)scale(.92)}.blind-mist:before,.blind-mist:after{content:"";position:absolute;inset:-35%}.blind-mist:before{background:radial-gradient(circle at 36% 44%,#04020af2 0,#04020a99 9%,#04020a00 19%),radial-gradient(circle at 62% 47%,#160e24eb 0,#160e248c 10%,#160e2400 20%),radial-gradient(circle at 48% 56%,#000000e6 0,#00000080 9%,#0000 18%),radial-gradient(circle at 40% 62%,#281e388c 0,#281e3800 12%);animation:5s ease-in-out infinite alternate blind-mist-drift}.blind-mist:after{background:radial-gradient(circle at 56% 42%,#342848b3 0,#34284800 13%),radial-gradient(circle at 38% 52%,#0c0814d9 0,#0c081400 15%),radial-gradient(circle at 64% 58%,#000c 0,#0000 14%),radial-gradient(circle at 50% 46%,#463a5c73 0,#463a5c00 8%);animation:7s ease-in-out infinite alternate blind-mist-drift-2}@keyframes blind-mist-drift{0%{transform:translate(-7%,3%)rotate(0)}to{transform:translate(7%,-5%)rotate(25deg)}}@keyframes blind-mist-drift-2{0%{transform:translate(6%,-2%)rotate(0)}to{transform:translate(-6%,5%)rotate(-30deg)}}.hit-chance{z-index:4;color:#ffd54a;white-space:nowrap;pointer-events:none;text-shadow:0 0 4px #000000e6;background:#0a0814eb;border:1px solid #ffd54a;border-radius:6px;padding:1px 6px;font-size:13px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ffd54ab3}.hit-chance.hit-none{color:#ff7a7a;border-color:#ff5a5a;box-shadow:0 0 8px #ff5a5abf}@keyframes advance-blink{50%{opacity:.25}}.pp-soul-max{color:var(--muted);font-size:13px}.card-wrap.is-dragging{opacity:.3}.drag-ghost{pointer-events:none;z-index:50;opacity:.9;filter:drop-shadow(0 8px 16px #0009);position:fixed;transform:translate(-50%,-50%)rotate(-4deg)}.lane.drop-ok,.player-panel.drop-ok{outline:2px dashed var(--ok);outline-offset:-2px}.lane.drop-hover,.player-panel.drop-hover{outline:3px solid var(--ok);outline-offset:-3px;background:color-mix(in srgb, var(--ok) 15%, var(--panel))}.battle-main.drop-ok{outline:2px dashed var(--ok);border-radius:8px}.battle-main.drop-hover{outline:3px solid var(--ok);border-radius:8px}.card-wrap.fresh .card{outline-offset:2px;filter:drop-shadow(0 0 6px #ffffffbf);outline:2px solid #fff;animation:1.6s ease-in-out infinite fresh-glow}.card-wrap.fresh .card:hover{filter:drop-shadow(0 0 6px #ffffffbf)brightness(1.2)}.card-wrap.fresh .card.hl-target{animation:1s infinite pulse}@keyframes fresh-glow{50%{outline-color:#ffffff73}}.card-wrap.drop-hover-card .card{transform:scale(1.08)}.resource{background:var(--panel-2);border-radius:6px;padding:4px 6px}.resource-head{align-items:baseline;gap:6px;display:flex}.resource-label{color:var(--muted);width:36px;font-size:12px}.resource-value{font-size:22px;font-weight:700;line-height:1.1}.resource-value small{color:var(--muted);font-size:12px;font-weight:400}.mana-value{color:#64b5f6}.lt-value{color:#ff9ccf}.resource-sub{color:var(--accent);margin-left:auto;font-size:12px}.lt-used{color:#9aa0ab}.pips{gap:3px;margin-top:3px;display:flex}.pip{border-radius:3px;flex:1;height:12px}.mana-pip.on{background:#42a5f5;box-shadow:0 0 4px #42a5f5}.mana-pip.spent{background:#2b3a55;border:1px solid #42a5f5}.mana-pip.locked{background:0 0;border:1px dashed #39415a}.lt-pip{height:16px}.lt-pip.hand{background:#ff8ac4;box-shadow:0 0 5px #ff8ac4}.lt-pip.field{background:#5f6470}.lt-pip.empty{background:0 0;border:1px dashed #39415a}.pp-counts{font-size:12px}.timer{font-family:Consolas,monospace;font-size:15px}.timer.danger{color:var(--danger);font-weight:700}.setup-timer{align-items:baseline;gap:10px;display:flex}.battle-side{flex-direction:column;gap:8px;max-height:calc(100vh - 16px);display:flex;position:sticky;top:8px}.action-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px}.panel-title{margin-bottom:6px;font-weight:700}.panel-option{margin-bottom:6px}.panel-option button{text-align:left;width:100%}.reason{color:#ff9e80;margin-top:2px;font-size:12px}.card-detail{background:var(--panel);border:1px solid var(--fc,var(--border));border-radius:8px;flex-direction:column;gap:4px;padding:10px;font-size:13px;display:flex}.card-detail.empty{color:var(--muted)}.detail-name{color:#fff;font-size:17px;font-weight:700}.detail-meta{color:var(--muted);font-size:12px}.detail-faction{color:var(--fc);font-weight:700}.detail-help{color:var(--muted);font-size:12px}.detail-stats{flex-wrap:wrap;gap:4px;display:flex}.detail-stat{background:var(--panel-2);border:1px solid;border-radius:4px;align-items:baseline;gap:3px;padding:1px 6px;font-size:12px;display:inline-flex}.detail-stat-label{opacity:.85;font-size:10px}.detail-stat-value{font-size:14px;font-weight:700}.detail-stat-bonus{color:#ffd54f;font-size:11px}.detail-stat.stat-d{color:#eceff1}.detail-stat.stat-lt{color:#f472b6}.detail-stat.stat-atk-chip{color:#ff8a65}.detail-stat.stat-hp-chip{color:#81c784}.detail-stat.buffed .detail-stat-value{color:#ffd54f}.detail-keywords,.detail-status-notes{flex-direction:column;gap:2px;font-size:12px;display:flex}.detail-status-notes{border-left-color:#7e22ce}.detail-progress{color:#80deea;white-space:nowrap;font-weight:700}.detail-class-label{color:#e3e7ef;font-weight:700}.hl-status{color:#c084fc;font-weight:700}.hl-keyword{color:#ffb74d;font-weight:700}.hl-keyword.granted{color:#80deea}.hl-timing{color:#ffd54a;font-weight:700}.hl-tag{color:#80cbc4}.hl-number{color:#fff;font-weight:700}.detail-text{border-left:3px solid var(--fc);color:#e3e7ef;background:#0f131c;border-radius:4px;padding:6px 8px;line-height:1.6}.detail-tags{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.detail-tags-label{color:#fff;font-size:12px}.detail-tag{color:#80cbc4;font-size:11px}.detail-flavor{color:#b9a88a;white-space:pre-line;font-size:12px;font-style:italic}.detail-state{color:var(--accent);font-size:12px}.detail-damage{color:var(--danger)}.log-panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex:1;min-height:120px;padding:8px;font-size:12px;overflow-y:auto}.log-line{padding:1px 0}.log-turn{color:var(--accent);margin-top:6px}.log-emote{color:#8fd3ff}.modal-backdrop{z-index:10;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:420px;max-width:900px;padding:20px}.modal-title{margin-bottom:8px;font-size:18px;font-weight:700}.modal-cards{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.modal-actions.vertical{flex-direction:column}.mulligan-card{position:relative}.mulligan-card.picked .card{opacity:.6}.mulligan-label{background:var(--danger);pointer-events:none;white-space:nowrap;border-radius:4px;padding:2px 10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.volume-control{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.volume-control input{min-width:100px;accent-color:var(--accent);background:0 0;border:none;flex:1;padding:0}.volume-icon{font-size:16px}.volume-value{text-align:right;width:26px;color:var(--muted);font-family:Consolas,monospace}.menu .volume-control{width:320px;margin-top:12px}.patch-notes{background:var(--panel);border:1px solid var(--border);width:560px;color:var(--muted);border-radius:8px;margin:28px 0 32px;padding:10px 16px;font-size:13px}.patch-notes-title{color:var(--text);margin-bottom:4px;font-weight:700}.patch-notes-head{align-items:center;gap:12px;margin-bottom:4px;display:flex}.patch-notes-head .patch-notes-title{margin-bottom:0}.patch-notes-subtitle{color:var(--text);margin-top:8px;font-weight:700}.patch-history{border-top:1px solid var(--border);flex-direction:column;gap:10px;max-height:320px;margin-top:10px;padding-top:8px;display:flex;overflow-y:auto}.patch-notes ul{margin:0;padding-left:18px;line-height:1.6}.rules-screen{max-width:960px;margin:0 auto;padding:16px 24px 48px}.rules-screen-header{background:var(--bg);padding:8px 0;position:sticky;top:0}.rules-modal-body{max-height:72vh;padding-right:8px;overflow-y:auto}.rules-view{font-size:14px;line-height:1.7}.rules-view h1{margin:8px 0;font-size:24px}.rules-view h2{border-left:4px solid var(--accent);margin:18px 0 8px;padding-left:8px;font-size:19px}.rules-view h3{color:var(--accent);margin:14px 0 6px;font-size:15px}.rules-view hr{border:none;border-top:1px solid var(--border);margin:16px 0}.rules-view table{border-collapse:collapse;width:100%;margin:6px 0}.rules-view th,.rules-view td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:4px 8px}.rules-view th{background:var(--panel-2)}.rules-view p,.rules-view ul,.rules-view ol{margin:6px 0}.confirm-message{white-space:pre-line;margin:8px 0 4px;font-size:16px}.result-text{text-align:center;font-size:28px;font-weight:700}.toast{z-index:20;background:#b71c1c;border-radius:8px;padding:10px 20px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.curtain{justify-content:center;align-items:center;min-height:100vh;display:flex}.curtain-box{text-align:center;background:var(--panel);border-radius:12px;padding:40px 60px}.curtain-title{font-size:24px;font-weight:700}.lobby h2{margin:0 0 4px;font-size:17px}.lobby-actions{grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;display:grid}.lobby-actions .primary{padding:10px;font-size:16px}.lobby-join-input{letter-spacing:4px;text-transform:uppercase;font-family:Consolas,monospace;font-size:22px}.lobby-room{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;gap:8px;margin:16px 0;padding:20px;display:flex}.lobby-room-id{letter-spacing:8px;color:var(--accent);font-family:Consolas,monospace;font-size:48px;font-weight:700}.lobby-busy{color:var(--accent)}.lobby-error,.lobby-warning{color:#ff9e80}.lobby-notice{background:var(--panel);border:1px solid var(--accent);border-radius:6px;padding:10px 14px}.lobby-quick{margin-top:16px}.lobby-quick .hint{margin:0}.lobby-quick-status{color:var(--muted);flex-direction:column;gap:2px;display:flex}.lobby-quick-status .active{color:var(--accent);font-weight:700}.lobby-quick .primary{padding:10px;font-size:16px}.connection-banner{background:#6d4c00;border-radius:6px;padding:4px 10px;font-size:13px}.connection-banner.self{background:#7f1d1d}.lobby-check{cursor:pointer;align-items:center;gap:6px;margin:4px 0 8px;display:flex}.lobby-matches{margin-top:16px}.lobby-matches-head{align-items:center;gap:12px;display:flex}.lobby-matches .hint{margin:0}.match-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.match-item{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;align-items:center;gap:12px;padding:6px 10px;display:flex}.match-line{flex:1}.spectate-box{background:var(--panel);border:1px solid var(--accent);border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.spectate-title{color:var(--accent);font-weight:700}.spectate-actions{gap:6px;display:flex}.spectator-count{color:var(--muted);font-size:13px}.spectate-hand{background:var(--panel);border-radius:8px;padding:4px}.deck-builder{--db-header-h:60px;grid-template-rows:auto 1fr;grid-template-columns:280px 1fr 320px;gap:12px;min-height:100vh;padding:12px;display:grid}.db-side{top:calc(var(--db-header-h) + 12px);max-height:calc(100vh - var(--db-header-h) - 24px);grid-area:2/1;align-self:start;position:sticky;overflow-y:auto}.db-pool{flex-direction:column;grid-area:2/2;min-width:0;display:flex}.db-detail{top:calc(var(--db-header-h) + 12px);max-height:calc(100vh - var(--db-header-h) - 24px);grid-area:2/3;align-self:start;position:sticky;overflow-y:auto}.db-header{z-index:20;height:var(--db-header-h);background:var(--bg);border-bottom:1px solid var(--border);grid-column:1/4;align-items:center;gap:16px;margin:-12px -12px 0;padding:0 12px;display:flex;position:sticky;top:0}.db-search{align-items:center;display:flex;position:relative}.db-search input{width:280px;padding-right:30px}.db-search input::-webkit-search-cancel-button{display:none}.db-search-clear{color:var(--muted);background:0 0;border:none;padding:0 6px;font-size:16px;line-height:1;position:absolute;right:4px}.db-search-clear:hover{color:var(--text)}.db-search-count{color:var(--muted);font-size:13px}.db-header h1{white-space:nowrap;margin:0;font-size:22px}.db-message{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.db-filters{flex-shrink:0;gap:4px;display:flex}.db-filters button{white-space:nowrap;padding:4px 8px;font-size:13px}.db-filter-rows{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.db-filter-rows .db-filters button{padding:2px 8px}.faction-btn{border-left:4px solid var(--fc)}.db-grid{flex-wrap:wrap;flex:1;align-content:flex-start;gap:10px;padding-bottom:12px;display:flex}.db-item{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.db-skin-btn{z-index:2;background:var(--panel-2);border-color:var(--accent);width:22px;height:22px;color:var(--accent);border-radius:50%;padding:0;font-size:13px;line-height:20px;position:absolute;top:46px;right:-9px;box-shadow:0 1px 4px #0009}.db-count{align-items:center;gap:6px;display:flex}.db-count span{text-align:center;min-width:20px;font-weight:700}.db-side{flex-direction:column;gap:10px;display:flex}.db-field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.db-summary{background:var(--panel);border-radius:8px;padding:8px;font-size:13px}.ok{color:var(--ok)}.ng{color:var(--danger)}.db-errors{color:#ff9e80;margin:0;padding-left:18px;font-size:13px}.db-dock{z-index:10;background:var(--bg);border-top:1px solid var(--border);margin:0 -6px -12px;padding:8px 6px 10px;position:sticky;bottom:0;box-shadow:0 -6px 12px #00000073}.db-dock-head{align-items:baseline;gap:12px;margin-bottom:6px;font-size:13px;display:flex}.db-dock-head .panel-title{margin-bottom:0;font-size:14px}.db-dock-hint{color:var(--muted);margin-left:auto;font-size:12px}.db-list{background:var(--panel);border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start;gap:2px 8px;max-height:min(25vh,240px);padding:6px;display:grid;overflow-y:auto}.db-list .hint{margin:4px}.db-list-row{border-left:4px solid var(--fc);align-items:center;gap:6px;min-width:0;padding:2px 4px;font-size:13px;display:flex}.db-list-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.db-actions{flex-wrap:wrap;gap:6px;display:flex}.db-code{align-items:flex-start;gap:6px;display:flex}.db-import,.db-saved{background:var(--panel);border-radius:8px;flex-direction:column;gap:6px;padding:8px;display:flex}.db-saved-row{align-items:center;gap:6px;font-size:13px;display:flex}.db-saved-row span{flex:1}