:root{--card-back: url(/card-back.webp);--bg: #0e1216;--bg-panel: #161c22;--bg-raised: #1e2630;--line: #2a3440;--text: #e8edf2;--text-dim: #93a1b0;--accent: #4a9eff;--accent-dim: #2a5f99;--danger: #ff6b6b;--ok: #4ade80;--warn: #fbbf24;--leader: #ffd166;--card-w: 52px;--card-h: 73px;--hand-w: 62px;--hand-h: 87px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100vh;height:100dvh;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:14px;overscroll-behavior:none;overflow:hidden}input,textarea,select{font-family:inherit;font-size:16px;color:var(--text);background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px;min-width:0;max-width:100%}input[type=checkbox],input[type=radio]{width:auto;padding:0;background:none;border:none;min-height:20px;min-width:20px}button{font:inherit;color:inherit;background:var(--bg-raised);border:1px solid var(--line);border-radius:8px;padding:10px 14px;min-height:44px;cursor:pointer}button:active:not(:disabled),.card:active,[role=button]:active{filter:brightness(1.14);transform:scale(.97)}@media (prefers-reduced-motion: reduce){button:active:not(:disabled),.card:active,[role=button]:active{transform:none}}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent-dim);border-color:var(--accent)}button.danger{background:#5a2626;border-color:var(--danger)}button.small{min-height:34px;padding:6px 10px;font-size:13px}.app{display:flex;flex-direction:column;height:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.board{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding:3px}.table{flex:1;min-height:0;display:flex;align-items:stretch;gap:2px}.orb-rail{flex:0 0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:4px 2px;width:34px}.orb-rail-gap{flex:1 1 auto}.orb-stack{position:relative;display:flex;flex-direction:column;align-items:center}.orb-count{font-size:10px;color:var(--text-dim);line-height:1;margin-bottom:2px}.orb-card{position:relative;width:28px;height:39px;border-radius:3px;border:1px solid var(--line);overflow:hidden;padding:0;min-height:0;flex:0 0 auto}.orb-card+.orb-card{margin-top:3px}.orb-stack.choosing{border-radius:10px;padding:3px;border:2px solid var(--danger);background:#ff6b6b14;animation:orb-call 1.3s ease-in-out infinite}@keyframes orb-call{0%,to{box-shadow:0 0 6px #ff6b6b73}50%{box-shadow:0 0 16px 3px #ff6b6bbf}}.skill.usable{border-color:var(--accent);box-shadow:0 0 10px #4a9eff59;background:#4a9eff14;cursor:pointer}.skill.usable .tag.go{background:var(--accent-dim);color:#eaf3ff}.skill.blocked{opacity:.78}.skill-why{margin-top:4px;font-size:12px;color:var(--danger)}.inf-stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px;min-height:0;border:1px dashed #4a3f6a;border-radius:6px;background:#4a3f6a2e}.inf-label{font-size:8px;color:#b0a5d6;line-height:1}.inf-count{font-size:10px;color:var(--text-dim);line-height:1}.inf-pile{display:flex;flex-direction:column;align-items:center}.inf-card{width:22px;height:31px;border-radius:3px;overflow:hidden;border:1px solid #4a3f6a}.inf-card+.inf-card{margin-top:-21px}.inf-more{font-size:9px;color:var(--text-dim);line-height:1;margin-top:2px}.inf-card img{width:100%;height:100%;object-fit:cover;display:block}.inf-name{font-size:7px;line-height:1.1}.orb-card.pickable{cursor:pointer;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim);animation:pulse 1.2s infinite}.orb-card.picked{border-color:var(--ok);box-shadow:0 0 0 2px var(--ok)}.orb-card img{width:100%;height:100%;object-fit:cover;display:block}.orb-card.down{background:var(--card-back) center / cover no-repeat,#1b2740;box-shadow:0 1px 2px #00000080}.orb-card.up{border-color:#b39338;box-shadow:0 0 0 1px #b3933880}.orb-card.gone{background:transparent;border-style:dashed;border-color:#2a3340}.orb-no{position:absolute;left:1px;top:1px;min-width:11px;padding:0 2px;border-radius:3px;background:#000000a6;color:#d9c07a;font-size:9px;line-height:12px;text-align:center}.orbs-note{white-space:nowrap}.info-bar{display:flex;align-items:center;gap:8px;padding:3px 8px;background:var(--bg-panel);border-radius:6px;font-size:11px;color:var(--text-dim);flex-wrap:wrap;white-space:nowrap}.info-bar .who{color:var(--text);font-weight:600}.info-bar .turn-mark{color:var(--warn)}.info-bar button{min-height:28px;padding:3px 8px;font-size:12px}.row{display:flex;align-items:center;gap:5px;flex:1 1 auto;min-height:calc(var(--card-h) + 8px);max-height:calc(var(--card-h) + 40px);padding:3px 5px;background:var(--bg-panel);border-radius:6px;overflow:hidden}.row-units{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.row-units:before,.row-units:after{content:"";margin:auto}.row.enemy{background:#1a1418}.row-label{flex:0 0 auto;font-size:11px;color:var(--text-dim);writing-mode:vertical-rl;height:var(--card-h);display:flex;align-items:center;justify-content:center;letter-spacing:2px}.row .empty{color:var(--text-dim);font-size:12px;padding:0 8px}.bond-strip{display:flex;align-items:center;gap:3px;padding:2px 6px;background:#141a20;border-radius:6px;overflow-x:auto;min-height:34px}.bond-label{font-size:10px;color:var(--text-dim);flex:0 0 auto}.bond-strip .empty{font-size:10px;color:var(--text-dim)}.bond-stack{display:flex;align-items:center;flex:0 1 auto;min-width:0}.bond-card{position:relative;flex:0 0 auto;width:var(--bond-w, 30px);height:calc(var(--bond-w, 30px) * 22 / 30);padding:0;min-height:0;border-radius:3px;overflow:hidden;border:1px solid var(--line);background:var(--bg-raised)}.bond-card+.bond-card{margin-left:calc(var(--bond-w, 30px) * -.6)}.bond-card:hover,.bond-card:focus-visible{z-index:5;transform:translateY(-3px);border-color:var(--accent)}.bond-card img{position:absolute;left:50%;top:50%;width:73.3%;height:136.4%;object-fit:cover;display:block;transform:translate(-50%,-50%) rotate(90deg)}.bond-card.facedown img{filter:brightness(.35) saturate(.4)}.bond-card .fd-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-dim);font-weight:700}.zone-btn{flex:0 0 auto;margin-left:auto}.facedown img{filter:brightness(.35) saturate(.4)}.support-area{display:grid;grid-template-columns:1fr 1fr auto auto auto 1fr 1fr;align-items:start;justify-items:center;gap:6px;padding:6px;background:linear-gradient(180deg,#1b2430,#151c25);border-top:1px solid var(--accent-dim);border-bottom:1px solid var(--accent-dim)}.support-slot,.battler{display:grid;grid-template-rows:14px auto 14px 12px;justify-items:center;align-items:center;gap:2px;font-size:10px;color:var(--text-dim)}.support-slot .s-label,.battler .s-label{white-space:nowrap;line-height:14px}.support-slot .s-val{color:var(--ok);font-weight:700;font-size:12px;line-height:14px}.support-slot .s-detail{font-size:9px;color:var(--text-dim);line-height:12px}.support-slot.failed .card{filter:grayscale(.85) brightness(.55)}.support-slot.failed .s-val{color:var(--danger)}.battle-summary{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:700;text-align:center}.battle-summary div:nth-child(2){color:var(--text-dim);font-size:11px;font-weight:400}.battle-band{position:relative;flex:0 0 auto}.support-area{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:6;overflow-x:auto;border-radius:6px;box-shadow:0 8px 24px #0000008c}.board{position:relative}.board.review-tap{cursor:pointer}.board.review-tap .card{cursor:default}.battler.empty{color:var(--text-dim);font-size:12px}.battler .b-val{font-weight:700;font-size:11px;color:var(--text);line-height:14px}.battler .b-defeated{font-size:9px;color:var(--danger);line-height:12px}.support-slot .card,.battler .card{width:44px;height:62px}.s-place{width:44px;height:62px;border:1px dashed var(--line);border-radius:4px}.battle-total{align-self:center;min-width:2.2em;text-align:center;font-size:22px;font-weight:800;line-height:1.1;padding:0 4px;flex:0 0 auto;font-variant-numeric:tabular-nums}.battle-total.mine{color:var(--ok)}.battle-total.foe{color:var(--danger)}.battle-vs{align-self:center;font-size:12px;font-weight:700;color:var(--text-dim);flex:0 0 auto;padding:0 2px}.battle-line{display:flex;align-items:center;gap:8px;padding:2px 8px;background:linear-gradient(90deg,transparent,var(--bg-raised),transparent);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:var(--text-dim);min-height:30px}.battle-line button{min-height:26px;padding:2px 8px;font-size:11px}.card,.card img,.orb-card,.orb-card img,.drag-ghost{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.card{position:relative;flex:0 0 auto;width:var(--card-w);height:var(--card-h);border-radius:5px;overflow:hidden;background:var(--bg-raised);border:1px solid var(--line);padding:0;min-height:0;transition:transform .12s}.card img{width:100%;height:100%;object-fit:cover;display:block}.card.hand{width:var(--hand-w);height:var(--hand-h)}.card.acted{transform:rotate(90deg) scale(.82);filter:brightness(.6)}.card.leader{border-color:var(--leader);border-width:2px}.card.selected{outline:3px solid var(--accent);outline-offset:1px}.card.fresh{outline:2px solid #4aa8ff;outline-offset:1px;box-shadow:0 0 10px #4aa8ff8c}.card.targetable{outline:3px solid var(--ok);outline-offset:1px;animation:pulse 1.2s infinite}.card.actionable:after{content:"";position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--ok)}@keyframes pulse{50%{outline-color:#16a34a}}.card-text{width:100%;height:100%;display:flex;flex-direction:column;padding:3px;font-size:9px;line-height:1.15;text-align:left;gap:2px}.card-text .t-title{color:var(--text-dim);font-size:8px}.card-text .t-name{font-weight:700;font-size:11px}.card-text .t-foot{margin-top:auto;display:flex;justify-content:space-between}.card-badge{position:absolute;bottom:0;left:0;right:0;background:#000000c7;font-size:10px;font-weight:700;text-align:center;padding:1px 0}.card-badge.buffed{color:var(--ok)}.card-badge.debuffed{color:var(--danger)}.card-stack{position:absolute;top:2px;left:2px;background:#000000bf;border-radius:3px;font-size:9px;padding:0 3px;color:var(--leader)}.hand-area{position:relative;z-index:6;background:var(--bg-panel);border-radius:6px;padding:12px 4px 4px;overflow:visible;margin-top:auto}.hand-scroll{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px;min-height:calc(var(--hand-h) + 4px)}.hand-empty{color:var(--text-dim);font-size:12px;padding:8px}.hand-scroll .card{touch-action:pan-x}.hand-scroll .card.usable{touch-action:none}.card.dragging{opacity:.35}.drag-ghost{position:fixed;width:calc(var(--card-h) * .72);transform:translate(-50%,-50%) rotate(-4deg);pointer-events:none;z-index:100;border-radius:4px;box-shadow:0 6px 18px #0009;opacity:.92}.drop-target{outline:2px dashed var(--accent-dim);outline-offset:-2px}.drop-target.over{outline:2px solid var(--ok);outline-offset:-2px;background:color-mix(in srgb,var(--ok) 12%,transparent)}.card.drop-target{outline-offset:1px}.phase-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--bg-panel);border-top:1px solid var(--line);flex-shrink:0;height:52px;box-sizing:border-box}.phase-name{font-weight:700;font-size:13px;white-space:nowrap;flex:0 0 auto;min-width:6em}.phase-hint{color:var(--text-dim);font-size:11px;flex:1;min-width:0;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.phase-bar button{min-height:40px;padding:8px 12px;font-size:13px;white-space:nowrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;background:#0009;display:flex;align-items:flex-end;z-index:20}.sheet{position:relative;width:100%;max-height:82vh;max-height:82dvh;overflow-y:auto;background:var(--bg-panel);border-radius:14px 14px 0 0;border-top:1px solid var(--line);padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.sheet>*{flex:0 0 auto}.sheet h2{margin:0;font-size:16px}.sheet-close{position:sticky;align-self:flex-end;margin-bottom:-30px;top:6px;right:8px;min-height:28px;padding:2px 9px;font-size:16px;line-height:1;border-radius:14px;background:#00000059;color:var(--text-dim);z-index:1}.sheet .sub{color:var(--text-dim);font-size:12px;margin-top:-6px}.sheet-head{display:flex;gap:10px}.sheet-head img{width:96px;border-radius:6px;flex:0 0 auto}.sheet-shops{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px}.sheet-shops .d-sub{color:var(--text-dim)}.sheet-shops a{display:inline-flex;align-items:center;min-height:32px;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}.sheet-shops a:hover,.sheet-shops a:focus-visible{border-bottom-color:var(--accent)}.sheet-actions{display:flex;flex-wrap:wrap;gap:8px}.sheet-actions button{flex:1 1 44%}.stat-grid{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;font-size:13px}.stat-grid .k{color:var(--text-dim)}.power-breakdown{background:var(--bg-raised);border-radius:8px;padding:8px 10px;font-size:13px}.power-breakdown .line{display:flex;justify-content:space-between;gap:8px}.power-breakdown .line .src{color:var(--text-dim)}.power-breakdown .total{border-top:1px solid var(--line);margin-top:4px;padding-top:4px;font-weight:700}.skill{display:block;width:100%;text-align:left;background:var(--bg-raised);border:2px solid transparent;border-radius:8px;padding:8px 10px;min-height:0;font-size:12px;line-height:1.5}.skill .name{font-weight:700;font-size:13px}.skill .tag{display:inline-block;font-size:10px;padding:1px 5px;border-radius:4px;background:var(--accent-dim);margin-left:6px}.skill.unimpl{opacity:.62}.skill.unimpl .tag{background:#6b4a1a}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:16px;z-index:30}.modal-backdrop.compact{align-items:flex-end;background:#00000047;padding:0}.modal-backdrop.compact .modal{max-width:none;border-radius:12px 12px 0 0;max-height:46vh;max-height:46dvh;border-bottom:none;padding-bottom:calc(14px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #00000080}.modal{background:var(--bg-panel);border:1px solid var(--line);border-radius:12px;padding:14px;max-width:460px;width:100%;max-height:84vh;max-height:84dvh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.modal .prompt{font-size:14px;line-height:1.5}.modal .who{font-size:12px;color:var(--warn)}.modal .options{display:flex;flex-wrap:wrap;gap:8px}.modal .options button{flex:1 1 46%}.modal .card-options{display:flex;flex-wrap:wrap;gap:8px}.log-backdrop{position:fixed;top:0;right:0;left:0;bottom:56px;z-index:24;background:#00000040}.log-foot{margin:0;font-size:10px;color:var(--text-dim);text-align:center}.log-panel{position:fixed;right:0;top:0;bottom:56px;width:min(88vw,380px);background:var(--bg-panel);border-left:1px solid var(--line);z-index:25;display:flex;flex-direction:column;padding:10px;padding-top:calc(10px + env(safe-area-inset-top));gap:8px}.log-list{flex:1;overflow-y:auto;font-size:12px;line-height:1.7;display:flex;flex-direction:column-reverse}.log-list .entry{border-bottom:1px solid #202830;padding:2px 0}.log-list .entry.turn{color:var(--warn);font-weight:700}.log-list .entry.battle{color:var(--accent)}.setup{max-width:560px;margin:0 auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;height:100%;overflow-y:auto}.setup h1{font-size:19px;margin:0;line-height:1.4}.brand{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;font-size:30px;line-height:1;padding:4px 10px;margin:0}.brand img{display:block;height:1.15em;width:auto;filter:drop-shadow(0 0 12px rgba(74,158,255,.35))}.setup .lead{color:var(--text-dim);font-size:13px;line-height:1.6;margin:0}.setup .start{position:sticky;bottom:0;margin-top:auto;padding-top:8px;background:linear-gradient(180deg,transparent,var(--bg) 30%)}.setup .start button{width:100%}.deck-choice{display:flex;flex-direction:column;gap:6px}.deck-choice label{font-size:13px;color:var(--text-dim)}.deck-option{display:flex;gap:10px;align-items:center;padding:8px 10px;min-height:40px;background:var(--bg-panel);border:1px solid var(--line);border-radius:8px;text-align:left;width:100%}.deck-option .d-name{font-size:13px}.deck-option .d-sub{font-size:11px}.deck-option.on{border-color:var(--accent);background:var(--bg-raised)}.deck-option .d-name{font-weight:700}.deck-option .d-sub{font-size:12px;color:var(--text-dim)}.card-list-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;background:var(--bg);z-index:35;display:flex;flex-direction:column;padding:10px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:8px}.cl-head{display:flex;align-items:center;gap:8px}.cl-stats{font-size:12px;line-height:1.7;color:var(--text-dim);background:var(--bg-panel);border-radius:8px;padding:8px 10px}.cl-stats b{font-size:13px}.cl-stats .ok{color:var(--ok)}.cl-stats .warn{color:var(--warn)}.cl-stats .ng{color:var(--danger)}.cl-stats .note{font-size:11px}.card-list-page .note{color:var(--text-dim);font-size:12px;padding:8px}.cl-filters{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.cl-filters button{min-height:30px;padding:4px 9px;font-size:12px}.cl-filters:has(button:nth-child(12)){max-height:96px;overflow-y:auto}.cl-more{display:flex;justify-content:center}.cl-more button{width:100%}.cl-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px 6px;align-content:start;padding-bottom:8px}.cl-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.cl-badge{font-size:9px;padding:0 4px;border-radius:3px;line-height:1.5;white-space:nowrap}.cl-badge.vanilla{background:#263241;color:var(--text-dim)}.cl-badge.full{background:#1d4028;color:var(--ok)}.cl-badge.partial{background:#4a3a12;color:var(--warn)}.cl-badge.none{background:#4a1f1f;color:var(--danger)}.cl-name{font-size:10px}.cl-id{font-size:9px;color:var(--text-dim)}.error-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));background:#4a1f1f;border:1px solid var(--danger);color:#ffd7d7;padding:8px 14px;border-radius:8px;font-size:13px;z-index:50;max-width:90vw}.result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#080a0eb8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.result-card{width:min(420px,100%);padding:20px 16px;border-radius:14px;text-align:center;background:var(--bg-panel);border:2px solid var(--accent);box-shadow:0 10px 40px #0009}.result-card .r-label{font-size:13px;letter-spacing:4px;color:var(--text-dim)}.result-card .r-winner{margin:8px 0 4px;font-size:30px;font-weight:800;line-height:1.2}.result-card .r-winner.me{color:#ffe08a;text-shadow:0 0 18px rgba(255,208,90,.45)}.result-card .r-winner.foe{color:var(--text)}.result-card .r-sub{font-size:12px;color:var(--text-dim)}.result-card .r-actions{margin-top:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}@media (min-width: 700px){:root{--card-w: 78px;--card-h: 109px;--hand-w: 88px;--hand-h: 123px}.table{max-width:1160px;margin:0 auto;width:100%}.board{flex:1;min-width:0}.orb-rail{width:46px}.orb-card{width:40px;height:56px}.orb-card+.orb-card{margin-top:4px}}.r-only{align-self:flex-start;padding:1px 6px;border-radius:999px;background:#3a3220;color:#e0cf95;font-size:11px}.phase-flash{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:30;padding:10px 22px;border-radius:10px;background:#0a0e14db;border:1px solid var(--line);color:var(--text);font-size:18px;font-weight:700;white-space:nowrap;pointer-events:none;animation:phase-flash 1.1s ease-out forwards}@keyframes phase-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0}}.declare-flash{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%);z-index:31;padding:14px 30px;border-radius:12px;background:#0a0e14eb;border:2px solid var(--accent);box-shadow:0 0 30px #5abeff73;color:var(--text);font-size:30px;font-weight:800;letter-spacing:.12em;white-space:nowrap;pointer-events:none;animation:declare-flash 1.5s ease-out forwards}@keyframes declare-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}20%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.declare-flash{animation:none;opacity:1}}.battle-band.drop-battle:after{content:"";position:absolute;top:-46px;right:0;bottom:-46px;left:0;border:2px dashed var(--accent);border-radius:8px;pointer-events:none}.my-page{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;z-index:60;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg);overflow-y:auto}.mp-profile{padding:10px;border-radius:10px;background:var(--bg-panel);border:1px solid var(--line)}.mp-name{font-size:18px;font-weight:700}.mp-record{font-size:14px;margin:2px 0 4px}.mp-list{display:flex;flex-direction:column;gap:6px}.mp-deck{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:var(--bg-panel);border:1px solid var(--line);font-size:13px}.mp-deck .s-name{font-weight:700}.mp-pub{display:flex;align-items:center;gap:4px}.undo-ask{position:absolute;left:0;right:0;bottom:64px;display:flex;justify-content:center;z-index:40;pointer-events:none}.undo-ask .u-body{pointer-events:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:94vw;padding:8px 12px;border-radius:10px;background:#23303f;border:1px solid var(--accent);font-size:13px}.orb-dyn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2px;font-size:8px;line-height:1.15;text-align:center;color:var(--leader)}.deck-note{margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg-panel);line-height:1.6;cursor:pointer}.reveal-pop{width:min(420px,94vw);display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--bg-panel);border:1px solid var(--line)}.rp-head{display:flex;flex-direction:column;gap:2px}.rp-cards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rp-cards .r-item{display:flex;flex-direction:column;align-items:center;gap:2px}.rp-cards .r-name{font-size:11px;color:var(--text-dim)}.drag-arrow{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:60;color:var(--text-dim)}.drag-arrow line{stroke:var(--text-dim);stroke-width:4;stroke-linecap:round;opacity:.85}.drag-arrow line.ok{stroke:var(--ok)}.drag-arrow:has(line.ok){color:var(--ok)}.go-order{padding:0 5px;border-radius:999px;border:1px solid var(--line);font-size:10px;color:var(--text-dim);white-space:nowrap}.card-options.bond .card{transform:rotate(90deg)}.card-options.bond>div{width:var(--hand-h);height:var(--hand-w);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:6px 0}.gate{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px;text-align:center}.gate-brand{font-size:40px}.gate-box{max-width:520px;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;border:1px solid var(--line);background:var(--bg-panel);text-align:left;line-height:1.8}.gate-box p{margin:0}.gate-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.gate-ok{min-width:220px;font-size:16px}.gate-more{color:var(--accent);font-size:13px}.home{position:relative;height:100%;display:flex;flex-direction:column;padding:0 12px 22px;gap:12px;overflow:hidden;--home-card-h: clamp(220px, 44vh, 460px)}.home-top{position:absolute;left:12px;right:12px;top:0;z-index:3;display:flex;align-items:center;justify-content:center;min-height:40px;pointer-events:none}.home-top>*{pointer-events:auto}.home-login{position:absolute;right:0;top:0}.home-menu{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;max-width:560px;width:100%;margin:0 auto}.home-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:86px;padding:10px 8px;border-radius:16px;border:1px solid rgba(120,170,220,.28);color:var(--text);background:radial-gradient(120% 90% at 50% -20%,rgba(120,180,255,.16),transparent 60%),linear-gradient(180deg,#1c2634eb,#0e141ceb);box-shadow:inset 0 1px #ffffff12,0 6px 18px #00000073;overflow:hidden;transition:transform .12s ease-out,box-shadow .12s ease-out}.home-btn:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(160,210,255,.75),transparent)}.home-btn:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff0d,0 3px 10px #00000080}.hb-icon{display:block;line-height:0}.hb-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.92}.hb-label{font-size:17px;font-weight:700;line-height:1.2;letter-spacing:.02em}.hb-note{font-size:11px;color:var(--text-dim);line-height:1.2}.home-btn.h-deck{border-color:#5aa0eb73;background:radial-gradient(120% 90% at 50% -20%,rgba(74,158,255,.22),transparent 60%),linear-gradient(180deg,#142234f0,#0b1119f0)}.home-btn.h-deck .hb-icon svg{color:#8ec5ff}.home-btn.h-battle{border-color:#e26e8273;background:radial-gradient(120% 90% at 50% -20%,rgba(255,107,107,.2),transparent 60%),linear-gradient(180deg,#30161ef0,#160c10f0)}.home-btn.h-battle .hb-icon svg{color:#ff9aa5}.home-btn.h-cards{border-color:#5ac8966b;background:radial-gradient(120% 90% at 50% -20%,rgba(74,222,128,.16),transparent 60%),linear-gradient(180deg,#122a20f0,#0a1410f0)}.home-btn.h-cards .hb-icon svg{color:#86e5b4}.home-btn.h-orika{border-color:#e1b95f73;background:radial-gradient(120% 90% at 50% -20%,rgba(251,191,36,.16),transparent 60%),linear-gradient(180deg,#2e2612f0,#16120af0)}.home-btn.h-orika .hb-icon svg{color:#ffd98a}.home-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 22%;filter:blur(26px) saturate(1.1);opacity:.28;transform:scale(1.15);transition:opacity .4s ease-out;pointer-events:none;z-index:0}.home>*:not(.home-bg){position:relative;z-index:1}.deck3d{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.deck3d.empty{display:flex;align-items:center;justify-content:center}.d3-stage{position:relative;flex:1 1 auto;min-height:0;perspective:1100px;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}.d3-stage:focus-visible{outline:2px solid var(--accent);border-radius:12px}.card3d{position:absolute;left:50%;top:50%;height:var(--home-card-h);width:calc(var(--home-card-h) * .715);margin-top:calc(var(--home-card-h) / -2);margin-left:calc(var(--home-card-h) * -.3575);transform-style:preserve-3d;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .28s ease-out;will-change:transform}.d3-stage.dragging .card3d{transition:none}.c3-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease-out}.card3d.flipped .c3-inner{transform:rotateY(180deg)}.c3-front,.c3-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;overflow:hidden}.c3-front .card{width:100%;height:100%}.c3-back{transform:rotateY(180deg);background:var(--card-back) center / cover no-repeat,#1b2740;border:1px solid #35496a}.c3-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff14;pointer-events:none}.c3-blank{width:100%;height:100%;border-radius:8px;background:var(--bg-raised);border:1px solid var(--line)}.d3-info{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding-top:12px;z-index:25;pointer-events:none;text-shadow:0 1px 4px rgba(0,0,0,.8)}.d3-name{font-size:15px;font-weight:700}.d3-sub{font-size:11px;color:var(--text-dim)}.d3-dots{display:flex;gap:4px;margin-top:2px}.d3-dot{width:5px;height:5px;border-radius:50%;background:var(--line)}.d3-dot.on{background:var(--accent)}.d3-nav{flex:0 0 auto;margin-top:12px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;z-index:25}.d3-use{min-height:38px}@media (prefers-reduced-motion: reduce){.card3d,.c3-inner,.home-bg{transition-duration:.01ms}.d3-stage{perspective:none}}.page{height:100%;display:flex;flex-direction:column;padding:10px;gap:10px;overflow-y:auto}.page-head{display:flex;align-items:center;gap:8px;flex:0 0 auto}.page-head strong{font-size:16px}.beta{padding:1px 6px;border-radius:999px;border:1px solid var(--warn);color:var(--warn);font-size:11px}.page-body{display:flex;flex-direction:column;gap:8px}.wip{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1.9}.wip-icon{font-size:44px}.wip-lead{color:var(--leader);font-weight:700}.deck-list{width:min(520px,96vw);max-height:86vh;max-height:86dvh;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--bg-2, var(--bg-panel));border:1px solid var(--line)}.dl-filter{display:flex;align-items:center;gap:6px}.dl-rows{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.dl-row{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:8px;border:1px solid var(--line);background:var(--bg-panel);text-align:left;min-height:0;overflow:hidden}.dl-row .card{width:38px;height:53px;flex:0 0 auto}.dl-name{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.dl-name b,.dl-name .d-sub{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-name b{font-size:13px;line-height:1.3}.dl-name .d-sub{font-size:11px;line-height:1.3}.dl-count{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap;line-height:1.25}.dl-count b{font-size:14px;color:var(--ok)}.dl-count .d-sub{font-size:11px}.dl-count b.none{color:var(--text-dim)}.room-format{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}.db-split{flex:0 0 auto;height:16px;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none}.db-split-grip{width:56px;height:4px;border-radius:999px;background:var(--line)}.db-split:hover .db-split-grip,.db-split:active .db-split-grip{background:var(--accent)}.cl-item{position:relative}.cl-star{position:absolute;top:2px;right:4px;z-index:1;color:#ffd479;font-size:13px;text-shadow:0 0 3px #000,0 0 3px #000;pointer-events:none}.swap-panel{width:min(560px,94vw);max-height:80vh;max-height:80dvh;overflow-y:auto;padding:12px;border-radius:12px;background:var(--bg-2, var(--bg-panel));border:1px solid var(--line)}.swap-panel .cl-item.chosen .card{outline:2px solid var(--accent)}.db-card.as-link{background:none;border:none;padding:0;color:var(--text);text-align:left;text-decoration:underline dotted;font-size:12px;min-height:0}.db-import{display:flex;gap:6px;flex:0 0 auto}.db-import .db-search{flex:1}.cl-fav{color:#ffd479;margin-right:3px}.sheet-actions .fav.on{color:#ffd479;border-color:#6b5730}.login-panel{width:min(420px,94vw);display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:var(--bg-2, var(--bg-panel));border:1px solid var(--line)}.login-panel input{width:100%}.warn-note{padding:8px;border-radius:8px;background:#3a2a20;color:#e8c9a8}.account-bar{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:var(--bg-panel);border:1px solid var(--line);font-size:13px}.account-bar .a-name{font-weight:700}.room-deck{display:flex;flex-direction:column;gap:6px}.room-deck button{width:100%}.room-seat.away .s-who{color:var(--text-dim)}.s-away{margin-left:6px;padding:1px 6px;border-radius:999px;background:#3a2a20;color:#e0b795;font-size:10px}.applied{border:1px solid var(--line);border-radius:8px;padding:8px;background:var(--bg-panel)}.applied .a-head{font-size:12px;font-weight:700;color:var(--accent);margin-bottom:4px}.applied .a-item{padding:4px 0;border-top:1px solid var(--line)}.applied .a-item:first-of-type{border-top:none}.applied .a-src{font-size:11px;color:var(--text-dim)}.applied .a-text{font-size:12px;line-height:1.5}.applied .a-item.marker .a-text{color:var(--accent)}.applied .a-until{margin-left:6px;padding:0 5px;border-radius:999px;background:#2a3340;font-size:10px}.choice-back{width:56px;height:78px;padding:0;min-height:0;border-radius:4px;border:1px solid var(--line);background:repeating-linear-gradient(135deg,#1e2a3a 0 5px,#223047 5px 10px);color:#7f8fa6;font-size:20px}.choice-back.picked{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.battler.defeated{opacity:.75}.battler.defeated .card{outline:2px solid var(--danger, #b4453c);border-radius:4px}.b-defeated{font-size:10px;font-weight:700;color:var(--danger, #e06a5f)}.revealed-strip .r-who{font-size:10px;color:var(--muted)}.skill .internal{margin-top:4px;padding:4px 6px;border-left:2px solid var(--accent-dim);background:#ffffff08;font-size:11px;color:var(--muted)}.skill .internal .i-key{display:inline-block;min-width:84px;color:#7fb3ff}.skill .internal code{color:#e8e8e8}.saved-deck{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg-panel)}.saved-deck .s-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:40%}.auto-deck{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name actions" "line actions";gap:2px 8px;align-items:center}.auto-deck .auto-name{grid-area:name;max-width:none;font-size:14px}.auto-deck .auto-line{grid-area:line;font-size:11px;line-height:1.4;min-width:0}.auto-deck .auto-actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.net-toast{position:fixed;left:50%;bottom:72px;transform:translate(-50%);max-width:92vw;padding:8px 14px;border-radius:999px;background:var(--accent-dim);border:1px solid var(--accent);font-size:13px;cursor:pointer;z-index:60}.room-panel{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-panel)}.room-head{display:flex;align-items:center;gap:8px}.room-head .room-name{font-weight:700}.room-head button{margin-left:auto}.room-seats{display:flex;flex-direction:column;gap:6px}.room-seat{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px}.room-seat.mine{border-color:var(--accent);background:var(--accent-dim)}.room-seat .s-label{font-weight:700;min-width:3em}.room-seat .s-who{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-watch{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.room-actions{display:flex;gap:8px}.watching{font-size:11px;color:#d9c07a;white-space:nowrap}.deck-builder{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;height:100dvh;z-index:80;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--bg);overflow:hidden}.db-status{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--bg-panel);border:1px solid var(--line)}.db-status.ok{border-color:var(--ok)}.db-status strong{font-size:18px}.db-ok{color:var(--ok);font-size:12px}.db-ng{color:var(--warn);font-size:12px}.db-errors{margin:0;padding:4px 10px 4px 24px;font-size:11px;color:var(--warn);background:var(--bg-panel);border-radius:8px;max-height:44px;overflow-y:auto;flex:0 0 auto}.db-note{margin:0;font-size:12px;color:var(--accent)}.db-search{flex:1 1 auto;min-width:0;padding:6px 10px}.db-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.db-pool{min-height:calc(var(--hand-h) * 2 + 60px);display:flex;flex-direction:column;gap:4px}.db-deck{min-height:96px;overflow-y:auto;padding:6px;background:var(--bg-panel);border-radius:8px}.db-filterbar{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-height:32px}.db-cond{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.db-cond::-webkit-scrollbar{display:none}.db-chip{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:var(--bg-panel);border:1px solid var(--line);font-size:11px;color:var(--text)}.filter-panel{width:min(560px,96vw);max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--bg-2, var(--bg-panel));border:1px solid var(--line)}.fp-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.fp-row{display:flex;align-items:flex-start;gap:8px}.fp-label{flex:0 0 4.5em;padding-top:5px;font-size:12px;color:var(--text-dim)}.fp-chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:4px}.fp-chips button{min-height:30px;padding:4px 9px;font-size:12px}.fp-jobs{max-height:168px;overflow-y:auto}.fp-jobsearch{flex:1 1 100%}.fp-count{margin-left:4px;font-size:9px;color:var(--text-dim)}.fp-hint{margin:0 0 0 calc(4.5em + 8px);font-size:11px;color:var(--text-dim)}.fp-foot{display:flex;gap:8px;flex:0 0 auto}.fp-foot button{flex:1}.db-section{flex:0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.db-cols{display:flex;align-items:center;gap:4px;margin-left:auto}.db-cols button{min-height:30px;min-width:30px;padding:2px 8px}.cl-grid.fixed{grid-template-columns:repeat(var(--db-cols),minmax(0,1fr))}.cl-grid.fixed .card{width:100%;height:auto;aspect-ratio:308 / 431}.cl-grid.fixed .card-text{font-size:clamp(9px,2.6vw,15px)}.cl-grid.fixed .card-text .t-name{font-size:clamp(11px,3.4vw,19px)}.cl-grid.fixed .cl-name{font-size:13px}.cl-grid.fixed .cl-id{font-size:11px}.cl-grid.dense .cl-name{font-size:10px}.cl-grid.dense .cl-id{font-size:9px}.cl-grid.dense .cl-name.as-link{min-height:18px;padding:0 2px}.cl-id{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-pool .cl-grid{flex:1 1 auto;min-height:0}.cl-item.full .card{opacity:.4}.db-row{display:flex;align-items:center;gap:6px;padding:3px 2px;border-bottom:1px solid var(--line);font-size:12px}.db-row .db-n{min-width:2.2em;color:var(--accent);font-weight:700}.db-row .db-card{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-row .db-id{color:var(--text-dim);font-size:10px}.db-row button{min-height:28px;padding:2px 10px}.cl-name.as-link{background:none;border:none;padding:2px 4px;min-height:24px;color:var(--text);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-save{display:flex;gap:8px;flex:0 0 auto}.db-save input{flex:1;padding:10px}.home-brand{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin:4px 0 0;padding:0}.home-brand img{width:min(64vw,360px);max-height:clamp(44px,9vh,120px);height:auto;object-fit:contain;filter:drop-shadow(0 0 18px rgba(74,158,255,.35))}.home-settings{position:absolute;left:0;top:0}.home-settings .icon{min-height:34px;padding:4px 10px;font-size:16px;line-height:1}.game-settings{padding:6px 9px;font-size:15px;line-height:1}.settings .set-row{display:flex;gap:10px;align-items:flex-start;background:var(--bg-raised);border-radius:8px;padding:10px;cursor:pointer}.settings .set-row input{width:20px;height:20px;flex:0 0 auto;margin-top:2px}.settings .set-body{display:flex;flex-direction:column;gap:4px;min-width:0}.settings .set-label{font-size:14px;font-weight:700}.settings .set-note{font-size:12px;color:var(--text-dim);line-height:1.5}.deck-lead{margin:2px 0 0;font-size:13px;color:var(--text-dim);text-align:center}.deck-entry{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 2px}.deck-entry button{min-width:0}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.deck-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px;min-height:0;background:var(--bg-panel);border:1px solid var(--line);border-radius:10px}.dt-face{position:relative;display:block;width:100%;aspect-ratio:308 / 431;border-radius:6px;overflow:hidden;background:var(--bg-raised)}.dt-face img{width:100%;height:100%;object-fit:cover;display:block}.dt-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:20px;color:var(--text-dim)}.dt-bad{position:absolute;left:0;right:0;bottom:0;padding:2px;font-size:10px;text-align:center;color:#1a1a1a;background:var(--warn)}.dt-name{font-size:12px;line-height:1.3;text-align:center;overflow-wrap:anywhere}.sheet-backdrop:has(.deck-menu){align-items:center}.deck-menu{width:min(320px,92vw);margin:0 auto;border-radius:14px}.orika-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;padding:0 2px}.orika-tile{display:flex;flex-direction:column;align-items:center;gap:4px}.orika-face{display:block;width:100%;padding:0;min-height:0;background:none;border:0}.orika-name{font-size:12px;text-align:center;overflow-wrap:anywhere}.orika-actions{display:flex;gap:6px}.skill-builder{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--bg-raised);border:1px solid var(--line);border-radius:8px}.sb-pick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 8px;background:var(--bg-panel);border-radius:6px}.sb-pick-name{flex:1;font-size:13px}.sb-num{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-dim)}.sb-num input{width:64px}.sb-add{display:flex;flex-direction:column;gap:4px}.sb-once{display:flex;gap:6px;align-items:center}.sb-preview{padding:8px 10px;border-radius:6px;background:var(--bg-panel);border:1px solid var(--line);font-size:12px;line-height:1.5}.sb-error{color:var(--danger)}.sb-why{flex:1;font-size:12px;color:var(--danger);align-self:center}.sb-mods{display:flex;flex-wrap:wrap;gap:10px;padding:6px 8px;background:var(--bg-panel);border-radius:6px}.sb-num select{max-width:200px}.s-flip{position:relative;display:block;width:44px;height:62px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.3,1);transform:rotateY(180deg)}.s-flip.up{transform:rotateY(0)}.s-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:4px;overflow:hidden}.s-face .card{width:100%;height:100%}.s-back{transform:rotateY(180deg);background:var(--card-back) center / cover no-repeat,#1b2740;border:1px solid #35496a}.battle-total{transition:opacity .25s ease-out,transform .25s ease-out}.battle-total:not(.shown){opacity:.45}.battle-total.shown{transform:scale(1.06)}.modal-backdrop.low{align-items:flex-end;padding-bottom:84px}.hand-scroll{overflow:visible;justify-content:center}.hand-scroll .card+.card{margin-left:var(--hand-overlap, 0px)}.hand-scroll .card{transition:transform .12s ease-out;transform-origin:center bottom}.hand-scroll .card.touching{z-index:30;transform:translateY(-6px) scale(1.06)}@media (hover: hover){.hand-scroll .card:hover{z-index:30;transform:translateY(-6px) scale(1.06)}}@media (prefers-reduced-motion: reduce){.hand-scroll .card{transition:none}.hand-scroll .card.touching{transform:none}}.hand-scroll .card.usable{z-index:25;transform:translateY(-16px);outline:2px solid var(--accent);outline-offset:1px;box-shadow:0 0 12px #5abeff8c}.hand-scroll .card.usable.touching{transform:translateY(-24px) scale(1.06)}@media (prefers-reduced-motion: reduce){.hand-scroll .card.usable,.hand-scroll .card.usable.touching{transform:none}}.hand-scroll .card.reordering{z-index:40;transform:translateY(-14px) scale(1.1);box-shadow:0 6px 14px #00000080}@keyframes hand-reject{0%{transform:translateY(0)}35%{transform:translateY(-12px)}to{transform:translateY(0)}}.hand-scroll .card.rejected{z-index:30;animation:hand-reject .32s cubic-bezier(.3,.9,.4,1)}@media (prefers-reduced-motion: reduce){.hand-scroll .card.rejected{animation:none}}.cm-art-body{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.cm-preview{width:200px;aspect-ratio:308 / 431;border-radius:8px;background:var(--bg-raised);object-fit:contain}.cm-preview-wait{display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:12px}.cm-art-side{flex:1 1 180px;min-width:160px;display:flex;flex-direction:column;gap:8px}.cm-art-name{word-break:break-all}.cm-file{display:inline-block;text-align:center;cursor:pointer}.cm-file input{display:none}.set-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 0 2px}.set-links a.small{display:inline-flex;align-items:center;min-height:32px;padding:4px 10px;border:1px solid var(--line);border-radius:6px;color:var(--text);text-decoration:none}.load-slow{max-width:480px;margin:16px auto 0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg-panel);font-size:13px;line-height:1.7}.ls-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.ls-actions button{min-height:44px;padding:8px 14px}.ls-ua{color:var(--text-dim);font-size:11px;word-break:break-all;margin:6px 0 0}.ls-note{color:var(--text-dim);font-size:12px;margin:8px 0 0}.bond-strip{flex:1 1 auto}.hand-area{margin-top:0}@media (min-height: 760px){.bond-strip{--bond-w: 46px}}@media (min-height: 900px){.bond-strip{--bond-w: 88px}.bond-label{font-size:12px}}@media (min-height: 1100px){.bond-strip{--bond-w: 112px}}@media (min-width: 700px) and (max-height: 880px){:root{--card-w: 62px;--card-h: 87px;--hand-w: 70px;--hand-h: 98px}}@media (min-width: 700px) and (max-height: 700px){:root{--card-w: 52px;--card-h: 73px;--hand-w: 58px;--hand-h: 81px}}.crash{max-width:560px;margin:12vh auto;padding:20px;color:var(--text);line-height:1.7}.crash h1{font-size:20px;margin:0 0 12px}.crash-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.crash-actions button{min-height:44px;padding:8px 16px}.crash-why{color:var(--text-dim);font-size:12px;word-break:break-all}.orb-stack.choosing .orb-card.pickable{border-color:var(--danger);box-shadow:0 0 0 2px #ff6b6b8c}.support-area.tap-next{cursor:pointer}.card3d{-webkit-box-reflect:below 0 linear-gradient(transparent 74%,rgba(0,0,0,.3))}.d3-edit{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 22px;border-radius:999px;border:1px solid rgba(120,170,220,.5);background:linear-gradient(180deg,#1c2838e6,#0e141ce6);color:var(--text);font-size:14px}.d3-edit svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.d3-name{letter-spacing:.04em}.account-bar{flex-wrap:wrap;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid rgba(120,170,220,.22);background:radial-gradient(120% 120% at 0% 0%,rgba(120,180,255,.12),transparent 55%),linear-gradient(180deg,#1a222eeb,#0e131aeb)}.a-avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(140,190,240,.4);background:linear-gradient(180deg,#2b3a50,#1a2330);font-size:20px;font-weight:700;color:#cfe3ff}.a-who{display:flex;flex-direction:column;line-height:1.25}.account-bar .a-name{font-weight:700;font-size:17px}.account-bar .a-record{color:var(--text-dim);font-size:12px}.a-mypage{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 16px;border-radius:12px;border:1px solid rgba(120,170,220,.35);background:linear-gradient(180deg,#1e2a3af2,#10161ef2);color:var(--text);font-size:14px}.a-mypage svg,.de-btn svg,.dh-sort svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.a-extra{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.a-extra .small{min-height:30px;padding:2px 10px;font-size:12px}.deck-entry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 4px}.de-btn{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 8px;min-width:0;min-height:62px;padding:8px 6px;border-radius:14px;border:1px solid rgba(120,170,220,.25);background:linear-gradient(180deg,#1c2634eb,#0e141ceb);color:var(--text);font-size:13px;font-weight:600;text-align:center;line-height:1.25;overflow:hidden}.de-btn svg{flex:0 0 auto}@media (max-width: 460px){.de-btn{flex-direction:column;gap:4px}}.de-btn.de-main{border-color:#5aa0eb99;background:linear-gradient(180deg,#1f6fd0,#1657a6);color:#fff}.de-two{font-size:12px;line-height:1.2}.deck-head{display:flex;align-items:center;gap:8px;margin:14px 0 8px}.dh-title{font-size:14px;color:var(--text-dim)}.dh-count{font-size:14px;color:var(--text);font-weight:700}.dh-sort{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-panel);color:var(--text);font-size:13px}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.deck-tile{display:flex;flex-direction:column;gap:0;padding:8px;border-radius:14px;border:1px solid rgba(120,170,220,.18);background:linear-gradient(180deg,#1a222ee6,#0e131ae6)}.deck-tile .dt-face{padding:0;border:0;min-height:0;background:var(--bg-raised);cursor:pointer}.dt-body{display:flex;flex-direction:column;gap:2px;padding:8px 2px 0}.dt-line{display:flex;align-items:center;gap:6px}.dt-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-sub{font-size:11px;color:var(--text-dim)}.dt-badge{flex:0 0 auto;padding:1px 7px;border-radius:999px;background:#1f6fd0;color:#fff;font-size:10px;font-weight:700}.dt-more{flex:0 0 auto;min-height:28px;padding:0 8px;border:0;background:transparent;color:var(--text-dim);font-size:18px;line-height:1}.mp-account{margin-top:8px}.setup:has(.deck-scroll){overflow:hidden}.deck-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px}.idle-left{flex:0 0 auto;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.idle-left.soon{color:var(--danger);font-weight:700}.mp-avatar-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.mp-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:1px solid rgba(140,190,240,.4);background:linear-gradient(180deg,#2b3a50,#1a2330);font-size:28px}.mp-avatar-pick{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.mp-emoji{display:flex;flex-wrap:wrap;gap:4px}.mp-emoji-btn{min-height:34px;min-width:34px;padding:0;font-size:18px;border-radius:8px;border:1px solid var(--line);background:var(--bg-raised)}.mp-emoji-btn.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.mp-emoji-paste{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mp-emoji-paste input{width:140px}.pick-head{margin:14px 0 8px;font-size:15px;font-weight:700;color:var(--text)}.mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mode-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:118px;padding:12px 6px 10px;border-radius:14px;border:1px solid rgba(120,170,220,.22);background:linear-gradient(180deg,#1a222eeb,#0e131aeb);color:var(--text);text-align:center;overflow:hidden}.mode-card.on{border-color:#5aa0ebd9;background:radial-gradient(120% 90% at 50% -10%,rgba(74,158,255,.3),transparent 60%),linear-gradient(180deg,#162c4af2,#0c141ef2)}.mc-check{position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:#1f6fd0;color:#fff;font-size:12px;line-height:20px}.mc-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mc-name{font-size:13px;font-weight:700;line-height:1.25}.mc-note{font-size:11px;color:var(--text-dim);line-height:1.25}.rule-pick{display:flex;flex-direction:column;gap:8px}.rule-select{width:100%;min-height:54px;padding:8px 14px;border-radius:14px;border:1px solid rgba(120,170,220,.35);background:linear-gradient(180deg,#182230f2,#0d131bf2);color:var(--text);font-size:15px;font-weight:700}.rule-info{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-panel);color:var(--text);font-size:13px;text-align:left}.ri-mark{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--text-dim);color:var(--text-dim);font-size:12px}.ri-arrow{margin-left:auto;color:var(--text-dim)}.deck-row{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;border:1px solid rgba(120,170,220,.18);background:linear-gradient(180deg,#1a222ee6,#0e131ae6)}.dr-face{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:64px;aspect-ratio:308 / 431;border-radius:8px;overflow:hidden;background:var(--bg-raised)}.dr-face img{width:100%;height:100%;object-fit:cover;display:block}.dr-none{font-size:26px;color:var(--text-dim)}.dr-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.dr-name{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dr-sub{font-size:12px;color:var(--text-dim)}.dr-change{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg-raised);color:var(--text);font-size:13px}.go-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:60px;border-radius:14px;font-size:17px;font-weight:700}.go-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pick-order{margin-top:2px;font-size:11px;font-weight:700;color:var(--accent)}.modal-reveal{display:flex;flex-direction:column;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--bg-deep, rgba(0, 0, 0, .25))}.mr-head{font-size:11px;color:var(--text-dim)}.mr-cards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mr-item{display:flex;flex-direction:column;align-items:center;gap:2px}.mr-name{font-size:10px;color:var(--text-dim)}.match-bar{position:fixed;top:0;left:0;right:0;z-index:45;display:flex;align-items:center;gap:8px;padding:6px 10px;padding-top:calc(6px + env(safe-area-inset-top));font-size:12px;background:var(--bg-panel);border-bottom:1px solid var(--line);box-shadow:0 2px 10px #0006}.match-bar.found{background:var(--accent-dim);border-bottom-color:var(--accent)}.match-bar .mb-text{flex:1}.match-bar .mb-actions{display:flex;gap:6px}.match-bar button{font-size:12px;padding:4px 10px}.match-bar .mb-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:mb-blink 1.2s ease-in-out infinite}@keyframes mb-blink{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.match-bar .mb-dot{animation:none;opacity:.8}}body:has(.match-bar) .setup,body:has(.match-bar) .board{padding-top:34px}.phase-bar .crit-do{margin-right:auto}.db-deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:6px;align-items:start}