html,body,#root{height:100%;margin:0}.topbar,.center-wrap{position:relative;z-index:1}.topbar{height:50px;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(180deg,#10223aeb,#07101ee0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-edge);box-shadow:0 1px #8cc8ff0f inset,var(--elev-1);z-index:40}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--self-line) 30%,rgba(255,200,87,.4) 50%,var(--opp-line) 70%,transparent);pointer-events:none}.topbar .logo{font-family:Bebas Neue;font-size:23px;color:var(--ink);letter-spacing:.07em;display:flex;align-items:baseline;gap:7px;text-shadow:0 0 18px rgba(62,201,255,.35);white-space:nowrap}.topbar .logo .logo-mark{color:var(--gold);font-size:17px;align-self:center;filter:drop-shadow(0 0 6px rgba(255,200,87,.6))}.topbar .logo small{color:var(--self-accent);font-size:11px;letter-spacing:.3em;font-family:var(--font-num);font-weight:600;opacity:.9}.topbar .spacer{flex:1}@media (max-width: 1000px){.topbar .logo small{display:none}}@media (max-width: 680px){.topbar{height:44px;gap:6px;padding:0 8px}.topbar .logo{display:none}}.center-wrap{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.loading{color:var(--muted);font-size:14px;letter-spacing:.04em}.auth-panel{width:100%;max-width:390px;background:linear-gradient(180deg,var(--surface-3),rgba(6,16,30,.92));border:1px solid var(--surface-edge);border-radius:18px;padding:30px 28px;box-shadow:var(--elev-3),0 0 40px -12px #3ec9ff40;position:relative;overflow:hidden;animation:authIn .5s cubic-bezier(.2,.8,.25,1) both}@keyframes authIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.auth-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--self-line),transparent)}.auth-brand{font-family:Bebas Neue;font-size:34px;letter-spacing:.06em;text-align:center;margin:0 0 2px;line-height:1;background:linear-gradient(180deg,#fff 10%,var(--self-glow) 50%,var(--self-accent) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 18px rgba(62,201,255,.35))}.auth-brand small{display:block;font-family:var(--font-num);font-weight:600;font-size:11px;letter-spacing:.34em;margin-top:6px;color:var(--gold);-webkit-text-fill-color:var(--gold);filter:none}.auth-tabs{display:flex;gap:6px;margin:20px 0 16px}.auth-tab{flex:1;padding:9px;border:1px solid var(--surface-edge);background:#0000004d;color:var(--muted);border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:.15s}.auth-tab:hover{color:var(--ink);border-color:var(--self-line)}.auth-tab.on{color:#04121f;background:linear-gradient(180deg,#33b6ef,#1d84c4);border-color:transparent;box-shadow:0 0 14px -3px var(--self-accent)}.auth-field{margin-bottom:13px}.auth-field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;letter-spacing:.02em}.auth-field input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--surface-edge);background:#030912b3;color:var(--ink);font-size:15px;transition:.15s}.auth-field input:focus{outline:none;border-color:var(--self-accent);box-shadow:0 0 0 3px #3ec9ff24}.auth-btn{width:100%;padding:13px;border:none;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;color:#221503;background:linear-gradient(180deg,var(--gold-soft),var(--gold) 55%,var(--gold-dim));box-shadow:0 8px 24px #ffc8573d;transition:.15s}.auth-btn:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-err{color:var(--danger-glow);font-size:12.5px;margin:4px 0 10px;min-height:16px}.auth-hint{color:var(--muted-2);font-size:11.5px;text-align:center;margin-top:14px;line-height:1.6}:root{--bg-0: #02060d;--bg-1: #061020;--bg-2: #0a1930;--surface-1: rgba(10, 22, 40, .72);--surface-2: #0a1626;--surface-3: rgba(14, 30, 52, .88);--surface-edge: rgba(140, 190, 255, .13);--glass-hi: rgba(190, 225, 255, .07);--line: rgba(120, 170, 235, .16);--ink: #eaf3fd;--ink-2: #c2d4e6;--muted: #93aac2;--muted-2: #7189a3;--self-accent: #3ec9ff;--self-glow: #8ce4ff;--self-line: rgba(62, 201, 255, .38);--self-tint: rgba(32, 130, 200, .13);--opp-accent: #ff5d6e;--opp-glow: #ff96a2;--opp-line: rgba(255, 93, 110, .34);--opp-tint: rgba(226, 62, 84, .11);--gold: #ffc857;--gold-dim: #b98d2f;--gold-soft: #ffe19a;--legal: #35e39a;--legal-glow: #7dffc4;--danger: #ff4d55;--danger-glow: #ff8a8f;--good: #35e39a;--warn: var(--gold);--info: var(--self-accent);--illegal: #3b4a57;--c-red: #e0524a;--c-green: #2fae6d;--c-blue: #3f8fdd;--c-purple: #a563e8;--c-black: #66707f;--c-yellow: #e6c93c;--r: 12px;--r-sm: 7px;--r-card: 7px;--elev-1: 0 2px 10px rgba(0, 0, 0, .45);--elev-2: 0 10px 28px rgba(0, 0, 0, .5);--elev-3: 0 24px 70px rgba(0, 0, 0, .65);--shadow: var(--elev-2);--font-num: "Rajdhani", "Bebas Neue", sans-serif;--ocean-900: var(--bg-0);--ocean-850: #08131f;--ocean-800: #0c1c2e;--ocean-700: #12283f;--ocean-600: #1a3a5c;--ocean-500: #245479;--parch: #f3ead2;--rail: 286px;--img-back: url(https://images.weserv.nl/?url=ssl:www.onepiece-cardgame.com/renewal/images/play-guide/img_deck01.png&cx=329&cy=0&cw=210&ch=328&output=webp&q=82);--img-back-life: url(https://images.weserv.nl/?url=ssl:www.onepiece-cardgame.com/renewal/images/play-guide/img_deck01.png&ro=270&cx=0&cy=327&cw=328&ch=210&output=webp&q=82);--img-don-deck: url(https://images.weserv.nl/?url=ssl:www.onepiece-cardgame.com/renewal/images/play-guide/img_deck01.png&cx=656&cy=21&cw=210&ch=307&bg=white&output=webp&q=82);--img-don: url(https://images.weserv.nl/?url=ssl:www.onepiece-cardgame.com/renewal/images/play-guide/card_don.webp&output=webp&q=82)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:Noto Sans JP,sans-serif;color:var(--ink);background:radial-gradient(1100px 640px at 18% -12%,#0e2c4d66 0%,transparent 62%),radial-gradient(1000px 700px at 96% 112%,#26124666 0%,transparent 58%),radial-gradient(760px 420px at 82% -8%,#40163055 0%,transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0) 72%);background-attachment:fixed;overflow:hidden;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(46% 34% at 28% 30%,rgba(46,148,235,.075),transparent 70%),radial-gradient(40% 30% at 74% 66%,rgba(150,84,235,.06),transparent 70%);animation:aurora 26s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.8}to{transform:translate3d(2%,2%,0) scale(1.06);opacity:1}}#topbar,#screen,#preview{position:relative;z-index:1}.card,.doncard,.pile,.trashtop,button{touch-action:manipulation}.display{font-family:Bebas Neue,sans-serif;letter-spacing:.04em}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#1c3552;border-radius:9px}::-webkit-scrollbar-track{background:transparent}::selection{background:#3ec9ff47}#topbar{height:50px;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(180deg,#10223aeb,#07101ee0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-edge);box-shadow:0 1px #8cc8ff0f inset,var(--elev-1);z-index:40}#topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--self-line) 30%,rgba(255,200,87,.4) 50%,var(--opp-line) 70%,transparent);pointer-events:none}#topbar .logo{font-family:Bebas Neue;font-size:23px;color:var(--ink);letter-spacing:.07em;display:flex;align-items:baseline;gap:7px;text-shadow:0 0 18px rgba(62,201,255,.35);white-space:nowrap}#topbar .logo .logo-mark{color:var(--gold);font-size:17px;align-self:center;filter:drop-shadow(0 0 6px rgba(255,200,87,.6))}#topbar .logo small{color:var(--self-accent);font-size:11px;letter-spacing:.3em;font-family:var(--font-num);font-weight:600;opacity:.9}#topbar .spacer{flex:1}.hud-plate{display:flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:#00000052;border:1px solid var(--surface-edge);transition:border-color .25s,box-shadow .25s,background .25s;white-space:nowrap}.hud-plate .hp-name{font-family:var(--font-num);font-weight:700;font-size:13px;letter-spacing:.16em}.hud-plate.me .hp-name{color:var(--self-accent)}.hud-plate.cpu .hp-name{color:var(--opp-accent)}.hud-plate .hp-stat{display:inline-flex;align-items:baseline;gap:3px;font-size:11px;color:var(--muted)}.hud-plate .hp-stat i{font-style:normal;font-size:10px;opacity:.8}.hud-plate .hp-stat b{font-family:var(--font-num);font-weight:700;font-size:16px;line-height:1;color:var(--ink)}.hud-plate .hp-stat small{font-family:var(--font-num);font-size:11px;color:var(--muted-2)}.hud-plate .hp-stat.life i{color:var(--danger-glow)}.hud-plate .hp-stat.life b{color:#ffd7da}.hud-plate .hp-stat.don i{color:var(--gold)}.hud-plate .hp-stat.don b{color:var(--gold-soft)}.hud-plate.me.turn{border-color:var(--self-line);background:var(--self-tint);box-shadow:0 0 14px -2px #3ec9ff73}.hud-plate.cpu.turn{border-color:var(--opp-line);background:var(--opp-tint);box-shadow:0 0 14px -2px #ff5d6e73}.turnpill{display:flex;align-items:center;gap:10px;background:#00000059;border:1px solid transparent;border-radius:999px;padding:5px 15px;font-size:12px;transition:border-color .25s,box-shadow .25s}.turnpill.mine{border-color:var(--self-line);box-shadow:0 0 0 1px var(--self-tint) inset,0 0 16px -4px #3ec9ff80}.turnpill.opp{border-color:var(--opp-line);box-shadow:0 0 0 1px var(--opp-tint) inset,0 0 16px -4px #ff5d6e80}.turnpill .tp-turn{font-family:var(--font-num);font-weight:600;font-size:11px;letter-spacing:.14em;color:var(--muted)}.turnpill b{font-family:var(--font-num);font-weight:700;font-size:19px;color:var(--gold-soft);letter-spacing:.04em;margin-left:3px}.phase-tag{font-size:12.5px;color:var(--ink);font-weight:700;letter-spacing:.1em;min-width:4.4em;text-align:center}#whoTurn{font-size:11.5px;letter-spacing:.04em}.tp-steps{display:inline-flex;align-items:center;gap:5px}.tp-steps i{width:7px;height:7px;border-radius:50%;background:#ffffff21;transition:.2s}.tp-steps i.done{background:#ffc85766}.tp-steps i.on{background:var(--gold);box-shadow:0 0 8px var(--gold);transform:scale(1.25)}.tg{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);user-select:none}.switch{width:38px;height:21px;border-radius:999px;background:#17304d;position:relative;transition:.2s;border:none}.switch.on{background:linear-gradient(90deg,#2a9fd8,var(--self-accent));box-shadow:0 0 10px -2px var(--self-accent)}.switch i{position:absolute;top:1.5px;left:1.5px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px #0008}.switch.on i{left:19px}.tbtn{background:#ffffff0d;border:1px solid transparent;color:var(--ink-2);border-radius:9px;padding:6px 12px;font-size:12.5px;transition:.15s}.tbtn:hover{color:var(--ink);border-color:var(--surface-edge);background:#ffffff17}.tbtn.muted{opacity:.5}.ham-btn{display:none;font-size:18px;line-height:1;padding:4px 11px}.ham-menu{display:none;position:absolute;top:46px;right:8px;z-index:70;background:var(--surface-3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-edge);border-radius:12px;padding:6px;min-width:168px;box-shadow:var(--elev-3)}.ham-menu .ham-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;background:none;border:none;color:var(--ink);font-size:13px;padding:10px 12px;border-radius:8px;cursor:pointer}.ham-menu .ham-item:hover{background:#3ec9ff1a;color:var(--self-glow)}#screen{position:absolute;inset:50px 0 0;overflow:hidden}.select-wrap{height:100%;overflow:auto;padding:34px 22px 60px;display:flex;flex-direction:column;align-items:center}.select-wrap h1{font-family:Bebas Neue;font-size:clamp(42px,6.5vw,64px);margin:4px 0 2px;letter-spacing:.06em;text-align:center;line-height:1;background:linear-gradient(180deg,#fff 12%,var(--self-glow) 45%,var(--self-accent) 78%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 24px rgba(62,201,255,.35));animation:heroIn .7s cubic-bezier(.2,.8,.25,1) both}@keyframes heroIn{0%{opacity:0;transform:translateY(14px) scale(.97);letter-spacing:.2em}to{opacity:1;transform:none;letter-spacing:.06em}}.select-wrap .hero-sub{font-family:var(--font-num);font-weight:600;font-size:12px;letter-spacing:.42em;color:var(--gold);text-transform:uppercase;margin:2px 0 10px;display:flex;align-items:center;gap:12px;animation:heroIn .7s .12s cubic-bezier(.2,.8,.25,1) both}.select-wrap .hero-sub:before,.select-wrap .hero-sub:after{content:"";width:52px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-dim))}.select-wrap .hero-sub:after{background:linear-gradient(90deg,var(--gold-dim),transparent)}.select-wrap .sub{color:var(--muted);font-size:13.5px;text-align:center;max-width:680px;line-height:1.7;margin-bottom:8px}.meta-note{font-size:12px;color:var(--muted-2);background:#0000004d;border:1px solid var(--line);border-radius:10px;padding:8px 14px;max-width:760px;margin:10px 0 22px;line-height:1.65}.meta-note b{color:var(--gold-soft)}.sect-label{align-self:flex-start;max-width:1100px;width:100%;margin:18px auto 10px;font-family:Bebas Neue;font-size:19px;letter-spacing:.14em;color:var(--ink);display:flex;align-items:center;gap:12px}.sect-label:before{content:"";width:4px;height:18px;border-radius:2px;background:linear-gradient(180deg,var(--self-accent),transparent);box-shadow:0 0 8px #3ec9ff8c}.sect-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:13px;max-width:1000px;width:100%}.tip.warn{color:var(--danger-glow);font-weight:700}.deck-card{background:linear-gradient(180deg,var(--bg-2),#081221);border:1px solid var(--surface-edge);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.3,1.2),border-color .18s,box-shadow .22s;position:relative}.deck-card:hover{transform:translateY(-5px) scale(1.015);border-color:var(--self-line);box-shadow:0 16px 40px #0009,0 0 22px -6px var(--self-accent)}.deck-card:after{content:"";position:absolute;inset:0;z-index:9;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 48%,transparent 62%);transform:translate(-120%);pointer-events:none;transition:transform .55s ease}.deck-card:hover:after{transform:translate(120%)}.deck-card.sel{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 0 26px -4px var(--gold),0 12px 30px #000}.deck-card.sel:before{content:"✓ 選択中";position:absolute;bottom:6px;right:6px;z-index:5;font-size:10px;font-weight:900;color:#1a1205;background:linear-gradient(180deg,var(--gold-soft),var(--gold));border-radius:999px;padding:2px 8px;box-shadow:0 2px 8px #000a}.deck-card .tierbadge{position:absolute;top:6px;left:6px;z-index:4;font-family:var(--font-num);font-weight:700;font-size:10.5px;letter-spacing:.1em;background:#000000c7;border:1px solid var(--self-line);color:var(--self-glow);padding:1px 8px;border-radius:999px}.deck-card .share{position:absolute;top:6px;right:6px;z-index:10;font-size:10.5px;background:#000000c7;border:1px solid var(--surface-edge);color:var(--ink);padding:2px 8px;border-radius:999px;transition:.15s}.deck-card .share:hover{border-color:var(--gold);color:var(--gold-soft)}.deck-card .art{aspect-ratio:5/7;background:#0a1722 center/cover no-repeat;position:relative;display:flex;align-items:flex-end}.deck-card .art .scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(2,6,13,.92) 94%)}.deck-card .art-nm{position:relative;z-index:3;width:100%;padding:6px 9px 8px;font-weight:900;font-size:13px;color:#fff;text-shadow:0 1px 3px #000;line-height:1.25}.dot{width:13px;height:13px;border-radius:50%;border:1px solid #ffffff30}.deck-card .deck-pop{position:absolute;inset:0;z-index:8;display:none;flex-direction:column;justify-content:center;gap:6px;padding:11px;background:linear-gradient(180deg,#06101ef5,#030912fa);overflow:auto}.deck-card:hover .deck-pop{display:flex;animation:fadeUp .18s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.deck-card .deck-pop .pop-nm{font-weight:900;font-size:14px;color:var(--self-glow);line-height:1.2}.deck-card .deck-pop .colors{display:flex;align-items:center;gap:5px}.deck-card .deck-pop .pop-desc{font-size:11px;color:var(--ink);line-height:1.55}.deck-card .deck-pop .style-tag{display:inline-block;align-self:flex-start;font-size:10.5px;color:var(--gold-soft);border:1px solid var(--line);border-radius:6px;padding:2px 7px}.start-row{position:sticky;bottom:0;margin-top:26px;display:flex;flex-direction:column;align-items:center;gap:9px;width:100%;padding:12px 0 4px;background:linear-gradient(180deg,transparent,rgba(2,6,13,.88) 40%)}.first-pick{display:flex;align-items:center;gap:10px}.first-pick .fp-label{font-size:12.5px;font-weight:700;color:var(--ink-2);letter-spacing:.06em}.seg{display:inline-flex;border:1px solid var(--surface-edge);border-radius:999px;overflow:hidden;background:#0006}.seg-btn{background:transparent;border:none;color:var(--muted);font-size:12.5px;font-weight:700;padding:7px 16px;transition:.15s}.seg-btn:not(:last-child){border-right:1px solid var(--surface-edge)}.seg-btn:hover{color:var(--ink)}.seg-btn.on{background:linear-gradient(180deg,#33b6ef,#1d84c4);color:#04121f;text-shadow:none;box-shadow:0 0 12px -3px var(--self-accent)}.pick-info{font-size:13px;color:var(--muted)}.pick-info b{color:var(--self-glow)}.btn-primary{font-family:Bebas Neue;font-size:25px;letter-spacing:.1em;color:#221503;background:linear-gradient(180deg,var(--gold-soft),var(--gold) 55%,var(--gold-dim));border:none;border-radius:14px;padding:13px 52px;box-shadow:0 10px 32px #ffc85747,var(--elev-1);position:relative;overflow:hidden;transition:.18s}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translate(-130%);animation:sheen 3.2s ease-in-out infinite}@keyframes sheen{0%,62%{transform:translate(-130%)}88%,to{transform:translate(130%)}}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 40px #ffc85766,var(--elev-1)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none;filter:grayscale(.4)}.btn-primary:disabled:after{display:none}#board{height:100%;display:grid;grid-template-columns:1fr 286px;grid-template-rows:1fr;overflow:hidden}.felt{position:relative;overflow:hidden;display:flex;flex-direction:column;--cu: clamp(36px, min( calc(8.5vh - 6px) , calc((100vw - 16px - var(--rail))/9)), 58px);background:radial-gradient(900px 540px at 50% 50%,rgba(24,74,118,.18) 0%,transparent 70%),linear-gradient(180deg,var(--opp-tint) 0%,transparent 34%,transparent 66%,var(--self-tint) 100%)}.felt:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(140,190,255,.022) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(140,190,255,.022) 0 1px,transparent 1px 44px);pointer-events:none}.felt.quake{animation:quake .42s cubic-bezier(.36,.07,.19,.97)}@keyframes quake{10%,90%{transform:translate(-2px,1px)}20%,80%{transform:translate(4px,-2px)}30%,50%,70%{transform:translate(-6px,2px)}40%,60%{transform:translate(6px,-1px)}}.side{flex:1;display:grid;justify-content:center;align-content:center;gap:8px 14px;padding:6px 12px;position:relative;min-height:0;grid-template-columns:minmax(0,auto) minmax(calc(var(--cu)*5),max-content) minmax(0,auto);grid-auto-rows:min-content}.side.opp{background:linear-gradient(180deg,var(--opp-tint),transparent 78%);box-shadow:inset 0 2px 0 -1px var(--opp-line);grid-template-areas:"trash cost dondeck" "deck leader life" "rhand chars life"}.side.me{background:linear-gradient(0deg,var(--self-tint),transparent 78%);box-shadow:inset 0 -2px 0 -1px var(--self-line);grid-template-areas:"life chars rhand" "life leader deck" "dondeck cost trash"}.ga-chars{grid-area:chars;min-width:0;overflow:clip;overflow-clip-margin:36px}.ga-leader{grid-area:leader;display:flex;justify-content:center;align-items:center}.ga-cost{grid-area:cost}.ga-life{grid-area:life;align-self:stretch;justify-content:flex-start}.ga-dondeck{grid-area:dondeck}.ga-deck{grid-area:deck}.ga-trash{grid-area:trash}.ga-hand{grid-area:rhand}.midline{height:0;border-top:1px dashed rgba(140,190,255,.22);position:relative}.midline .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--font-num);font-weight:700;font-size:12px;color:var(--gold);background:var(--bg-0);border:1px solid rgba(255,200,87,.3);border-radius:999px;padding:1px 12px;letter-spacing:.3em;text-indent:.3em;box-shadow:0 0 14px -4px #ffc85780}.row{display:flex;align-items:center;gap:8px;justify-content:center}.charrow{min-height:calc(var(--cu)*1.4);gap:6px;flex-wrap:nowrap}.zone-side{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:calc(var(--cu) + 2px)}.zone-side .zlabel{font-size:10px;letter-spacing:.08em;color:var(--muted);font-weight:600;text-transform:uppercase;white-space:nowrap}.card{--w: var(--cu);width:var(--w);height:calc(var(--w)*1.4);border-radius:var(--r-card);position:relative;background:var(--surface-2);border:1px solid var(--surface-edge);box-shadow:var(--elev-1);overflow:hidden;flex:0 0 auto;transition:transform .18s cubic-bezier(.2,.8,.3,1.1),box-shadow .18s,filter .18s;user-select:none}.card img{width:100%;height:100%;object-fit:cover;display:block;background:#0a1620}.card.rest{transform:rotate(90deg);filter:brightness(.8) saturate(.9)}.card.rest.flip{transform:rotate(-90deg)}.card.rest.targetable,.card.rest.selectable{filter:none}.card .fallback{position:absolute;inset:0;display:flex;flex-direction:column;color:#fff;background:linear-gradient(180deg,var(--cc, #1a2c3c),#0b1520);padding:4px}.card .fallback .fb-top{display:flex;justify-content:space-between;align-items:flex-start}.card .fallback .cost{font-family:var(--font-num);font-weight:700;font-size:13px;background:#000a;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff40}.card .fallback .ctr{font-size:10px;font-weight:700;color:#ffe9a8;opacity:.95}.card .fallback .nm{font-size:8.5px;font-weight:700;line-height:1.15;margin-top:2px;max-height:34px;overflow:hidden}.card .fallback .typ{font-size:7px;opacity:.7;margin-top:auto}.card .fallback .pw{font-family:var(--font-num);font-weight:700;font-size:15px;text-align:right;line-height:.9}.card .fallback .fx{font-size:6.7px;line-height:1.18;opacity:.82;overflow:hidden;max-height:42px;margin-top:2px}.card .cnr-power{position:absolute;left:0;bottom:0;font-family:var(--font-num);font-weight:700;font-size:15px;color:#fff;background:linear-gradient(135deg,rgba(0,0,0,.85),transparent);padding:0 6px 0 5px;border-top-right-radius:8px;text-shadow:0 1px 2px #000,0 0 4px #000;letter-spacing:.02em}.card.leader .cnr-power{font-size:17px}.card .donbadge{position:absolute;right:2px;top:2px;font-family:var(--font-num);font-weight:700;font-size:11px;color:#221503;background:linear-gradient(180deg,var(--gold-soft),var(--gold-dim));border-radius:999px;padding:0 5px;min-width:16px;text-align:center;box-shadow:0 1px 4px #000a,0 0 8px -2px var(--gold)}.card .costchip{position:absolute;left:2px;top:2px;z-index:3;font-family:var(--font-num);font-weight:700;font-size:12px;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ink);background:#000000d1;border:1.5px solid rgba(255,255,255,.3);box-shadow:0 1px 4px #000a}.card .costchip.ok{color:#06210f;background:linear-gradient(180deg,var(--legal-glow),var(--legal));border-color:transparent;box-shadow:0 0 8px -1px var(--legal)}.card .costchip.disc{border-color:var(--gold);color:var(--gold-soft)}.card .kw{position:absolute;left:2px;top:2px;display:flex;flex-direction:column;gap:2px}.handzone .card .kw{top:23px}.card .kw span{font-size:7px;font-weight:700;background:#000c;border:1px solid rgba(140,190,255,.35);border-radius:3px;padding:0 3px;color:var(--self-glow)}.card .simp{position:absolute;right:2px;bottom:2px;font-size:7px;color:#ffd27a;background:#000a;border-radius:3px;padding:0 3px}.card.leader{border:1px solid var(--gold-dim);box-shadow:0 0 0 1px #ffc85740,0 0 14px -5px #ffc85799,var(--elev-1)}.card.small{--w: calc(var(--cu)*.92) }.card.tiny{--w: calc(var(--cu)*.72) }.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 12px 28px #000d,0 0 16px -6px var(--self-accent);z-index:6}.card.rest.clickable:hover{transform:rotate(90deg) translate(-6px) scale(1.05)}.card.playable,.card.actable{box-shadow:0 0 0 1.5px var(--legal),0 0 14px -2px var(--legal-glow),var(--elev-1)}.card.playable:after,.card.actable:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 16px -5px var(--legal-glow)}.card.unplayable{filter:grayscale(.7) brightness(.55);opacity:.8}.card.unplayable:hover{transform:none;box-shadow:none}.card.targetable{box-shadow:0 0 0 2.5px var(--danger),0 0 20px var(--danger-glow);cursor:crosshair;animation:tpulse 1.4s ease-in-out infinite}.card.targetable.win-target{box-shadow:0 0 0 2.5px var(--legal),0 0 20px var(--legal-glow)}.card.targetable.win-target:before{content:"✓";position:absolute;z-index:3;right:2px;bottom:2px;font-size:11px;font-weight:900;color:#06210f;background:var(--legal-glow);border-radius:999px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #000a}.card.targetable.lose-target:before{content:"✕";position:absolute;z-index:3;right:2px;bottom:2px;font-size:10px;font-weight:900;color:#2a0a06;background:var(--danger-glow);border-radius:999px;width:15px;height:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #000a}.card.selectable{box-shadow:0 0 0 2.5px var(--gold),0 0 20px var(--gold-soft);cursor:pointer;animation:gpulse 1.4s ease-in-out infinite}.card.selectable.danger-sel{box-shadow:0 0 0 2.5px var(--danger),0 0 20px var(--danger-glow);animation:tpulse 1.4s ease-in-out infinite}.felt.many-sel .card.selectable{animation:none}.felt.picking .card:not(.selectable),.felt.selecting .card:not(.targetable):not(.attacker){opacity:.38;filter:saturate(.6) brightness(.8)}.card.attacker{box-shadow:0 0 0 2.5px var(--gold-soft),0 0 26px var(--gold);z-index:7}.card.spot{animation:spotFlash 1.5s ease;z-index:8}@keyframes spotFlash{0%,60%{box-shadow:0 0 0 3px var(--self-accent),0 0 30px var(--self-glow)}15%{transform:translateY(-8px) scale(1.07)}30%{transform:none}to{box-shadow:0 0 0 0 transparent}}@keyframes tpulse{0%,to{box-shadow:0 0 0 2px var(--danger),0 0 12px var(--danger-glow)}50%{box-shadow:0 0 0 3.5px var(--danger),0 0 32px var(--danger-glow)}}@keyframes gpulse{0%,to{box-shadow:0 0 0 2px var(--gold),0 0 12px var(--gold-soft)}50%{box-shadow:0 0 0 3.5px var(--gold),0 0 32px var(--gold-soft)}}@media (prefers-reduced-motion: reduce){.card.targetable,.card.selectable,.card.spot,.felt.quake,.atkline,.phasebtn.pulse,body:before,.btn-primary:after{animation:none!important}}@media (hover: none){.card.clickable:hover,.handzone .card:hover{transform:none}.card.rest.clickable:hover{transform:rotate(90deg)}.handzone .card:hover{margin:0 -5px;box-shadow:none}.trashfan{display:none!important}}.card.dmg{animation:dmgflash .5s}@keyframes dmgflash{0%,to{filter:none}30%{filter:brightness(2.2) drop-shadow(0 0 14px var(--danger-glow))}}.card.shake{animation:shake .4s}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.card.enter{animation:cardenter .38s cubic-bezier(.2,.85,.3,1.15)}@keyframes cardenter{0%{transform:translateY(26px) scale(.6);opacity:0;filter:brightness(1.8)}to{transform:none;opacity:1;filter:none}}.card.ko{animation:koanim .45s forwards}@keyframes koanim{30%{filter:brightness(2) saturate(0)}to{transform:scale(.3) rotate(24deg);opacity:0;filter:grayscale(1) brightness(.3)}}.card.lunge{animation:lunge .42s ease}@keyframes lunge{0%{transform:translateY(0)}45%{transform:translateY(var(--ly, -30px)) scale(1.07)}to{transform:translateY(0)}}.card.lunge.up{--ly: 30px }.spawnfx{position:absolute;z-index:38;pointer-events:none;width:0;height:0}.spawnfx.burst i{position:absolute;left:0;top:0;border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--danger-glow) 45%,transparent 75%);animation:burstFly .7s cubic-bezier(.1,.8,.4,1) forwards}@keyframes burstFly{0%{transform:rotate(var(--a)) translate(2px) scale(1.4);opacity:1}to{transform:rotate(var(--a)) translate(var(--d)) scale(.2);opacity:0}}.spawnfx.slash:before{content:"";position:absolute;left:-36px;top:-3px;width:72px;height:6px;border-radius:3px;background:linear-gradient(90deg,transparent,#fff 30%,var(--danger-glow) 55%,transparent);transform:rotate(-38deg) scaleX(.2);animation:slashCut .34s cubic-bezier(.2,.9,.3,1) forwards;box-shadow:0 0 18px var(--danger-glow)}@keyframes slashCut{0%{transform:rotate(-38deg) scaleX(.15);opacity:0}25%{opacity:1}to{transform:rotate(-38deg) scaleX(1.55);opacity:0}}.spawnfx.ring:before{content:"";position:absolute;left:-24px;top:-24px;width:48px;height:48px;border-radius:50%;border:2px solid var(--self-glow);animation:ringOut .55s ease-out forwards;box-shadow:0 0 16px -2px var(--self-accent)}@keyframes ringOut{0%{transform:scale(.35);opacity:1}to{transform:scale(1.7);opacity:0}}.spawnfx.spark:before{content:"✦";position:absolute;left:-12px;top:-14px;font-size:24px;color:var(--gold-soft);text-shadow:0 0 14px var(--gold);animation:sparkPop .5s ease-out forwards}@keyframes sparkPop{0%{transform:scale(.3) rotate(-40deg);opacity:0}35%{transform:scale(1.25) rotate(0);opacity:1}to{transform:scale(.7) rotate(28deg);opacity:0}}.flycard{position:absolute;z-index:39;pointer-events:none;border-radius:6px;border:1px solid var(--gold-dim);background:var(--img-back) center/cover no-repeat,linear-gradient(135deg,#10283f,#0a1826);box-shadow:0 8px 22px #000b,0 0 14px -4px var(--self-accent);animation:flyTo .58s cubic-bezier(.3,.1,.25,1) forwards}@keyframes flyTo{0%{transform:translate(0) rotate(0) scale(1);opacity:1}75%{opacity:1}to{transform:translate(var(--fx),var(--fy)) rotate(8deg) scale(.55);opacity:0}}.donfly{position:absolute;z-index:39;pointer-events:none;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,var(--gold) 55%,var(--gold-dim));box-shadow:0 0 16px var(--gold),0 0 34px -6px var(--gold);animation:donArc .45s cubic-bezier(.35,0,.3,1) forwards}@keyframes donArc{0%{transform:translate(0) scale(.6);opacity:0}20%{opacity:1}to{transform:translate(var(--fx),var(--fy)) scale(1.1);opacity:.9}}.atkline{position:absolute;z-index:24;height:3px;margin-top:-1.5px;transform-origin:left center;pointer-events:none;border-radius:2px;background:repeating-linear-gradient(90deg,var(--gold) 0 14px,rgba(255,200,87,.18) 14px 24px);background-size:24px 100%;box-shadow:0 0 10px #ffc85799;animation:lineDash .5s linear infinite;opacity:.9}.atkline:after{content:"";position:absolute;right:-2px;top:-5px;border-left:12px solid var(--gold);border-top:6.5px solid transparent;border-bottom:6.5px solid transparent;filter:drop-shadow(0 0 6px var(--gold))}@keyframes lineDash{0%{background-position:0 0}to{background-position:24px 0}}.slot{width:var(--cu);height:calc(var(--cu)*1.4);border-radius:var(--r-card);border:1px dashed rgba(140,190,255,.14);background:#8cbeff05;display:flex;align-items:center;justify-content:center;color:#8cbeff2e;font-size:20px;flex:0 0 auto}.pile{position:relative;width:var(--cu);height:calc(var(--cu)*1.4);border-radius:var(--r-card);border:1px solid var(--line);background:linear-gradient(135deg,#0e2233,#091420);display:flex;align-items:center;justify-content:center;cursor:default}.pile .pc{font-family:var(--font-num);font-weight:700;font-size:19px;color:var(--gold-soft)}.pile.cardback{background:var(--img-back) center/cover no-repeat,repeating-linear-gradient(135deg,#0f2c43 0 6px,#0b1d2c 6px 12px);border:1px solid var(--gold-dim)}.pile.trashp{background:linear-gradient(135deg,#241019,#140a10);border:1px solid #6a3a4a}.pile.donp{background:var(--img-don-deck) center/cover no-repeat,radial-gradient(circle at 38% 28%,#caa24e,#7a5e22);border:1px solid #00000050}.pile.donp .pc,.pile.cardback .pc{color:#fff;text-shadow:0 1px 3px #000,0 0 5px #000}.lifestack{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1 1 auto;width:100%;gap:0;min-height:var(--cu)}.lifecard{width:calc(var(--cu)*1.4);height:var(--cu);flex:0 0 auto;border-radius:var(--r-card);border:1px solid var(--gold-dim);background:var(--img-back-life) center/cover no-repeat,linear-gradient(135deg,#34202c,#170d15);box-shadow:0 -1px 4px #0007;position:relative;overflow:hidden;margin-top:calc(var(--cu)*-.58)}.lifestack .lifecard:first-child{margin-top:0}.side.me .lifestack .lifecard:first-child{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-soft),0 0 10px -2px var(--gold),0 2px 6px #0007}.lifecard:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,200,87,.16);border-radius:3px;pointer-events:none}.lifecard.up{background:#0c1c2a;border-color:var(--gold)}.lifecard.up img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.lifecard.up .lf-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--gold-soft);text-align:center;padding:2px;line-height:1.1}.lifecard.up:before{content:"表";position:absolute;top:1px;left:3px;z-index:2;font-size:8px;color:var(--gold);font-weight:700;text-shadow:0 1px 2px #000}.donrow{display:flex;flex-wrap:wrap;align-items:flex-start;max-width:calc(var(--cu)*4.6);row-gap:3px}.doncard{width:var(--cu);height:calc(var(--cu)*1.4);border-radius:5px;border:1px solid #00000055;background:var(--img-don) center/cover no-repeat,radial-gradient(circle at 36% 26%,var(--gold-soft),var(--gold-dim));box-shadow:0 1px 3px #0007;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue;font-size:14px;color:transparent;transition:.18s;flex:0 0 auto;margin-left:calc(var(--cu)*-.62)}.donrow .doncard:first-child{margin-left:0}.doncard.rest{filter:grayscale(.55) brightness(.7);transform:rotate(90deg);margin-left:calc(var(--cu)*-.62)}.doncard.usable{box-shadow:0 0 0 1.5px var(--gold-soft),0 0 12px -1px var(--gold);border-color:var(--gold-soft)}.doncost .zlabel .dc-use b{font-family:var(--font-num);font-size:14px;color:var(--gold-soft);vertical-align:-1px}.doncard.ghost{background:#ffffff0d;border:1px dashed rgba(255,255,255,.14);box-shadow:none;color:transparent;margin-left:0}.doncost{min-height:calc(var(--cu)*1.4);justify-content:flex-start;align-items:flex-start}.doncost .donrow{justify-content:flex-start;flex-wrap:nowrap;max-width:calc(var(--cu)*5.2)}.zone-side .zero{color:var(--danger);font-size:12px;font-weight:700;font-family:var(--font-num)}.zlabel small{opacity:.7}.trashtop{position:relative;width:var(--cu);height:calc(var(--cu)*1.4);border-radius:var(--r-card);border:1px solid #6a3a4a;background:linear-gradient(135deg,#241019,#140a10);overflow:visible;cursor:pointer;transition:box-shadow .15s}.trashtop:hover{box-shadow:0 0 0 1.5px #a05a6e,0 0 12px -3px #d0607a}.trashtop .tt-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:var(--r-card);filter:grayscale(.35) brightness(.85)}.trashtop .tt-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;color:#caa;padding:3px;line-height:1.15}.trashtop .tt-count{position:absolute;bottom:-2px;right:-2px;background:#2a0f17;border:1px solid #6a3a4a;border-radius:8px;font-family:var(--font-num);font-weight:700;font-size:12px;color:var(--gold-soft);padding:0 5px;z-index:3}.trashfan{position:absolute;z-index:60;left:50%;bottom:calc(100% + 6px);transform:translate(-50%) scale(.96);transform-origin:bottom center;display:none;background:#0a121ef5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:var(--elev-3);width:calc(var(--cu)*.92*5 + 32px);max-width:92vw;max-height:60vh;overflow:auto}.side.opp .trashfan{bottom:auto;top:calc(100% + 6px);transform-origin:top center}.trashtop:hover .trashfan{display:block;animation:tfan .14s ease both}@keyframes tfan{0%{opacity:0;transform:translate(-50%) scale(.9)}to{opacity:1;transform:translate(-50%) scale(1)}}.trashfan .tf-grid{display:grid;grid-template-columns:repeat(5,calc(var(--cu)*.92));gap:4px;justify-content:center}.trashfan .tf-card{width:calc(var(--cu)*.92);height:calc(var(--cu)*1.29);border-radius:4px;border:1px solid #50313e;overflow:hidden;position:relative;background:#160c12;flex:0 0 auto}.trashfan .tf-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.trashfan .tf-card .tf-fb{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:8px;color:#caa;padding:2px;line-height:1.1}.trashfan .tf-head{font-size:10px;color:var(--muted-2);text-align:center;margin-bottom:5px;letter-spacing:.08em}.handzone{min-height:116px;display:flex;align-items:flex-end;justify-content:center;padding:4px 10px 8px;gap:0;position:relative}.handzone .card{margin:0 -5px;transition:transform .2s cubic-bezier(.2,.8,.3,1.1),margin .2s,box-shadow .2s}.handzone .card:hover{margin:0 8px;transform:translateY(-24px) scale(1.14);z-index:20;box-shadow:0 16px 34px #000d,0 0 20px -6px var(--self-accent)}.controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:6px;flex-wrap:wrap}.hintbar{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;overflow:hidden;justify-content:center;background:var(--surface-1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--surface-edge);border-radius:999px;padding:4px 12px;max-width:min(860px,94vw);box-shadow:var(--elev-1)}.hintbar .hb-lead,.hintbar .hb-chip{flex:0 0 auto}.hintbar.atk{border-color:var(--opp-line);box-shadow:0 0 0 1px var(--opp-tint) inset,0 0 18px -6px var(--opp-accent)}.hintbar .hb-lead{font-size:12px;font-weight:700;color:var(--self-glow);letter-spacing:.03em}.hintbar.atk .hb-lead{color:var(--opp-accent)}.hintbar .hb-chip{font-family:inherit;font-size:11.5px;color:var(--ink-2);background:#00000059;border:1px solid var(--surface-edge);border-radius:999px;padding:2px 10px;white-space:nowrap;transition:.15s}button.hb-chip:not(.zero):not([disabled]){cursor:pointer}button.hb-chip:not(.zero):not([disabled]):hover{border-color:var(--self-line);background:var(--self-tint);color:var(--ink)}.hintbar .hb-chip b{font-family:var(--font-num);font-weight:700;font-size:14.5px;color:var(--legal-glow);margin-left:2px;vertical-align:-1px}.hintbar .hb-chip.don b{color:var(--gold-soft)}.hintbar .hb-chip.act b{color:var(--legal-glow)}.hintbar .hb-chip.warn{border-color:var(--opp-line)}.hintbar .hb-chip.warn b{color:var(--opp-accent)}.hintbar .hb-chip.zero{opacity:.45}.hintbar .hb-chip.zero b{color:var(--muted)}.hintbar .hb-tip{font-size:11px;color:var(--muted);flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:560px){.hintbar .hb-tip{display:none}}.phasebtn.ghost{background:transparent;color:var(--muted)}.phasebtn{background:#ffffff0f;border:1px solid var(--surface-edge);color:var(--ink);border-radius:10px;padding:9px 18px;font-size:13px;font-weight:700;transition:.15s}.phasebtn:hover:not(:disabled){border-color:var(--self-line);color:var(--self-glow)}.phasebtn:disabled{opacity:.35;cursor:not-allowed}.phasebtn.go{background:linear-gradient(180deg,var(--gold-soft),var(--gold) 55%,var(--gold-dim));color:#221503;border:none;box-shadow:0 4px 16px -4px #ffc85780}.phasebtn.go:hover{color:#221503;filter:brightness(1.07)}.phasebtn.go.pulse{animation:btnPulse 1.6s ease-in-out infinite}@keyframes btnPulse{0%,to{box-shadow:0 4px 16px -4px #ffc85780}50%{box-shadow:0 0 0 5px #ffc8572e,0 0 24px #ffc857b3}}.thinking{font-size:12.5px;color:var(--ink-2);display:flex;align-items:center;gap:8px;background:var(--surface-1);border:1px solid var(--surface-edge);border-radius:999px;padding:7px 18px}.dots span{animation:blink 1.2s infinite;opacity:.3;color:var(--self-accent)}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:1}}#promptHost{position:fixed;inset:0;z-index:55;pointer-events:none}#promptHost .prompt{top:58px;pointer-events:auto}.prompt{position:absolute;left:50%;top:12px;transform:translate(-50%);z-index:50;background:linear-gradient(180deg,#0e1e34f7,#07101efa);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--gold);border-radius:16px;padding:15px 20px;min-width:300px;max-width:min(560px,92%);box-shadow:var(--elev-3),0 0 30px -10px #ffc85766;text-align:center;display:none}.prompt.show{display:block;animation:promptIn .24s cubic-bezier(.2,.85,.3,1.1)}@keyframes promptIn{0%{opacity:0;transform:translate(-50%) translateY(-10px) scale(.96)}to{opacity:1;transform:translate(-50%)}}.prompt.defense{border-color:var(--opp-accent);box-shadow:var(--elev-3),0 0 30px -8px var(--opp-accent)}.prompt.defense h3{color:var(--opp-accent)}.prompt.danger{border-color:var(--danger);box-shadow:var(--elev-3),0 0 30px -8px var(--danger)}.prompt.danger h3{color:var(--danger-glow)}.prompt h3{margin:0 0 8px;font-size:16px;color:var(--gold-soft);letter-spacing:.02em}.prompt p{margin:0 0 12px;font-size:13px;color:var(--ink);line-height:1.6}.prompt .pp-hint{display:block;margin-top:5px;font-size:11px;color:var(--muted);font-weight:400}.prompt .opts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.opt{background:#ffffff12;border:1px solid var(--surface-edge);color:var(--ink);border-radius:9px;padding:9px 17px;font-size:13px;transition:.15s}.opt:hover{border-color:var(--self-line);background:var(--self-tint);transform:translateY(-1px)}.opt.primary{background:linear-gradient(180deg,var(--gold-soft),var(--gold-dim));color:#221503;border:none;font-weight:700;box-shadow:0 4px 14px -4px #ffc8578c}.opt.primary:hover{filter:brightness(1.07)}.opt.ghost{background:transparent}.opt[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.prompt .opt-cards{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:2px 0 8px;max-height:48vh;overflow:auto}.opt-card{display:flex;flex-direction:column;align-items:center;gap:4px;width:86px;background:none;border:none;color:var(--ink);cursor:pointer;padding:0}.opt-card .oc-art{position:relative;width:86px;aspect-ratio:5/7;border-radius:8px;overflow:hidden;border:2px solid var(--surface-edge);background:#0a1722;display:flex;align-items:center;justify-content:center;transition:transform .16s,border-color .16s,box-shadow .16s}.opt-card:not(.off):hover .oc-art{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 8px 20px #000b;transform:translateY(-4px) scale(1.04)}.opt-card .oc-art img{width:100%;height:100%;object-fit:cover;display:block}.opt-card .oc-art .oc-fb{display:none;padding:4px;font-size:9.5px;font-weight:800;color:var(--ink);text-align:center;line-height:1.2}.opt-card .oc-art.noimg .oc-fb{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.opt-card .oc-cap{font-size:10.5px;line-height:1.2;text-align:center;max-width:86px;word-break:break-word}.opt-card .oc-cap b{color:var(--gold-soft)}.opt-card.off{opacity:.42;cursor:not-allowed}#side{background:linear-gradient(180deg,#091321f5,#040a13fa);border-left:1px solid var(--surface-edge);display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;align-items:stretch;border-bottom:1px solid var(--surface-edge)}.tab{flex:1;text-align:center;padding:11px 6px;font-size:13px;color:var(--muted);background:transparent;border:none;border-bottom:2px solid transparent;transition:.15s;font-weight:700}.side-close{display:none;flex:0 0 auto;width:46px;background:transparent;border:none;border-left:1px solid var(--surface-edge);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}.side-close:hover{color:var(--danger-glow)}.tab.active{color:var(--self-glow);border-bottom-color:var(--self-accent);text-shadow:0 0 12px rgba(62,201,255,.5)}.tab .badge{display:inline-block;background:var(--gold-dim);color:#1a1205;font-size:10px;border-radius:999px;padding:0 6px;margin-left:5px;font-family:var(--font-num)}.panel{flex:1;overflow:auto;padding:12px}.panel.hidden{display:none}.hint-head{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:10px;display:flex;gap:8px;align-items:center}.dendenbtn{width:100%;margin-bottom:12px;background:linear-gradient(180deg,#12314a,#0c2236);border:1px solid var(--self-line);color:var(--self-glow);border-radius:11px;padding:10px;font-size:13px;font-weight:700;transition:.15s;display:flex;align-items:center;justify-content:center;gap:8px}.dendenbtn:hover:not(:disabled){border-color:var(--self-accent);box-shadow:0 0 16px -4px var(--self-accent)}.dendenbtn:disabled{opacity:.5;cursor:wait}.hint{background:linear-gradient(180deg,#12283f99,#0b1a2a99);border:1px solid var(--surface-edge);border-left:3px solid var(--self-accent);border-radius:10px;padding:10px 12px;margin-bottom:9px;font-size:12.5px;line-height:1.55;animation:fadeUp .3s ease both}.hint .h-prob{font-family:var(--font-num);font-weight:700;font-size:12px;color:var(--self-glow);float:right;margin-left:8px}.hint .h-t{font-weight:700;color:var(--ink);margin-bottom:3px}.hint .h-d{color:var(--muted)}.hint.warn{border-left-color:var(--danger)}.hint.warn .h-prob{color:var(--danger-glow)}.hint-empty{font-size:12.5px;color:var(--muted-2);text-align:center;padding:24px 6px;line-height:1.7}.ai-intent{background:#5a328c29;border:1px solid rgba(165,99,232,.45);border-radius:10px;padding:10px 12px;margin-bottom:10px;font-size:12.5px;line-height:1.55}.ai-intent .ai-t{color:#cfa6f5;font-weight:700;margin-bottom:3px;display:flex;align-items:center;gap:6px}.cpu-summary{background:var(--opp-tint);border:1px solid var(--opp-line);border-radius:10px;padding:9px 11px;margin-bottom:10px}.cpu-summary .cs-h{color:var(--opp-accent);font-weight:700;font-size:12px;margin-bottom:5px}.cpu-summary .cs-line{font-size:11.5px;color:var(--ink-2);line-height:1.5;padding:1px 0 1px 12px;position:relative}.cpu-summary .cs-line:before{content:"•";position:absolute;left:2px;color:var(--opp-accent)}.logline{font-size:12px;line-height:1.5;padding:5px 8px;border-radius:6px;margin-bottom:3px;border-left:2px solid transparent}.logline.me{background:#2082c81a;border-left-color:var(--self-accent)}.logline.cpu{background:#e23e5414;border-left-color:var(--opp-accent)}.logline.sys{color:var(--muted);font-style:italic}.logline.atk{border-left-color:var(--gold)}.logline b{color:var(--gold-soft)}.logline .t{color:var(--muted-2);font-size:10px;margin-right:5px;font-family:var(--font-num)}.float{position:absolute;z-index:35;font-family:var(--font-num);font-weight:700;font-size:25px;pointer-events:none;text-shadow:0 2px 6px #000;animation:floatup 1s ease forwards}.float.dmg{color:var(--danger-glow)}.float.heal{color:var(--legal-glow)}.float.buff{color:var(--gold-soft)}@keyframes floatup{0%{opacity:0;transform:translateY(8px) scale(.8)}25%{opacity:1;transform:translateY(-6px) scale(1.12)}to{opacity:0;transform:translateY(-48px)}}.fx-note{position:absolute;left:50%;top:10px;transform:translate(-50%);z-index:46;display:flex;align-items:center;gap:9px;padding:7px 15px;border-radius:999px;white-space:nowrap;pointer-events:none;background:var(--surface-3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--surface-edge);box-shadow:var(--elev-2);font-family:Noto Sans JP;font-size:13px;animation:fxNoteIn .22s ease-out}.fx-note.mine{border-left:4px solid var(--self-accent)}.fx-note.opp{border-left:4px solid var(--opp-accent)}.fx-note .fx-side{font-family:var(--font-num);font-weight:700;font-size:11px;letter-spacing:.1em;color:#ffb1b1;background:#ff6b6b24;border:1px solid rgba(255,107,107,.45);border-radius:7px;padding:1px 8px}.fx-note .fx-note-lbl{font-weight:900;color:var(--gold-soft)}.fx-note .fx-note-nm{color:var(--ink);font-weight:600;max-width:46vw;overflow:hidden;text-overflow:ellipsis}@keyframes fxNoteIn{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:680px){.fx-note{font-size:12px;padding:6px 12px;gap:7px;max-width:94vw}.fx-note .fx-note-nm{max-width:40vw}}.turnbanner{position:fixed;left:0;right:0;top:34%;z-index:150;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;--bn-c: var(--gold);--bn-g: var(--gold-soft)}.turnbanner.mine{--bn-c: var(--self-accent);--bn-g: var(--self-glow)}.turnbanner.opp{--bn-c: var(--opp-accent);--bn-g: var(--opp-glow)}.turnbanner .tb-band{position:absolute;left:0;right:0;top:50%;height:74px;transform:translateY(-50%) scaleY(0);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bn-c) 22%,transparent) 22%,color-mix(in srgb,var(--bn-c) 30%,transparent) 50%,color-mix(in srgb,var(--bn-c) 22%,transparent) 78%,transparent);border-top:1px solid color-mix(in srgb,var(--bn-c) 55%,transparent);border-bottom:1px solid color-mix(in srgb,var(--bn-c) 55%,transparent)}.turnbanner .tb-txt{position:relative;font-family:Bebas Neue;font-size:clamp(32px,6vw,58px);letter-spacing:.12em;color:#fff;text-shadow:0 3px 0 #000,0 0 36px var(--bn-g),0 0 80px var(--bn-c);white-space:nowrap}.turnbanner.flash{animation:tbnrFade 1.6s ease both}.turnbanner.flash .tb-band{animation:tbnrBand 1.6s cubic-bezier(.2,.8,.3,1) both}.turnbanner.flash .tb-txt{animation:tbnrTxt 1.6s cubic-bezier(.2,.8,.3,1) both}@keyframes tbnrFade{0%,82%{opacity:1}to{opacity:0}}@keyframes tbnrBand{0%{transform:translateY(-50%) scaleY(0)}14%{transform:translateY(-50%) scaleY(1)}80%{transform:translateY(-50%) scaleY(1)}to{transform:translateY(-50%) scaleY(.04)}}@keyframes tbnrTxt{0%{opacity:0;transform:translate(-28px);letter-spacing:.3em}18%{opacity:1;transform:none;letter-spacing:.12em}80%{opacity:1;transform:none}to{opacity:0;transform:translate(20px)}}.banner{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:30;font-family:Bebas Neue;font-size:54px;letter-spacing:.05em;color:var(--gold);text-shadow:0 4px 0 #000,0 0 30px var(--gold);opacity:0;pointer-events:none}.banner.flash{animation:bnr 1.3s ease}@keyframes bnr{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}.card.atk-active{outline:3px solid var(--gold);outline-offset:1px;box-shadow:0 0 20px #ffc857cc,0 0 44px #ff9a3d80;z-index:25}.card.atk-target{outline:3px solid #ff5d5d;outline-offset:1px;box-shadow:0 0 20px #ff5d5dcc;animation:atkTgt .6s ease-in-out infinite;z-index:25}@keyframes atkTgt{0%,to{outline-color:#ff5d5d;box-shadow:0 0 14px #ff5d5daa}50%{outline-color:#ffb0b0;box-shadow:0 0 28px #ff5d5d}}#atkAnnounce{position:fixed;left:50%;bottom:172px;top:auto;transform:translate(-50%);z-index:56;pointer-events:none;display:flex;align-items:center;gap:12px;padding:9px 18px;border-radius:16px;background:linear-gradient(180deg,#140e0af0,#0a0706f2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,200,87,.45);box-shadow:var(--elev-2),0 0 28px #ff9a3d4d;font-family:Noto Sans JP;font-weight:800;color:#ffe7aa;white-space:nowrap;animation:atkAnn .26s cubic-bezier(.2,.85,.3,1.15) both}#atkAnnounce.opp{border-color:#ff6a6a8c;color:#ffd0d0;box-shadow:var(--elev-2),0 0 28px #ff5d5d59}#atkAnnounce .aa-from{color:#ffe7aa;display:inline-flex;flex-direction:column;align-items:center;gap:3px}#atkAnnounce .aa-card{width:42px;height:59px;object-fit:cover;object-position:center top;border-radius:6px;border:1px solid #ffffff35;box-shadow:0 2px 8px #000a;background:#0c1a25}#atkAnnounce .aa-nm{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}#atkAnnounce.opp .aa-from{color:#ff9a9a}#atkAnnounce .aa-arrow{font-size:20px;color:var(--gold);text-shadow:0 0 12px var(--gold);animation:arrowNudge .7s ease-in-out infinite}@keyframes arrowNudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}#atkAnnounce.opp .aa-arrow{color:#ff6a6a;text-shadow:0 0 12px #ff6a6a}#atkAnnounce .aa-to{color:#fff;display:inline-flex;flex-direction:column;align-items:center;gap:3px}#atkAnnounce .aa-pw{font-family:var(--font-num);font-weight:700;font-size:16px;line-height:1.1;letter-spacing:.03em;color:#221503;background:linear-gradient(180deg,var(--gold-soft),var(--gold-dim));border-radius:999px;padding:1px 10px}#atkAnnounce .aa-pw.def{color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.35)}#atkAnnounce .aa-side{font-size:10px;font-weight:900;letter-spacing:.1em;padding:2px 7px;border-radius:6px;background:#ff5d5d;color:#fff}@keyframes atkAnn{0%{opacity:0;transform:translate(-50%) scale(.82)}to{opacity:1;transform:translate(-50%) scale(1)}}@media (max-width:680px){#atkAnnounce{font-size:12px;padding:7px 12px;gap:7px;max-width:94vw;bottom:150px}.trashfan{max-width:92vw}}.endscreen{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;overflow:hidden;animation:esFade .42s ease both}@keyframes esFade{0%{opacity:0}to{opacity:1}}.endscreen.win{background:radial-gradient(circle at 50% 47%,#3a28088c,#050910db 58%,#02050af5)}.endscreen.win .es-glow{position:absolute;left:50%;top:47%;width:70vmin;height:70vmin;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,225,154,.4) 0%,rgba(255,200,87,.12) 40%,transparent 68%);filter:blur(2px);animation:esGlow 3.4s ease-in-out infinite}@keyframes esGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}}.endscreen.win .es-rays{position:absolute;left:50%;top:47%;width:170vmax;height:170vmax;transform:translate(-50%,-50%);opacity:0;mix-blend-mode:screen;background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,225,154,.085) 0deg 5deg,transparent 5deg 17deg);animation:esSpin 26s linear infinite,esIn 1.1s ease .15s both}@keyframes esSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes esIn{to{opacity:.75}}.endscreen.win .es-ring{position:absolute;left:50%;top:47%;width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,225,154,.85);transform:translate(-50%,-50%) scale(.1);animation:esRing 1.4s cubic-bezier(.18,.7,.3,1) .15s both}.endscreen.win .es-ring.r2{animation-delay:.45s;border-color:#ffc85780;border-width:2px}@keyframes esRing{0%{opacity:0}12%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(28)}}.endscreen.win .es-motes{position:absolute;inset:0;pointer-events:none}.endscreen.win .es-motes i{position:absolute;bottom:-5%;border-radius:50%;background:radial-gradient(circle,#ffeab2 0%,rgba(255,225,154,.7) 45%,transparent 72%);filter:blur(.4px);animation-name:esMote;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes esMote{0%{opacity:0;transform:translateY(0) scale(.7)}12%{opacity:.95}88%{opacity:.6}to{opacity:0;transform:translateY(-96vh) scale(1.1)}}.endscreen.lose{background:radial-gradient(circle at 50% 47%,#161c2480,#04070ced 72%)}.endscreen.lose .es-vignette{position:absolute;inset:0;box-shadow:inset 0 0 #0000;animation:esVig 1.2s ease .05s both}@keyframes esVig{to{box-shadow:inset 0 0 24vmax 11vmax #000000d1}}.endscreen.lose .es-rain{position:absolute;inset:0;pointer-events:none;opacity:0;animation:esIn 1.5s ease both}.endscreen.lose .es-rain i{position:absolute;top:-14%;width:1.5px;background:linear-gradient(transparent,#96a8bc33);animation-name:esRainf;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes esRainf{0%{transform:translateY(0)}to{transform:translateY(122vh)}}.es-core{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 16px}.es-title{font-family:Bebas Neue;font-size:clamp(58px,13vw,150px);line-height:.9;letter-spacing:.06em}.endscreen.win .es-title{color:#ffe7aa;text-shadow:0 3px 0 #6b4a10,0 0 38px rgba(255,225,154,.85),0 0 84px rgba(255,200,87,.5);animation:esTitleW .75s cubic-bezier(.2,.85,.25,1) .25s both}.endscreen.lose .es-title{color:#d65a5a;text-shadow:0 3px 0 #2a0d0d,0 0 30px rgba(180,40,40,.4);filter:saturate(.85);animation:esTitleL 1s cubic-bezier(.3,.7,.4,1) .3s both}@keyframes esTitleW{0%{opacity:0;transform:translateY(20px) scale(.78)}60%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes esTitleL{0%{opacity:0;transform:translateY(-26px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}.es-sub{font-family:Noto Sans JP;font-weight:900;font-size:clamp(18px,3.2vw,30px);letter-spacing:.32em;animation:esFade .6s ease .62s both}.endscreen.win .es-sub{color:var(--gold-soft)}.endscreen.lose .es-sub{color:#c9aaaa}.es-reason{font-family:Noto Sans JP;font-size:13px;color:var(--muted);margin-top:3px;animation:esFade .6s ease .82s both}.es-btn{margin-top:20px;font-family:Noto Sans JP;font-weight:800;font-size:15px;cursor:pointer;padding:11px 28px;border-radius:999px;border:none;color:#10202e;animation:esBtn .5s ease 1s both}.endscreen.win .es-btn{background:linear-gradient(180deg,#ffe19a,#ffc857);box-shadow:0 8px 26px #ffc8576b}.endscreen.lose .es-btn{background:linear-gradient(180deg,#9fb0bf,#6f8696);box-shadow:0 8px 24px #0009;color:#0c1620}.es-btn:hover{filter:brightness(1.08)}@keyframes esBtn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#preview{position:fixed;z-index:200;width:280px;border-radius:14px;box-shadow:var(--elev-3);pointer-events:none;display:none;border:1px solid var(--surface-edge);overflow:hidden;background:var(--surface-3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#preview img{width:100%;display:block}.tip{font-size:11px;color:var(--muted-2);text-align:center;padding:4px}.modal-back{position:absolute;inset:0;background:#02050ab8;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:90;display:none;align-items:center;justify-content:center;padding:20px}.modal-back.show{display:flex}.modal{background:linear-gradient(180deg,#0e1e33,#091422);border:1px solid var(--surface-edge);border-radius:16px;max-width:560px;width:100%;max-height:84%;overflow:auto;padding:22px;box-shadow:var(--elev-3);animation:fadeUp .2s ease both}.modal h2{font-family:Bebas Neue;color:var(--gold);font-size:26px;margin:0 0 10px;letter-spacing:.04em}.modal p,.modal li{font-size:13px;line-height:1.7;color:var(--ink)}.modal .close{float:right;background:none;border:none;color:var(--muted);font-size:22px}.deck-list-cols{columns:2;font-size:12px;color:var(--muted);line-height:1.55}.modal-back.cardmodal{z-index:160}.cardmodal-box{background:var(--surface-3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--surface-edge);border-radius:16px;width:100%;max-width:340px;box-shadow:var(--elev-3)}.cardmodal-close{display:block;width:100%;background:#ffffff12;border:none;border-top:1px solid var(--surface-edge);color:var(--ink);padding:12px;font-size:14px;font-weight:700;border-radius:0 0 16px 16px}.trash-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}.trash-modal-grid .tm-card{position:relative;aspect-ratio:1/1.4;border-radius:6px;overflow:hidden;background:var(--surface-2);border:1px solid var(--surface-edge)}.trash-modal-grid .tm-card img{width:100%;height:100%;object-fit:cover;display:block}.trash-modal-grid .tm-card .tm-fb{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;font-size:9px;padding:3px;color:var(--ink)}.trash-modal-grid .tm-card.noimg .tm-fb{display:flex}@media (max-width:680px){.deck-list-cols{columns:1}}.builder-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 14px}.bd-make,.bd-import{font-family:Bebas Neue;letter-spacing:.04em;font-size:15px;padding:9px 12px;border-radius:10px;cursor:pointer;border:1px solid var(--self-line);background:linear-gradient(180deg,#10283f,#0a1a2c);color:var(--self-glow);width:170px;text-align:center;white-space:nowrap;flex:0 0 auto;transition:.15s}.bd-make:hover,.bd-import:hover{border-color:var(--self-accent);box-shadow:0 0 14px -4px var(--self-accent)}.builder-row .bd-count{font-size:12px;color:var(--muted)}@media (max-width:680px){.builder-row .bd-make,.builder-row .bd-import{flex:0 0 auto;width:150px;font-size:13px;padding:10px 8px}.builder-row .bd-count{flex-basis:100%;text-align:center}.select-wrap>h1{order:-4}.select-wrap>.hero-sub{order:-3}.select-wrap>.builder-row{order:-2}.select-wrap>.start-row{order:-1;position:static;bottom:auto;margin-top:6px;padding-bottom:8px;border-bottom:1px solid var(--line);background:none}}.bd-wrap{height:100%;overflow-y:auto;max-width:1180px;margin:0 auto;padding:14px 12px 44px}.bd-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.bd-head h1{font-family:Bebas Neue;letter-spacing:.06em;font-size:26px;color:var(--self-glow);margin:0}.bd-back{font-size:13px;padding:7px 13px;border-radius:8px;cursor:pointer;border:1px solid var(--surface-edge);background:#ffffff0d;color:var(--ink)}.bd-note{font-size:11.5px;color:var(--muted)}.bd-leadhead{font-size:12px;color:var(--muted);margin-bottom:6px}.bd-lsearch{display:block;margin-bottom:8px}.bd-poolnote{font-size:11px;color:var(--muted);margin:0 0 8px}.bd-lead-row{display:grid;grid-template-columns:repeat(auto-fill,86px);gap:8px;margin-bottom:12px;align-items:start;justify-content:start;max-height:300px;overflow-y:auto;padding:2px 4px 4px 0}.bd-leader{box-sizing:border-box;min-width:0;overflow:hidden;cursor:pointer;text-align:center;border:2px solid transparent;border-radius:9px;padding:3px;transition:.15s}.bd-leader:hover{border-color:var(--surface-edge)}.bd-leader.sel{border-color:var(--self-accent);background:var(--self-tint);box-shadow:0 0 12px -4px var(--self-accent)}.bd-lart{position:relative;width:100%;aspect-ratio:5 / 7;border-radius:6px;overflow:hidden;border:1px solid var(--surface-edge);background:#0c1826}.bd-leader span{display:block;font-size:10px;color:var(--ink);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}.bd-fbtn{font-size:12px;padding:5px 12px;border-radius:999px;cursor:pointer;border:1px solid var(--surface-edge);background:#0000004d;color:var(--muted);transition:.15s}.bd-fbtn:hover{color:var(--ink)}.bd-fbtn.on{color:var(--self-glow);border-color:var(--self-line);background:var(--self-tint)}.bd-fsel{font-size:12px;padding:5px 10px;border-radius:999px;cursor:pointer;border:1px solid var(--surface-edge);background:#0a1626;color:var(--self-glow)}.bd-search{font-size:13px;padding:7px 12px;border-radius:999px;border:1px solid var(--surface-edge);background:#00000059;color:var(--ink);min-width:180px;flex:1 1 200px;max-width:340px;outline:none;transition:border-color .15s}.bd-search:focus{border-color:var(--self-line)}.bd-cdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px;vertical-align:middle}.bd-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:14px;align-items:start}.bd-pool{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-content:start;min-width:0}.bd-tile{position:relative;border-radius:9px;border:1px solid var(--surface-edge);background:#0a162699;padding:4px;transition:.12s}.bd-tile:hover{border-color:var(--self-line);transform:translateY(-2px)}.bd-tile.has{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset,0 0 10px -4px var(--gold)}.bd-art{position:relative;width:100%;aspect-ratio:5 / 7;border-radius:5px;overflow:hidden;background-color:#0c1826}.bd-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.bd-fb{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;font-size:9.5px;line-height:1.2;color:var(--muted)}.bd-cost{position:absolute;z-index:2;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#000000d9;color:var(--gold-soft);font-family:var(--font-num);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--surface-edge)}.bd-novfx{position:absolute;z-index:2;top:3px;right:3px;font-size:9px;padding:1px 4px;border-radius:4px;background:#0009;color:#d9a}.bd-nm{font-size:10.5px;color:var(--ink);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-sub{font-size:9.5px;color:var(--muted)}.bd-ctl{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:4px}.bd-mn,.bd-pl{width:26px;height:26px;border-radius:7px;border:1px solid var(--surface-edge);background:#ffffff0d;color:var(--self-glow);cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:.12s}.bd-mn:hover,.bd-pl:hover{border-color:var(--self-accent);background:var(--self-tint)}.bd-num{font-family:var(--font-num);font-weight:700;font-size:16px;color:var(--ink);min-width:18px;text-align:center}.bd-tile.has .bd-num{color:var(--gold-soft)}.bd-panel{position:sticky;top:64px;border:1px solid var(--surface-edge);border-radius:12px;background:#060e1acc;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:78vh}.bd-panel-head{font-family:Bebas Neue;letter-spacing:.05em;font-size:15px;color:var(--self-glow)}.bd-statusbar{display:none}.bd-statusbar.on{display:flex;flex-direction:column;gap:0;position:sticky;top:0;z-index:30;background:var(--surface-3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--self-line);border-radius:12px;padding:8px 12px;margin-bottom:12px;box-shadow:var(--elev-2)}.bd-st-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bd-st-list-head,.bd-deck-list{display:none}@media (max-width: 760px){.bd-st-list-head{display:block;font-family:Bebas Neue;letter-spacing:.05em;font-size:13px;color:var(--self-glow);margin:7px 0 2px}.bd-deck-list{display:flex;flex-direction:column;gap:0;max-height:34vh;overflow:auto;border-top:1px solid var(--line);padding-top:2px}.bd-panel{display:none}}.bd-st-count{font-family:var(--font-num);font-weight:700;font-size:28px;line-height:1;color:var(--danger);min-width:84px;white-space:nowrap}.bd-st-count span{font-size:16px;color:var(--muted);margin-left:1px}.bd-st-count.ok{color:var(--legal)}.bd-st-valid{font-size:12px;color:var(--danger);flex:1 1 150px;text-align:center;line-height:1.35}.bd-st-valid.ok{color:var(--legal)}.bd-statusbar .bd-name{flex:1 1 200px;width:auto;min-width:150px}.bd-statusbar .bd-save,.bd-statusbar .bd-exp{flex:0 0 auto;padding:9px 16px;margin:0}.bd-name{width:100%;box-sizing:border-box;padding:8px 12px;border-radius:8px;border:1px solid var(--surface-edge);background:#00000059;color:var(--ink);font-size:13px;outline:none}.bd-name:focus{border-color:var(--self-line)}.bd-total{font-family:var(--font-num);font-weight:700;font-size:22px;color:var(--danger);text-align:center}.bd-total.ok{color:var(--legal)}.bd-valid{font-size:12px;color:var(--danger);text-align:center;min-height:16px;line-height:1.4}.bd-valid.ok{color:var(--legal)}.bd-rows{overflow:auto;flex:1;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);padding-top:4px;min-height:60px}.bd-row{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink);padding:5px 2px;border-bottom:1px solid rgba(255,255,255,.06)}.bd-rcost{flex:0 0 auto;min-width:19px;height:19px;line-height:19px;text-align:center;border-radius:4px;background:#ffc85724;color:var(--gold-soft);font-family:var(--font-num);font-weight:700;font-size:12px}.bd-rn{flex:1 1 auto;white-space:normal;word-break:break-word;line-height:1.3}.bd-rno{flex:0 0 auto;color:var(--muted);font-size:10px;letter-spacing:.02em}.bd-rc{flex:0 0 auto;color:var(--gold-soft);font-family:var(--font-num);font-weight:700;min-width:30px;text-align:right;font-size:14px}.bd-rb{flex:0 0 auto}.bd-rb button{width:22px;height:22px;border-radius:5px;border:1px solid var(--surface-edge);background:#ffffff0d;color:var(--ink);cursor:pointer;font-size:13px}.bd-empty{color:var(--muted);font-size:12px;text-align:center;padding:14px 0}.bd-actions{display:flex;flex-direction:column;gap:6px}.bd-save,.bd-exp{padding:9px;border-radius:9px;cursor:pointer;font-size:13px;font-family:Bebas Neue;letter-spacing:.04em}.bd-save{border:none;background:linear-gradient(180deg,var(--gold-soft),var(--gold-dim));color:#2a1f06}.bd-save:disabled{opacity:.4;cursor:not-allowed}.bd-exp{border:1px solid var(--surface-edge);background:#ffffff0d;color:var(--gold-soft)}@media (max-width: 760px){.bd-main{grid-template-columns:1fr}.bd-panel{position:static;max-height:none}.bd-pool{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1240px){.hud-plate{gap:6px;padding:4px 9px}.hud-plate .hp-stat.deck{display:none}}@media (max-width:1000px){#board{grid-template-columns:1fr}.felt{--rail: 0px }#side{position:absolute;right:0;top:0;bottom:0;width:300px;transform:translate(100%);transition:.25s;z-index:60;box-shadow:-10px 0 40px #000a}#side.open{transform:none}.side-close{display:flex;align-items:center;justify-content:center}#preview{display:none!important}#topbar .logo small{display:none}}@media (max-width:680px){#topbar{height:44px;gap:6px;padding:0 8px}#topbar .logo{display:none}#screen{inset:44px 0 0}#rulesBtn,#menuBtn,#sideToggle,#aiToggleWrap{display:none!important}.ham-btn{display:inline-flex!important;align-items:center}.turnpill{padding:3px 8px;font-size:11px;gap:5px}.turnpill b{font-size:15px}.turnpill .tp-steps,#whoTurn{display:none}.hud-plate{gap:4px;padding:3px 7px}.hud-plate .hp-name{font-size:10px}.hud-plate .hp-stat b{font-size:13px}.hud-plate .hp-stat i{font-size:8px}.hud-plate .hp-stat.hand i{display:none}.tbtn{padding:5px 9px;font-size:11.5px}.tg{font-size:11px}.side{gap:6px 6px;padding:4px 5px}.handzone{min-height:94px;padding:2px 4px 6px;overflow-x:auto;justify-content:safe center}.handzone .card{margin:0 -8px}.handzone .card:hover{margin:0 2px;transform:translateY(-14px) scale(1.08)}.controls{gap:6px;padding:4px;flex-wrap:wrap}.phasebtn{padding:8px 12px;font-size:12px}.prompt{top:8px;padding:12px 14px;min-width:0;width:94%;max-height:74vh;overflow:auto}#promptHost .prompt{top:48px}.opt{padding:9px 14px;font-size:13px}.opt-card,.opt-card .oc-art{width:66px}.opt-card .oc-cap{max-width:66px;font-size:9.5px}}