.cok-overlay,.cok-verdict,.cok-result{--cok-ink:#eaf3ff;--cok-ink-dim:#9db4d0;--cok-ink-mute:#6b81a1;--cok-accent:#5fc8ff;--cok-accent-line:#5fc8ff4d;--cok-accent-soft:#5fc8ff17;--cok-accent-glow:#5fc8ff38;--cok-gold:#f0b93a;--cok-gold-line:#f0b93a57;--cok-danger:#ff7288;--cok-ok:#7fe0a3;--cok-surface-1:#16273e;--cok-surface-2:#0a1626;--cok-radius:14px;--cok-radius-sm:8px;--cok-hairline:#ffffff14}.cok-overlay{z-index:400;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(70% 60% at 50% 42%,#163e6c6b,#0000 70%),#03070ecc;justify-content:center;align-items:center;padding:24px;font-family:Georgia,Noto Serif JP,serif;animation:.16s ease-out cok-overlay-in;display:flex;position:fixed;inset:0}.cok-overlay--layer-base{z-index:200}.cok-overlay--layer-mid{z-index:500}.cok-overlay--layer-alert{z-index:1200}.cok-overlay--layer-detail{z-index:1400}.cok-overlay--danger{--cok-accent:#ff7288;--cok-accent-line:#ff728857;--cok-accent-soft:#ff728817;--cok-accent-glow:#ff72883d;background:radial-gradient(70% 60% at 50% 42%,#781a2c6b,#0000 70%),#080306d1}.cok-overlay--crimson{--cok-accent:#ff9aa8;--cok-accent-line:#ff9aa847;--cok-accent-soft:#ff9aa812;--cok-accent-glow:#ff9aa82e}@keyframes cok-overlay-in{0%{opacity:0}to{opacity:1}}.cok-dialog{width:min(var(--cok-w,560px), 100%);max-height:min(88vh,940px);color:var(--cok-ink);background:linear-gradient(180deg, var(--cok-accent-soft), transparent 200px), linear-gradient(180deg, var(--cok-surface-1) 0%, var(--cok-surface-2) 68%);border:1px solid var(--cok-accent-line);border-radius:var(--cok-radius);box-shadow:0 28px 72px #000000bd, 0 0 0 1px #0000008c, 0 0 46px var(--cok-accent-glow), inset 0 1px 0 #ffffff12;flex-direction:column;animation:.2s cubic-bezier(.2,.9,.3,1) cok-dialog-in;display:flex;position:relative;overflow:hidden}.cok-dialog:before{content:"";background:linear-gradient(90deg, transparent, var(--cok-gold) 16%, var(--cok-accent) 54%, transparent);opacity:.9;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.cok-dialog:after{content:"";border:1px solid var(--cok-gold-line);opacity:.28;pointer-events:none;border-radius:9px;position:absolute;inset:5px}@keyframes cok-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.cok-dialog--sm{--cok-w:430px}.cok-dialog--md{--cok-w:580px}.cok-dialog--lg{--cok-w:780px}.cok-dialog--xl{--cok-w:1080px}.cok-dialog--tall{max-height:min(94vh,1000px)}.cok-dialog__head{border-bottom:1px solid var(--cok-hairline);background:linear-gradient(#ffffff0b,#0000);flex:none;align-items:flex-start;gap:12px;padding:15px 18px 12px 20px;display:flex}.cok-dialog__mark{background:linear-gradient(135deg, var(--cok-gold), #a8710d);width:10px;height:10px;box-shadow:0 0 10px var(--cok-gold-line);flex:none;margin-top:6px;transform:rotate(45deg)}.cok-dialog__titles{flex:auto;min-width:0}.cok-dialog__title{letter-spacing:.1em;color:var(--cok-gold);margin:0;font-size:18px;font-weight:700;line-height:1.3}.cok-dialog__sub{color:var(--cok-ink-dim);margin:4px 0 0;font-size:12px;line-height:1.55}.cok-dialog__meta{flex:none;align-items:center;gap:6px;padding-top:2px;display:flex}.cok-dialog__close{width:30px;height:30px;color:var(--cok-ink-dim);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;font-family:inherit;font-size:14px;line-height:1;transition:all .14s;display:grid}.cok-dialog__close:hover{color:var(--cok-ink);border-color:var(--cok-accent-line);background:var(--cok-accent-soft)}.cok-dialog__close:focus-visible,.cok-btn:focus-visible,.cok-pick:focus-visible,.cok-row:focus-visible{outline:2px solid var(--cok-accent);outline-offset:2px}.cok-dialog__body{overscroll-behavior:contain;flex:auto;min-height:0;padding:16px 20px;overflow-y:auto}.cok-dialog__body--flush{padding:0}.cok-dialog__body::-webkit-scrollbar{width:9px}.cok-split__main::-webkit-scrollbar{width:9px}.cok-scroll::-webkit-scrollbar{width:9px}.cok-dialog__body::-webkit-scrollbar-track{background:#0000003d}.cok-split__main::-webkit-scrollbar-track{background:#0000003d}.cok-scroll::-webkit-scrollbar-track{background:#0000003d}.cok-dialog__body::-webkit-scrollbar-thumb{background:#5fc8ff42;border-radius:999px}.cok-split__main::-webkit-scrollbar-thumb{background:#5fc8ff42;border-radius:999px}.cok-scroll::-webkit-scrollbar-thumb{background:#5fc8ff42;border-radius:999px}.cok-dialog__body::-webkit-scrollbar-thumb:hover{background:#5fc8ff70}.cok-split__main::-webkit-scrollbar-thumb:hover{background:#5fc8ff70}.cok-scroll::-webkit-scrollbar-thumb:hover{background:#5fc8ff70}.cok-dialog__foot{border-top:1px solid var(--cok-hairline);background:linear-gradient(#0000,#00000038);flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px 15px;display:flex}.cok-dialog__foot-note{color:var(--cok-ink-mute);letter-spacing:.02em;margin-right:auto;font-size:12px}.cok-btn{letter-spacing:.06em;border-radius:var(--cok-radius-sm);color:var(--cok-ink);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:9px 22px;font-family:inherit;font-size:14px;transition:filter .14s,background .14s,border-color .14s,color .14s}.cok-btn--primary{color:#04121f;background:linear-gradient(#8fdcff,#2f9fdc);border-color:#a9e6ff;font-weight:700;box-shadow:inset 0 1px #fff6,0 6px 18px #2f9fdc42}.cok-btn--primary:hover:not(:disabled){filter:brightness(1.1)}.cok-btn--gold{color:#1d1305;background:linear-gradient(#ffdc85,#d3941a);border-color:#ffe7ab;font-weight:700;box-shadow:inset 0 1px #ffffff73,0 6px 18px #d3941a42}.cok-btn--gold:hover:not(:disabled){filter:brightness(1.08)}.cok-btn--ghost{color:var(--cok-ink-dim);background:#ffffff09;border-color:#ffffff29}.cok-btn--ghost:hover:not(:disabled){color:var(--cok-ink);border-color:var(--cok-accent-line);background:var(--cok-accent-soft)}.cok-btn--danger{color:#ffe2e6;background:linear-gradient(#9b2a3f,#5d1524);border-color:#d2596e;font-weight:700;box-shadow:inset 0 1px #ffffff29,0 6px 18px #9b2a3f4d}.cok-btn--danger:hover:not(:disabled){filter:brightness(1.14)}.cok-btn--lg{padding:12px 34px;font-size:15px}.cok-btn--block{width:100%}.cok-btn:disabled{opacity:.34;cursor:not-allowed;box-shadow:none;filter:grayscale(.5)}.cok-chip{white-space:nowrap;color:var(--cok-ink-dim);background:#ffffff0d;border:1px solid #ffffff26;border-radius:999px;align-items:baseline;gap:4px;padding:2px 9px;font-size:12px;line-height:1.7;display:inline-flex}.cok-chip b{color:var(--cok-ink);font-size:14px;font-weight:700}.cok-chip--accent{border-color:var(--cok-accent-line);background:var(--cok-accent-soft);color:var(--cok-accent)}.cok-chip--accent b{color:var(--cok-accent)}.cok-chip--gold{border-color:var(--cok-gold-line);color:var(--cok-gold);background:#f0b93a1a}.cok-chip--gold b{color:var(--cok-gold)}.cok-chip--danger{color:var(--cok-danger);background:#ff72881f;border-color:#ff72886b}.cok-chip--danger b{color:var(--cok-danger)}.cok-chip--ok{color:var(--cok-ok);background:#7fe0a31a;border-color:#7fe0a361}.cok-chip--mute{color:var(--cok-ink-mute)}.cok-chip__was{color:var(--cok-ink-mute);font-size:12px;text-decoration:line-through}.cok-cardzoom{zoom:1.7}.cok-cardzoom--sm{zoom:1.45}.cok-overlay .card-preview,:is(body:has(.cok-overlay--layer-detail) .hand-inspector-anchor,body:has(.cok-overlay--layer-detail) .card-preview){display:none!important}.cok-cardgrid{grid-template-columns:repeat(auto-fill, minmax(var(--cok-pick-min,132px), 1fr));align-content:start;gap:12px;display:grid}.cok-dialog--xl .cok-cardgrid{--cok-pick-min:150px}.cok-cardgrid:has(>.cok-pick--action){--cok-pick-min:196px}.cok-cardgrid--sm{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.cok-pick{color:inherit;text-align:center;cursor:pointer;background:#ffffff06;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:7px;padding:9px 6px 10px;font-family:inherit;transition:border-color .14s,background .14s,box-shadow .14s;display:flex}.cok-pick:hover:not(.is-locked){border-color:var(--cok-accent-line);background:var(--cok-accent-soft)}.cok-pick.is-selected{border-color:var(--cok-gold);box-shadow:0 0 0 1px var(--cok-gold-line), 0 0 26px #f0b93a29;background:#f0b93a1a}.cok-pick.is-locked{opacity:.55;filter:grayscale(.55)}.cok-pick.is-locked.is-selected{opacity:.95;filter:grayscale(.15)}.cok-name,.cok-pick__name,.cok-info__name,.cok-row__name,.cok-panel__name,.cok-ccard__name,.cok-deckrow__name,.cok-deckcard__name,.cok-tc__name{line-break:strict;overflow-wrap:break-word;text-wrap:balance}.cok-name__seg{white-space:nowrap}.cok-name[data-loose="1"] .cok-name__seg{white-space:normal;overflow-wrap:anywhere}.cok-pick__name{color:var(--cok-ink);word-break:normal;font-size:13px;line-height:1.35}.cok-pick__tags{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.cok-overlay .tutorial-target{z-index:1300}.cok-split{grid-template-columns:minmax(0,1fr) 306px;gap:0;padding:0;display:grid;overflow:hidden}.cok-split__main{overscroll-behavior:contain;min-width:0;min-height:0;padding:16px 18px;overflow-y:auto}.cok-split__main:has(>.cok-info__empty--pad){justify-content:center;align-items:center;display:flex}.cok-split__side{border-left:1px solid var(--cok-hairline);background:linear-gradient(#0000003d,#0000000f);flex-direction:column;min-width:0;min-height:0;display:flex}@media (width<=900px){.cok-split{grid-template-rows:minmax(0,1fr) minmax(0,1.3fr);grid-template-columns:minmax(0,1fr)}.cok-split__side{border-left:none;border-top:1px solid var(--cok-hairline);max-height:none}}.cok-info{flex-direction:column;height:100%;min-height:0;display:flex}.cok-info__scroll{overscroll-behavior:contain;flex:auto;min-height:0;padding:14px 15px;overflow-y:auto}.cok-info__name{color:var(--cok-ink);font-size:17px;font-weight:700;line-height:1.35}.cok-info__en{letter-spacing:.04em;color:var(--cok-ink-mute);margin-top:2px;font-size:12px}.cok-info__tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.cok-info__stats{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.cok-info__line{color:var(--cok-ink-dim);margin-top:8px;font-size:13px;line-height:1.6}.cok-info__section{letter-spacing:.14em;color:var(--cok-ink-mute);border-bottom:1px solid var(--cok-hairline);margin-top:14px;margin-bottom:7px;padding-bottom:4px;font-size:12px}.cok-info__empty{color:var(--cok-ink-mute);font-size:14px;line-height:1.8}.cok-info__empty--pad{text-align:center;padding:30px 0 34px}.cok-info__flavor{border-left:2px solid var(--cok-gold-line);color:var(--cok-ink-mute);margin-top:14px;padding-left:10px;font-size:13px;font-style:italic;line-height:1.75}.cok-info__actions{border-top:1px solid var(--cok-hairline);background:#00000038;flex-direction:column;flex:none;gap:8px;padding:12px 15px 14px;display:flex}.cok-info__placeholder{text-align:center;color:var(--cok-ink-mute);flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;padding:24px 18px;font-size:14px;line-height:1.8;display:flex}.cok-info__placeholder-mark{border:1px solid var(--cok-accent-line);width:34px;height:34px;box-shadow:inset 0 0 18px var(--cok-accent-soft);transform:rotate(45deg)}.cok-eff{border:1px solid var(--cok-accent-line);border-left-width:2px;border-left-color:var(--cok-accent);background:var(--cok-accent-soft);border-radius:6px;margin-bottom:8px;padding:9px 11px}.cok-eff:last-child{margin-bottom:0}.cok-eff__head{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;display:flex}.cok-eff__name{color:var(--cok-gold);font-size:15px;font-weight:700}.cok-eff__trigger{color:#8bd8ff;white-space:nowrap;background:#5fc8ff29;border-radius:999px;padding:1px 8px;font-size:12px;line-height:1.8}.cok-eff__trigger.is-interrupt{color:#ff9aa8;background:#ff72882e}.cok-eff__cond{color:var(--cok-ink-mute);margin-bottom:3px;font-size:12.5px;line-height:1.6}.cok-eff__text{color:var(--cok-ink);font-size:14.5px;line-height:1.7}.cok-eff__note{color:var(--cok-ink-mute);margin-top:4px;font-size:12px}@media (width<=900px){.cok-info__actions{flex-flow:wrap;justify-content:center;align-items:center;gap:8px 10px;padding:10px 15px 12px}.cok-info__actions .cok-center-chips{flex:none}.cok-info__actions .cok-btn--block{flex:220px;width:auto}}.cok-facing{border:1px solid var(--cok-gold-line);border-radius:var(--cok-radius-sm);background:linear-gradient(#f0b93a14,#f0b93a04);align-items:flex-start;gap:16px;padding:14px;display:flex}.cok-facing--tight{padding:12px 14px}.cok-facing__card{flex:none;width:196px}.cok-facing__text{flex-direction:column;flex:auto;gap:7px;min-width:0;display:flex}.cok-facing__label{background:var(--cok-gold);color:#1d1403;letter-spacing:.04em;white-space:nowrap;border-radius:4px;align-self:flex-start;padding:2px 9px;font-size:12px;font-weight:700}.cok-facing__name{color:var(--cok-ink);font-size:20px;font-weight:700;line-height:1.3}.cok-facing__text .cok-text{margin:0}@media (width<=620px){.cok-facing{flex-direction:column;align-items:stretch}.cok-facing__card{align-self:center;width:148px}}.cok-pick--action{text-align:left;background:0 0;border-color:#0000;align-items:stretch;gap:5px;padding:5px}.cok-pick--action:disabled{cursor:not-allowed}.cok-pick--action>.cok-tc{flex:auto}.cok-brief{border:1px solid var(--cok-gold-line);border-radius:var(--cok-radius-sm);background:linear-gradient(#f0b93a17,#f0b93a04);align-items:center;gap:12px;padding:8px 12px;display:flex}.cok-brief--danger{background:linear-gradient(#ff72881c,#ff728805);border-color:#ff72886b}.cok-brief--plain{padding:10px 13px}.cok-brief__thumb{aspect-ratio:4/3;width:76px;box-shadow:0 0 0 1px var(--cok-gold-line), 0 4px 12px #00000080;background:#05080f;border:1px solid #000000b3;border-radius:5px;flex:none;position:relative;overflow:hidden}.cok-brief__img{width:calc(100% * var(--art-zoom,1));height:calc(100% * var(--art-zoom,1));object-fit:cover;object-position:var(--art-pos,50% 50%);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cok-brief__noart{color:#8fb6d866;place-items:center;width:100%;height:100%;font-size:26px;display:grid}.cok-brief__body{flex-direction:column;flex:auto;gap:4px;min-width:0;display:flex}.cok-brief__row{flex-wrap:wrap;align-items:center;gap:4px 9px;min-width:0;display:flex}.cok-brief__label{background:var(--cok-gold);color:#1d1403;letter-spacing:.04em;white-space:nowrap;border-radius:4px;flex:none;padding:2px 9px;font-size:12px;font-weight:700}.cok-brief--danger .cok-brief__label{background:var(--cok-danger);color:#2a0710}.cok-brief__name{min-width:0;color:var(--cok-ink);font-size:17px;font-weight:700;line-height:1.3}.cok-brief__note{color:var(--cok-ink-dim);margin:0;font-size:13px;line-height:1.6}.cok-info__section--main{margin-top:12px;margin-bottom:9px}.cok-pick--action .cok-pick__tags{justify-content:center}.cok-rows{flex-direction:column;gap:8px;display:flex}.cok-row{border-radius:var(--cok-radius-sm);width:100%;color:var(--cok-ink);text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;align-items:center;gap:10px;padding:10px 13px;font-family:inherit;transition:border-color .14s,background .14s;display:flex}.cok-row:hover{border-color:var(--cok-danger);background:#ff72881a}.cok-row__name{flex:auto;min-width:0;font-size:15px}.cok-row__sub{color:var(--cok-ink-mute);flex:none;font-size:12px}.cok-panel{border:1px solid var(--cok-accent-line);border-radius:var(--cok-radius-sm);background:var(--cok-accent-soft);align-items:center;gap:10px;padding:10px 13px;display:flex}.cok-panel__label{background:var(--cok-accent);color:#06131f;white-space:nowrap;border-radius:4px;flex:none;padding:2px 8px;font-size:12px;font-weight:700}.cok-panel__name{min-width:0;color:var(--cok-ink);flex:auto;font-size:15px}.cok-text{color:var(--cok-ink-dim);font-size:14px;line-height:1.8}.cok-text strong{color:var(--cok-ink)}.cok-text--center{text-align:center}.cok-stack{flex-direction:column;gap:12px;display:flex}.cok-center-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.cok-detail{width:min(980px,95vw);max-height:min(94vh,980px);color:var(--cok-ink);background:linear-gradient(180deg, var(--cok-accent-soft), transparent 220px), linear-gradient(180deg, var(--cok-surface-1) 0%, var(--cok-surface-2) 70%);border:1px solid var(--cok-accent-line);border-radius:var(--cok-radius);box-shadow:0 30px 80px #000c, 0 0 0 1px #0000008c, 0 0 52px var(--cok-accent-glow), inset 0 1px 0 #ffffff12;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,clamp(330px,32vw,452px)) minmax(0,1fr);animation:.2s cubic-bezier(.2,.9,.3,1) cok-dialog-in;display:grid;position:relative;overflow:hidden}.cok-detail.is-plain{width:min(880px,95vw)}.cok-detail:before{content:"";z-index:3;background:linear-gradient(90deg, transparent, var(--cok-gold) 16%, var(--cok-accent) 54%, transparent);pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.cok-detail__close{z-index:4;border:1px solid var(--cok-gold-line);width:32px;height:32px;color:var(--cok-gold);cursor:pointer;background:#060e1adb;border-radius:50%;place-items:center;font-family:inherit;font-size:15px;line-height:1;transition:background .14s,color .14s;display:grid;position:absolute;top:10px;right:12px;box-shadow:0 6px 18px #0009}.cok-detail__close:hover{color:#ffe0a0;background:#f0b93a2e}.cok-detail__close:focus-visible{outline:2px solid var(--cok-accent);outline-offset:2px}.cok-detail__stage{border-right:1px solid var(--cok-hairline);background:radial-gradient(130% 78% at 50% 0%, color-mix(in srgb, var(--cok-accent) 12%, transparent), transparent 72%), linear-gradient(180deg, #060e1a9e, #02060ceb);overscroll-behavior:contain;place-items:center;min-width:0;padding:18px 16px;display:grid;overflow:auto}.cok-tc{--tc-accent:#8fb6d8;--tc-gold:#d9b25a;background:linear-gradient(148deg,#5d4d26 0%,#c9a95e 13%,#7b6631 27%,#eed9a2 46%,#6f5c2e 62%,#cbac63 80%,#55471f 100%);border-radius:15px;flex-direction:column;width:100%;padding:7px;display:flex;position:relative;box-shadow:0 18px 44px #000000b8,0 0 0 1px #0000009e,inset 0 0 0 1px #ffffff2e}.cok-tc--detail{max-width:420px}.cok-tc__bezel{pointer-events:none;border:1px solid #00000073;border-radius:12px;position:absolute;inset:4px}.cok-tc__inner{background:linear-gradient(180deg, color-mix(in srgb, var(--tc-accent) 24%, #0a1422) 0%, #070d18 44%, #04080f 100%);border-radius:9px;flex-direction:column;flex:auto;gap:7px;min-height:0;padding:9px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #000000b8,inset 0 1px #ffffff12}.cok-tc__head{min-width:0;display:block}.cok-tc__orb{z-index:3;background:radial-gradient(circle at 34% 27%, #fff4d2 0%, #f0cd7d 32%, var(--tc-gold) 52%, #8c7130 80%, #3f3419 100%);color:#241a06;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:absolute;top:7px;left:7px;box-shadow:0 3px 11px #000000c7,0 0 0 1px #0009,inset 0 0 0 2px #0000006b,inset 0 -4px 9px #00000061}.cok-tc__orb b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.cok-tc__orb em{letter-spacing:.02em;color:#281c06d1;font-size:12px;font-style:normal;line-height:1.25}.cok-tc__orb s{color:#281c069e;font-size:12px;line-height:1.1}.cok-tc__orb.is-changed{background:radial-gradient(circle at 34% 27%,#e6ffe9 0%,#a8ecc0 34%,#58c98a 56%,#2c7a4f 82%,#173d28 100%)}.cok-tc__orb.is-dual{border-radius:999px;flex-direction:row;gap:12px;width:auto;height:58px;padding:0 15px}.cok-tc__orbpart{flex-direction:column;align-items:center;line-height:1;display:flex}.cok-tc__orbpart em{color:#281c06d1;font-size:12px;font-style:normal}.cok-tc__orbpart b{font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.cok-tc__plate{border:1px solid color-mix(in srgb, var(--tc-gold) 58%, transparent);background:linear-gradient(#d9b25a3d,#d9b25a0d 62%,#d9b25a1f);border-radius:6px;flex-direction:column;justify-content:center;min-width:0;padding:5px 11px 6px;display:flex;box-shadow:inset 0 1px #ffffff24,0 2px 8px #0006}.cok-tc__name{letter-spacing:.02em;color:#fff6e4;text-shadow:0 1px 2px #000000b3;margin:0;font-size:21px;font-weight:700;line-height:1.24}.cok-tc__en{letter-spacing:.04em;color:#fff0d49e;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;display:block;overflow:hidden}.cok-tc__window{aspect-ratio:4/3;box-shadow:0 0 0 1px color-mix(in srgb, var(--tc-gold) 48%, transparent), 0 6px 18px #0000008c;background:#05080f;border:1px solid #000000c7;border-radius:4px;position:relative;overflow:hidden}.cok-tc__windowveil{pointer-events:none;background:linear-gradient(#00000042 0%,#0000 26% 72%,#0000006b 100%);position:absolute;inset:0}.cok-tc__noart{width:100%;height:100%;color:color-mix(in srgb, var(--tc-accent) 45%, transparent);place-items:center;font-size:42px;display:grid}.cok-tc__guard{color:#8fe8b4;white-space:nowrap;background:#061a10db;border:1px solid #7fe0a39e;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;line-height:1.5;position:absolute;bottom:6px;left:6px}.cok-tc__typeline{background:linear-gradient(180deg, color-mix(in srgb, var(--tc-accent) 32%, #101c2c), #0a1220);min-width:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--tc-gold) 32%, transparent);border:1px solid #0000009e;border-radius:4px;flex-wrap:wrap;align-items:center;gap:2px 6px;padding:4px 10px;font-size:12.5px;line-height:1.6;display:flex}.cok-tc__type{color:color-mix(in srgb, var(--tc-accent) 55%, #fff);flex:none;font-weight:700}.cok-tc__sep{color:#ffffff47;flex:none}.cok-tc__discs{color:#e2eefcdb;min-width:0}.cok-tc__era{color:#e2eefc94;white-space:nowrap;flex:none;margin-left:auto;padding-left:8px}.cok-tc__rules{min-height:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--tc-gold) 28%, transparent), inset 0 1px 0 #ffffff0d;background:linear-gradient(#18202ef5,#0c121df5);border:1px solid #0000009e;border-radius:4px;flex:auto;padding:8px 10px;position:relative}.cok-tc--detail .cok-tc__rules{min-height:96px}.cok-tc--tile .cok-tc__rules{min-height:74px}.cok-tc--tile .cok-tc__rules--digest,.cok-tc__rules--digest{flex-direction:column;flex:none;gap:5px;min-height:0;display:flex}.cok-tc__digest{flex-wrap:wrap;gap:4px;margin:0;display:flex}.cok-tc__rules--digest{padding:8px 6px}.cok-tc__digest .cok-tc__trigger{margin-right:0;padding:0 5px}.cok-tc__rules--digest .cok-tc__digestnote{padding:0 2px}.cok-tc__digestnote{letter-spacing:.02em;color:#d2e0f299;margin:0;font-size:12px;line-height:1.5}.cok-tc__rule{color:#dfe9f7;margin:0 0 6px;font-size:13px;line-height:1.56}.cok-tc__rule:last-child{margin-bottom:0}.cok-tc--tile .cok-tc__rule{font-size:12.5px;line-height:1.5}.cok-tc__trigger{border:1px solid color-mix(in srgb, var(--tc-accent) 52%, transparent);background:color-mix(in srgb, var(--tc-accent) 24%, transparent);color:#eaf4ff;white-space:nowrap;border-radius:3px;margin-right:6px;padding:0 7px;font-size:12px;font-weight:700;line-height:1.6;display:inline-block}.cok-tc__once{color:var(--cok-ink-mute);white-space:nowrap;margin-left:6px;font-size:12px}.cok-tc__norule{color:var(--cok-ink-mute);margin:0;font-size:12.5px}.cok-tc__flavor{color:#d2e0f2a8;border-top:1px solid #ffffff1a;margin:8px 0 0;padding-top:7px;font-size:12.5px;font-style:italic;line-height:1.62}.cok-tc__foot{color:#d2e0f29e;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.cok-tc__code{letter-spacing:.04em;white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.cok-tc__rarity,.cok-tc__id{white-space:nowrap}.cok-tc__gem{background:linear-gradient(150deg,#cfdae8,#6d7d90);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000080}.cok-tc__gem.rarity-uncommon{background:linear-gradient(150deg,#b9f0d0,#3f8f68)}.cok-tc__gem.rarity-rare{background:linear-gradient(150deg,#bfe2ff,#2f7ac0)}.cok-tc__gem.rarity-legendary{background:linear-gradient(150deg,#ffeeb8,#d09a26)}.cok-tc__school{color:#d2e0f275;flex:100%;min-width:0}.cok-tc--tile .cok-tc__school{display:none}.cok-tc__stats{flex:none;align-items:stretch;gap:6px;margin-left:auto;display:flex}.cok-tc__stat{background:linear-gradient(#ffffff21,#ffffff05);border:1px solid #0000009e;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-width:54px;padding:2px 9px 3px;line-height:1.1;display:inline-flex;box-shadow:0 0 0 1px #ffffff1a,inset 0 1px #ffffff1f}.cok-tc__stat em{letter-spacing:.08em;color:#ffffff9e;font-size:12px;font-style:normal}.cok-tc__stat b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.cok-tc__stat.is-atk b{color:#ff9aa8}.cok-tc__stat.is-def b{color:#8bd8ff}.cok-tc__stat.is-cost b{color:#f3d68d}.cok-tc__stat i{white-space:nowrap;color:var(--cok-ink-mute);font-size:12px;font-style:normal}.cok-tc__stat.is-up{background:linear-gradient(#7fe0a33d,#7fe0a30d);border-color:#7fe0a399}.cok-tc__stat.is-up b,.cok-tc__stat.is-up i{color:var(--cok-ok)}.cok-tc__stat.is-down{background:linear-gradient(#ff728838,#ff72880a);border-color:#ff728899}.cok-tc__stat.is-down b,.cok-tc__stat.is-down i{color:var(--cok-danger)}.cok-tc--tile{border-radius:11px;padding:5px;box-shadow:0 8px 20px #0009,0 0 0 1px #0009,inset 0 0 0 1px #ffffff24}.cok-tc--tile .cok-tc__bezel{border-radius:9px;inset:3px}.cok-tc--tile .cok-tc__inner{border-radius:7px;gap:5px;padding:7px}.cok-tc--tile .cok-tc__orb{width:46px;height:46px;top:5px;left:5px}.cok-tc--tile .cok-tc__orb b{font-size:20px}.cok-tc--tile .cok-tc__orb.is-dual{gap:9px;width:auto;height:44px;padding:0 10px}.cok-tc--tile .cok-tc__orbpart b{font-size:17px}.cok-tc--tile .cok-tc__plate{height:100%;padding:4px 9px}.cok-tc--tile .cok-tc__name{max-height:42px;font-size:15.5px;line-height:1.3}.cok-tc--tile .cok-tc__head{height:50px}.cok-tc--tile .cok-tc__en{display:none}.cok-tc--tile .cok-tc__typeline{padding:3px 8px;font-size:12px}.cok-tc--tile .cok-tc__stat{min-width:46px;padding:1px 7px 2px}.cok-tc--tile .cok-tc__code{white-space:normal;flex-wrap:wrap;flex:0 auto;min-width:0}.cok-tc--tile .cok-tc__foot{min-height:37px}.cok-tc--tile .cok-tc__stat b{font-size:17px}button.cok-tcbtn{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;padding:0;font-family:inherit;transition:transform .14s,filter .14s;display:flex}button.cok-tcbtn>.cok-tc{flex:auto}button.cok-tcbtn:hover{filter:brightness(1.08);transform:translateY(-3px)}button.cok-tcbtn:focus-visible{outline:2px solid var(--cok-accent);outline-offset:3px}.cok-face__img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;display:block}.cok-face__img.cok-artfit{width:calc(100% * var(--art-zoom,1));height:calc(100% * var(--art-zoom,1));object-position:var(--art-pos,50% 50%)}.cok-face__noart{color:#8fb6d873;place-items:center;width:100%;height:100%;font-size:46px;display:grid}.cok-artfit{width:calc(100% * var(--art-zoom,1));height:calc(100% * var(--art-zoom,1));object-fit:cover;object-position:var(--art-pos,50% 50%);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cok-detail__pane{flex-direction:column;min-width:0;min-height:0;display:flex}.cok-detail__scroll{overscroll-behavior:contain;flex:auto;min-height:0;padding:18px 20px 20px;overflow-y:auto}.cok-detail__scroll::-webkit-scrollbar{width:9px}.cok-detail__stage::-webkit-scrollbar{width:9px}.cok-detail__scroll::-webkit-scrollbar-track{background:#0000003d}.cok-detail__stage::-webkit-scrollbar-track{background:#0000003d}.cok-detail__scroll::-webkit-scrollbar-thumb{background:#5fc8ff42;border-radius:999px}.cok-detail__stage::-webkit-scrollbar-thumb{background:#5fc8ff42;border-radius:999px}.cok-detail__scroll>.cok-info__section:first-child{margin-top:0}.cok-guide{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.cok-guide__item{border:1px solid var(--cok-hairline);color:var(--cok-ink-dim);background:#ffffff06;border-radius:6px;align-items:flex-start;gap:9px;padding:6px 11px;font-size:13.5px;line-height:1.72;display:flex;position:relative}.cok-guide__mark{background:linear-gradient(135deg, var(--cok-gold), #a8710d);width:7px;height:7px;box-shadow:0 0 8px var(--cok-gold-line);flex:none;margin-top:8px;transform:rotate(45deg)}.cok-detail__foot{border-top:1px solid var(--cok-hairline);background:linear-gradient(#0000,#0000003d);flex:none;justify-content:flex-end;align-items:center;gap:10px;padding:11px 20px 13px;display:flex}.cok-detail__hint{letter-spacing:.03em;color:var(--cok-ink-mute);margin-right:auto;font-size:12px}.cok-now{border:1px solid var(--cok-gold-line);background:linear-gradient(#f0b93a17,#f0b93a05);border-radius:10px;margin-bottom:16px;padding:12px 13px 11px}.cok-now__title{letter-spacing:.1em;color:var(--cok-gold);align-items:baseline;gap:9px;margin:0 0 9px;font-size:13px;font-weight:700;display:flex}.cok-now__owner{letter-spacing:.04em;color:var(--cok-ink-mute);font-size:12px;font-weight:400}.cok-now__statnote{color:var(--cok-ink-dim);font-variant-numeric:tabular-nums;margin:0;font-size:13px;line-height:1.7}.cok-now__statnote.is-buffed{color:var(--cok-ink);font-weight:700}.cok-now__badges{flex-wrap:wrap;gap:6px;margin:9px 0 0;padding:0;list-style:none;display:flex}.cok-now__badge{color:var(--cok-ink-dim);background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;padding:3px 10px;font-size:12.5px;line-height:1.6}.cok-now__badge.is-ok{color:var(--cok-ok);background:#7fe0a31f;border-color:#7fe0a36b}.cok-now__badge.is-warn{color:#f6cf72;background:#f0b93a21;border-color:#f0b93a75}.cok-now__badge.is-bad{color:var(--cok-danger);background:#ff728821;border-color:#ff728875}.cok-now__badge.is-mute{color:var(--cok-ink-mute)}@media (height<=880px){.cok-tc--detail .cok-tc__window{aspect-ratio:1.7}}@media (width<=780px){.cok-detail{grid-template-rows:minmax(0,1fr) minmax(0,1.15fr);grid-template-columns:minmax(0,1fr);width:min(560px,94vw)}.cok-detail__stage{border-right:none;border-bottom:1px solid var(--cok-hairline);align-items:start;padding:12px}.cok-tc--detail{max-width:320px}}.cok-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cok-verdict{z-index:1500;place-items:center;font-family:Georgia,Noto Serif JP,serif;animation:.34s ease-out cok-overlay-in;display:grid;position:fixed;inset:0;overflow:hidden}.cok-verdict.is-win{--v-main:#ffd46a;--v-sub:#7fdcff;--v-glow:#ffbe488c;background:radial-gradient(60% 52% at 50% 46%,#48340cb8,#0000 72%),radial-gradient(90% 70%,#10305499,#0000 78%),#03060ce6}.cok-verdict.is-lose{--v-main:#ff7f9c;--v-sub:#93aac6;--v-glow:#ff466e6b;background:radial-gradient(60% 52% at 50% 46%,#460e1eb3,#0000 72%),radial-gradient(90% 70%,#0e1a2ea8,#0000 78%),#020409eb}.cok-verdict__vignette{pointer-events:none;background:radial-gradient(circle,#0000 0 40%,#000000d1 78%);position:fixed;inset:-8%}.cok-verdict__stage{place-items:center;width:min(880px,92vw);padding:20px 0;display:grid;position:relative}.cok-emblem{aspect-ratio:1;pointer-events:none;width:min(340px,44vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cok-emblem:before,.cok-emblem:after{content:"";border:1px solid var(--v-sub,var(--cok-accent,#5fc8ff));opacity:.4;border-radius:50%;position:absolute;inset:0}.cok-emblem:after{border-color:var(--v-main,#f0b93a);opacity:.3;border-radius:0;inset:15%;transform:rotate(45deg)}.cok-emblem__ring{border:1px solid var(--v-main,#f0b93a);opacity:.26;box-shadow:inset 0 0 40px var(--v-glow,#f0b93a4d);border-radius:50%;position:absolute;inset:26%}.cok-verdict__inner{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.cok-rule{background:linear-gradient(90deg, transparent, var(--v-main,#f0b93a), transparent);opacity:.75;width:min(560px,78vw);height:1px;position:relative}.cok-rule:before{content:"";background:var(--v-main,#f0b93a);width:7px;height:7px;box-shadow:0 0 10px var(--v-glow,#f0b93a66);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cok-verdict__jp{letter-spacing:.16em;text-indent:.16em;color:#fff;background:linear-gradient(180deg, #fff 24%, var(--v-main) 96%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 5px #000000b8) drop-shadow(0 0 22px var(--v-glow)) drop-shadow(0 0 64px var(--v-glow));-webkit-background-clip:text;background-clip:text;font-size:clamp(56px,9.5vw,128px);font-weight:700;line-height:1.06;animation:.62s cubic-bezier(.16,1.1,.3,1) .1s both cok-verdict-in}.cok-verdict__en{letter-spacing:.52em;text-indent:.52em;color:var(--v-sub);opacity:.9;font-size:clamp(13px,1.7vw,20px);font-weight:700;animation:.5s ease-out .34s both cok-fade-up}.cok-verdict__reason{letter-spacing:.08em;color:#ffffffb8;margin-top:4px;font-size:clamp(12px,1.5vw,15px);animation:.5s ease-out .44s both cok-fade-up}@keyframes cok-verdict-in{0%{opacity:0;filter:blur(6px);transform:scale(.86)translateY(14px)}to{opacity:1;filter:none;transform:none}}@keyframes cok-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cok-verdict__continue{animation:.3s ease-out both cok-fade-up-centered;position:absolute;bottom:clamp(48px,9vh,92px);left:50%;transform:translate(-50%)}@keyframes cok-fade-up-centered{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.cok-verdict__particles{pointer-events:none;position:absolute;inset:0}.cok-verdict__particles i{background:linear-gradient(180deg, #fff, var(--v-main), transparent);width:5px;height:18px;box-shadow:0 0 12px var(--v-glow);opacity:0;transform:rotate(var(--rot)) translateY(0) scale(.4);border-radius:999px;animation:1.3s ease-out .5s forwards cok-spark;position:absolute;top:50%;left:50%}@keyframes cok-spark{0%{opacity:0;transform:rotate(var(--rot)) translateY(0) scale(.4)}20%{opacity:1}to{opacity:0;transform:rotate(var(--rot)) translateY(-330px) scale(.06)}}.cok-result{width:100%;height:100%;min-height:var(--app-vh);overscroll-behavior:contain;color:#eaf3ff;justify-content:center;align-items:flex-start;padding:24px;font-family:Georgia,Noto Serif JP,serif;display:flex;position:relative;overflow-y:auto}.cok-result.is-win{--v-main:#ffd46a;--v-sub:#7fdcff;--v-glow:#ffbe486b;background:radial-gradient(62% 52% at 50% 34%,#42300c9e,#0000 72%),radial-gradient(96% 76% at 50% 52%,#0e2a4c9e,#0000 80%),#060b14}.cok-result.is-lose{--v-main:#ff8fa6;--v-sub:#9db4d0;--v-glow:#ff50764d;background:radial-gradient(62% 52% at 50% 34%,#3e0e1e99,#0000 72%),radial-gradient(96% 76% at 50% 52%,#0c182cb3,#0000 80%),#05080f}.cok-result__vignette{pointer-events:none;background:radial-gradient(circle at 50% 42%,#0000 0 42%,#000000b8 84%);position:absolute;inset:0}.cok-result__plaque{width:min(720px,100%);margin:auto;position:relative}.cok-result__plaque.is-wide{width:min(1040px,100%);box-shadow:0 30px 80px #000000b8, 0 0 60px var(--v-glow), inset 0 1px 0 #ffffff14;background:linear-gradient(#ffffff0d,#0000 220px),linear-gradient(#16273e 0%,#0a1626 70%);border:1px solid #ffffff24;border-radius:16px;padding:24px 32px 22px;animation:.42s ease-out both cok-fade-up}.cok-result__plaque:before{content:"";background:linear-gradient(90deg, transparent, var(--v-main) 50%, transparent);border-radius:16px 16px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.cok-result__plaque:after{content:"";pointer-events:none;border:1px solid #f0b93a33;border-radius:11px;position:absolute;inset:6px}.cok-result__head{flex-direction:column;align-items:center;gap:8px;padding-bottom:16px;display:flex;position:relative}.cok-result__eyebrow{letter-spacing:.42em;text-indent:.42em;color:#ffffff80;font-size:12px}.cok-result__jp{letter-spacing:.2em;text-indent:.2em;background:linear-gradient(180deg, #fff 28%, var(--v-main) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 0 #00000080) drop-shadow(0 0 24px var(--v-glow));-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,6.4vw,68px);font-weight:700;line-height:1.1}.cok-result__en{letter-spacing:.48em;text-indent:.48em;color:var(--v-sub);opacity:.85;font-size:13px;font-weight:700}.cok-result.is-neutral .cok-result__jp{letter-spacing:.12em;text-indent:.12em;word-break:break-word;font-size:clamp(28px,4.4vw,46px)}.cok-result__reason{border:1px solid var(--v-main);color:var(--v-main);letter-spacing:.06em;white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;margin-top:4px;padding:5px 16px;font-size:15px;font-weight:700;display:inline-flex}.cok-result__reason-note{color:#ffffff9e;text-align:center;margin-top:2px;font-size:14px;line-height:1.75}.cok-result__section{letter-spacing:.24em;color:#ffffff80;margin:0 0 12px;font-size:12px}.cok-result__summary{border-top:1px solid #ffffff1f;padding-top:16px;position:relative}.cok-result__vs{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;grid-template-columns:1fr minmax(96px,auto) 1fr;gap:1px;display:grid;overflow:hidden}.cok-result__vs>*{color:#eaf3ff;background:#101f33;align-items:baseline;gap:5px;padding:10px 16px;font-size:16px;font-weight:700;display:flex}.cok-result__vs .is-num{font-variant-numeric:tabular-nums;font-size:24px;line-height:1.15}.cok-result__vs .is-num i{color:#ffffff80;font-size:12px;font-style:normal;font-weight:400}.cok-result__vs .is-head{letter-spacing:.1em;color:#ffffff9e;background:#0c1828;font-size:13px;font-weight:400}.cok-result__vs .is-label{letter-spacing:.04em;color:#ffffff8c;white-space:nowrap;background:#0c1828;justify-content:center;font-size:13px;font-weight:400}.cok-result__vs .is-you{text-align:right;color:#9fdcff;justify-content:flex-end}.cok-result__vs .is-foe{text-align:left;color:#ffb3c0;justify-content:flex-start}.cok-result__meter{background:#0000003d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:14px;padding:13px 16px 11px}.cok-result__meterrow{align-items:center;gap:12px;display:flex}.cok-result__meterrow+.cok-result__meterrow{margin-top:8px}.cok-result__metername{letter-spacing:.06em;color:#ffffff9e;white-space:nowrap;text-overflow:ellipsis;flex:none;width:7em;font-size:13px;overflow:hidden}.cok-result__metertrack{background:#ffffff12;border-radius:999px;flex:auto;height:12px;position:relative;overflow:hidden}.cok-result__metertrack i{border-radius:999px;height:100%;transition:width .5s ease-out;display:block}.cok-result__meterrow.is-you .cok-result__metertrack i{background:linear-gradient(90deg,#3f9fd6,#9fdcff)}.cok-result__meterrow.is-foe .cok-result__metertrack i{background:linear-gradient(90deg,#b8455c,#ffb3c0)}.cok-result__meterval{font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:2.4ch;font-size:28px;font-weight:700;line-height:1.1}.cok-result__meterrow.is-you .cok-result__meterval{color:#9fdcff}.cok-result__meterrow.is-foe .cok-result__meterval{color:#ffb3c0}.cok-result__metercap{letter-spacing:.04em;color:#ffffff6b;margin:9px 0 0;font-size:12px}.cok-result__turnbar{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:baseline;gap:10px;margin-bottom:10px;padding:9px 16px 10px;display:flex}.cok-result__turnlabel{letter-spacing:.1em;color:#ffffff8c;flex:auto;font-size:13px}.cok-result__turnbar b{font-variant-numeric:tabular-nums;color:var(--v-main);font-size:30px;font-weight:700;line-height:1.1}.cok-result__unit{color:#ffffff8c;font-size:13px}.cok-result__mvp{box-shadow:0 18px 44px #000000b3, 0 0 34px var(--v-glow), inset 0 0 0 1px #0000008c;background:linear-gradient(150deg,#5d4d26 0%,#c9a95e 14%,#7b6631 28%,#eed9a2 47%,#6f5c2e 63%,#cbac63 81%,#55471f 100%);border-radius:14px;flex-direction:column;align-items:stretch;gap:11px;padding:6px;display:flex;position:relative}.cok-result__mvp:before{content:"";background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--v-main) 16%, transparent), transparent 66%), linear-gradient(180deg, #0a1422f0, #04080ff5);pointer-events:none;border:1px solid #00000080;border-radius:9px;position:absolute;inset:6px;box-shadow:inset 0 1px #ffffff14}.cok-result__mvp:after{content:"";border:1px solid color-mix(in srgb, var(--v-main) 46%, transparent);opacity:.5;pointer-events:none;border-radius:6px;position:absolute;inset:11px}.cok-result__mvp>*{z-index:1;position:relative}.cok-result__mvp>.cok-result__mvpbadge{margin:8px 8px 0}.cok-result__mvpcard{width:auto;margin:0 14px}.cok-result__mvp .cok-tc--tile .cok-tc__rules{min-height:0}.cok-result__mvpblank{aspect-ratio:.72;color:#ffffff47;background:#0006;border:1px solid #ffffff2e;border-radius:10px;place-items:center;font-size:40px;display:grid}.cok-result__mvptext{flex-direction:column;flex:auto;gap:8px;min-width:0;display:flex}.cok-result__mvpbadge{border:1px solid var(--v-main);color:var(--v-main);letter-spacing:.14em;white-space:nowrap;background:#00000073;border-radius:999px;align-self:center;padding:3px 12px;font-size:13px}.cok-result__mvpname{text-align:center;color:#fff7e6;text-shadow:0 2px 12px #000c;margin:0 14px;font-size:21px;font-weight:700;line-height:1.28}.cok-result__mvpnote{text-align:center;color:#ffffffbd;margin:0 14px 12px;font-size:13.5px;line-height:1.65}.cok-result__layout.has-mvp{grid-template-columns:264px minmax(0,1fr);align-items:start;gap:24px;display:grid}.cok-result__main{min-width:0}@media (width<=900px){.cok-result__layout.has-mvp{grid-template-columns:minmax(0,1fr);gap:14px}.cok-result__mvpcard{max-width:220px;margin:0 auto}}.cok-result__emblem{aspect-ratio:1;pointer-events:none;opacity:.5;width:min(1000px,92vw);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cok-result__emblem:before,.cok-result__emblem:after{content:"";border:1px solid var(--v-main);opacity:.09;border-radius:50%;position:absolute;inset:0}.cok-result__emblem:after{opacity:.07;border-radius:0;inset:15%;transform:rotate(45deg)}.cok-result__actions{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;padding-top:15px;display:flex;position:relative}.cok-result__foot{text-align:center;color:#ffffff57;letter-spacing:.06em;margin-top:12px;font-size:12px;position:relative}.cok-result__winner{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px;display:flex}@media (height<=900px){.cok-result{padding:14px}.cok-result__plaque{padding:16px 28px 14px}.cok-result__head{gap:6px;padding-bottom:12px}.cok-result__jp{font-size:clamp(34px,5vw,50px)}.cok-result__section{margin-bottom:9px}.cok-result__summary{padding-top:12px}.cok-result__meter{margin-bottom:10px;padding:10px 14px}.cok-result__meterrow+.cok-result__meterrow{margin-top:6px}.cok-result__meterval{font-size:24px}.cok-result__metercap{margin-top:7px}.cok-result__turnbar{padding:7px 14px 8px}.cok-result__turnbar b{font-size:26px}.cok-result__vs>*{padding:7px 14px}.cok-result__vs .is-num{font-size:21px}.cok-result__actions{margin-top:11px;padding-top:11px}.cok-result__foot{margin-top:8px}.cok-btn--lg{padding:10px 26px}}@media (width<=640px){.cok-result__plaque{padding:22px 18px 20px}.cok-result__vs{grid-template-columns:1fr minmax(76px,auto) 1fr}.cok-result__vs>*{padding:8px 10px;font-size:14px}.cok-result__vs .is-num{font-size:20px}.cok-result__vs .is-head,.cok-result__vs .is-label{font-size:12px}.cok-result__metername{width:5em;font-size:12px}.cok-result__meterval{font-size:22px}}@media (prefers-reduced-motion:reduce){.cok-overlay,.cok-dialog,.cok-detail,.cok-verdict,.cok-verdict__jp,.cok-verdict__en,.cok-verdict__reason,.cok-verdict__continue,.cok-verdict__particles i,.cok-result__plaque{animation:none}}.cok-shell{--cok-ink:#eaf3ff;--cok-ink-dim:#9db4d0;--cok-ink-mute:#6b81a1;--cok-accent:#5fc8ff;--cok-accent-line:#5fc8ff4d;--cok-accent-soft:#5fc8ff17;--cok-accent-glow:#5fc8ff38;--cok-gold:#f0b93a;--cok-gold-line:#f0b93a57;--cok-danger:#ff7288;--cok-ok:#7fe0a3;--cok-surface-1:#16273e;--cok-surface-2:#0a1626;--cok-radius:14px;--cok-radius-sm:8px;--cok-hairline:#ffffff14;width:100%;height:100%;color:var(--cok-ink);background:radial-gradient(70% 60% at 50% 0,#163e6c57,#0000 68%),linear-gradient(#0a1626 0%,#060b14 100%);flex-direction:column;font-family:Georgia,Noto Serif JP,serif;display:flex;overflow:hidden}.cok-shell__bar{border-bottom:1px solid var(--cok-accent-line);background:linear-gradient(#ffffff0b,#0000);flex:none;align-items:center;gap:18px;padding:11px 20px 0;display:flex}.cok-shell__brand{align-items:center;gap:9px;padding-bottom:11px;display:flex}.cok-shell__mark{background:linear-gradient(135deg, var(--cok-gold), #a8710d);width:10px;height:10px;box-shadow:0 0 10px var(--cok-gold-line);transform:rotate(45deg)}.cok-shell__brandname{letter-spacing:.08em;color:var(--cok-gold);white-space:nowrap;font-size:15px;font-style:italic}.cok-shell__tabs{align-items:flex-end;gap:4px;margin-right:auto;display:flex}.cok-shell__tab{color:var(--cok-ink-mute);letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:10px 10px 0 0;padding:9px 24px 10px;font-family:inherit;font-size:14px;transition:color .14s,background .14s,border-color .14s;position:relative}.cok-shell__tab:hover{color:var(--cok-ink);background:#ffffff0d}.cok-shell__tab.is-active{color:var(--cok-gold);border-color:var(--cok-accent-line);background:linear-gradient(180deg, var(--cok-accent-soft), #0a1626e6)}.cok-shell__tab.is-active:after{content:"";background:#0d1a2b;height:1px;position:absolute;bottom:-1px;left:0;right:0}.cok-shell__exit{margin-bottom:9px;padding:7px 16px;font-size:13px}.cok-shell__body{overscroll-behavior:contain;flex:auto;min-height:0;padding:18px 20px 24px;overflow-y:auto}.cok-shell__body::-webkit-scrollbar{width:10px}.cok-shell__body::-webkit-scrollbar-track{background:#00000047}.cok-shell__body::-webkit-scrollbar-thumb{background:#5fc8ff42;border-radius:999px}.cok-shell__body::-webkit-scrollbar-thumb:hover{background:#5fc8ff75}.cok-page{width:min(1180px,100%);margin:0 auto}.cok-page__title{letter-spacing:.06em;text-align:center;color:#f0e8d0;text-shadow:0 0 34px #c8aa6466,0 2px 12px #000c;margin:0;font-size:clamp(26px,3.2vw,38px);font-style:italic;font-weight:600}.cok-page__sub{letter-spacing:.1em;text-align:center;color:var(--cok-ink-mute);margin:6px 0 0;font-size:14px}.cok-page__rule{background:linear-gradient(90deg, transparent, var(--cok-gold-line), transparent);width:min(560px,90%);height:1px;margin:14px auto 20px}.cok-page__section{letter-spacing:.24em;color:var(--cok-ink-mute);align-items:center;gap:12px;margin:0 0 12px;font-size:13px;font-weight:400;display:flex}.cok-page__section:after{content:"";background:var(--cok-hairline);flex:auto;height:1px}.cok-matchbar{border:1px solid var(--cok-accent-line);border-radius:var(--cok-radius);background:linear-gradient(180deg, var(--cok-accent-soft), transparent 90px), #00000038;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-bottom:20px;padding:14px 20px;display:flex}.cok-matchbar__side{align-items:center;gap:10px;min-width:190px;display:flex}.cok-matchbar__side.is-right{justify-content:flex-end}.cok-matchbar__tag{color:var(--cok-ink-dim);letter-spacing:.08em;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:999px;flex:none;padding:2px 10px;font-size:12px}.cok-matchbar__deck{letter-spacing:.03em;line-break:strict;overflow-wrap:break-word;font-size:17px;font-weight:700}.cok-matchbar__vs{letter-spacing:.2em;color:var(--cok-gold);font-size:15px;font-weight:700}.cok-matchbar__mode{border-top:1px solid var(--cok-hairline);flex:100%;justify-content:center;align-items:center;gap:10px;padding-top:12px;display:flex}.cok-toggle{color:var(--cok-ink-dim);letter-spacing:.06em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:10px;padding:8px 18px;font-family:inherit;font-size:14px;transition:all .14s;display:inline-flex}.cok-toggle__led{width:9px;height:9px;box-shadow:none;background:#ffffff3d;border-radius:50%}.cok-toggle.is-on{border-color:var(--cok-gold-line);color:var(--cok-gold);background:#f0b93a1f}.cok-toggle.is-on .cok-toggle__led{background:var(--cok-gold);box-shadow:0 0 10px var(--cok-gold)}.cok-matchbar__hint{color:var(--cok-ink-mute);font-size:13px}.cok-deckgrid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:stretch;gap:14px;margin-bottom:22px;display:grid}.cok-deckcard{border-radius:var(--cok-radius);background:linear-gradient(#ffffff0d,#00000038);border:1px solid #ffffff1f;flex-direction:column;transition:border-color .16s,box-shadow .16s,transform .12s;display:flex;overflow:hidden}.cok-deckcard:hover{transform:translateY(-1px)}.cok-deckcard.is-selected{border-color:var(--deck-color,var(--cok-gold));box-shadow:0 0 0 1px var(--deck-color,var(--cok-gold-line)), 0 14px 34px #00000070}.cok-deckcard.is-custom{border-style:dashed}.cok-deckcard__strip{background:#ffffff14;flex:auto;grid-template-columns:repeat(4,1fr);gap:1px;height:108px;min-height:108px;max-height:320px;display:grid;position:relative}.cok-deckcard__thumb{background:#05080f;position:relative;overflow:hidden}.cok-deckcard__thumb img:not(.cok-artfit){object-fit:cover;object-position:50% 22%;width:100%;height:100%;display:block}.cok-deckcard__noart{color:#fff3;place-items:center;width:100%;height:100%;font-size:22px;display:grid}.cok-deckcard__stripveil{pointer-events:none;background:linear-gradient(#04080e1a 0%,#04080edb 100%);position:absolute;inset:0}.cok-deckcard__head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:-34px;padding:0 16px;display:flex;position:relative}.cok-deckcard__disc{letter-spacing:.06em;white-space:nowrap;background:#04080eb3;border:1px solid;border-radius:999px;padding:2px 10px;font-size:12px}.cok-deckcard__name{letter-spacing:.04em;color:#fff;text-shadow:0 2px 10px #000000e6;line-break:strict;overflow-wrap:break-word;font-size:21px;font-weight:700}.cok-deckcard__en{letter-spacing:.06em;color:var(--cok-ink-mute);text-shadow:0 1px 6px #000000e6;flex:1 0 100%;font-size:12px}.cok-deckcard__concept{color:var(--cok-ink-dim);flex:auto;padding:10px 16px 0;font-size:14px;line-height:1.7}.cok-deckcard__more{border:1px solid var(--cok-hairline);color:var(--cok-ink-mute);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:999px;align-self:flex-start;margin:8px 0 0 12px;padding:4px 12px;font-family:inherit;font-size:12px}.cok-deckcard__more:hover{color:var(--cok-ink);border-color:var(--cok-accent-line);background:var(--cok-accent-soft)}.cok-deckcard__detail{border-top:1px solid var(--cok-hairline);border-radius:0;margin:10px 16px 0;padding:12px 14px}.cok-deckcard__dlabel{letter-spacing:.16em;color:var(--cok-ink-mute);margin-bottom:3px;font-size:12px;display:block}.cok-deckcard__detail p{color:var(--cok-ink-dim);margin:0 0 10px;font-size:13.5px;line-height:1.75}.cok-deckcard__dstats{flex-wrap:wrap;gap:6px;display:flex}.cok-deckcard__pick{gap:8px;margin-top:auto;padding:12px 16px 14px;display:flex}.cok-pickbtn{border-radius:var(--cok-radius-sm);color:var(--cok-ink-dim);letter-spacing:.04em;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;flex:1 1 0;padding:9px 12px;font-family:inherit;font-size:14px;transition:all .14s}.cok-pickbtn:hover:not(.is-on){color:var(--cok-ink);border-color:var(--cok-accent-line);background:var(--cok-accent-soft)}.cok-pickbtn.is-on{color:#06131f;background:var(--deck-color,var(--cok-accent));border-color:#0000;font-weight:700;box-shadow:inset 0 1px #ffffff59}.cok-setup__start{border-top:1px solid var(--cok-hairline);flex-direction:column;align-items:center;gap:10px;padding:20px 0 6px;display:flex}.cok-setup__hint{color:var(--cok-ink-mute);margin:0;font-size:13px}.cok-filters{border:1px solid var(--cok-hairline);border-radius:var(--cok-radius-sm);background:#0003;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px 15px;display:flex}.cok-filterrow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cok-filterrow__label{letter-spacing:.14em;width:4.5em;color:var(--cok-ink-mute);flex:none;font-size:12px}.cok-filterbtn{color:var(--cok-ink-dim);letter-spacing:.04em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;padding:5px 15px;font-family:inherit;font-size:13px;transition:all .12s}.cok-filterbtn:hover{color:var(--cok-ink);border-color:var(--cok-accent-line)}.cok-filterbtn.is-on{color:var(--cok-gold);border-color:var(--cok-gold-line);background:#f0b93a1f}.cok-count{color:var(--cok-ink-mute);margin:0 0 12px;font-size:13px}.cok-clist{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));grid-auto-rows:1fr;gap:14px;display:grid}.cok-deckedit{flex-direction:column;gap:12px;display:flex}.cok-deckedit__summary{border:1px solid var(--cok-accent-line);border-radius:var(--cok-radius-sm);background:var(--cok-accent-soft);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:11px 15px;display:flex}.cok-deckedit__summary .cok-btn{margin-left:auto}.cok-deckedit__errors{border-radius:var(--cok-radius-sm);color:var(--cok-danger);background:#ff72881a;border:1px solid #ff72886b;flex-direction:column;gap:5px;padding:10px 14px;font-size:13px;line-height:1.7;display:flex}.cok-segbar{flex-wrap:wrap;gap:6px;display:flex}.cok-segbtn{border-radius:var(--cok-radius-sm);color:var(--cok-ink-dim);letter-spacing:.04em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff24;padding:8px 20px;font-family:inherit;font-size:14px;transition:all .14s}.cok-segbtn:hover{color:var(--cok-ink);border-color:var(--cok-accent-line)}.cok-segbtn.is-on{color:var(--cok-gold);border-color:var(--cok-gold-line);background:#f0b93a1f}.cok-deckrows{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px;display:grid}.cok-deckrow{background:#ffffff06;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:border-color .14s,background .14s;display:flex}.cok-deckrow.is-in{border-color:var(--cok-gold-line);background:#f0b93a14}.cok-deckrow__thumb{cursor:pointer;background:#05080f;border:1px solid #ffffff24;border-radius:8px;flex:none;width:54px;height:54px;padding:0;position:relative;overflow:hidden}.cok-deckrow__thumb img:not(.cok-artfit){object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.cok-deckrow__thumb:hover{border-color:var(--cok-accent)}.cok-deckrow__main{flex:auto;min-width:0}.cok-deckrow__name{line-break:strict;overflow-wrap:break-word;font-size:14.5px;font-weight:700;line-height:1.4}.cok-deckrow__meta{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.cok-deckrow__ctl{flex:none;align-items:center;gap:6px;display:flex}.cok-stepbtn{width:30px;height:30px;color:var(--cok-ink);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:8px;place-items:center;font-family:inherit;font-size:15px;line-height:1;transition:all .12s;display:grid}.cok-stepbtn:hover:not(:disabled){border-color:var(--cok-accent);background:var(--cok-accent-soft)}.cok-stepbtn:disabled{opacity:.3;cursor:not-allowed}.cok-deckrow__count{text-align:center;font-variant-numeric:tabular-nums;min-width:3.4em;color:var(--cok-ink-mute);font-size:13px}.cok-deckrow__count.is-in{color:var(--cok-gold);font-weight:700}@media (width<=720px){.cok-shell__bar{flex-wrap:wrap;gap:8px 12px}.cok-shell__tabs{flex:100%;order:3}.cok-deckgrid{grid-template-columns:minmax(0,1fr)}.cok-clist{grid-template-columns:repeat(auto-fill,minmax(178px,1fr))}.cok-deckrows{grid-template-columns:minmax(0,1fr)}}.cok-title{width:var(--app-vw);height:var(--app-vh);background:#060a10;justify-content:center;align-items:center;font-family:Georgia,Noto Serif JP,serif;display:flex;position:relative;overflow:hidden}.cok-title__bglayer{pointer-events:none;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.cok-title__bglayer.is-visible{opacity:1}.cok-title__bglayer.is-hidden{opacity:0}.cok-title__bgimg{object-fit:cover;-webkit-user-select:none;user-select:none;border-radius:6px;position:absolute;box-shadow:0 8px 40px #0000008c}.cok-title__bgfill{object-fit:cover;filter:blur(16px)saturate(.62)brightness(.38);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.cok-title__veil{pointer-events:none;background:radial-gradient(44% 60%,#04080eb8 0%,#04080e5c 58%,#0000 100%),linear-gradient(#060a1080 0%,#0000 24% 70%,#060a1094 100%),#04080e57;position:absolute;inset:0}.cok-title__content{z-index:10;flex-direction:column;align-items:center;gap:clamp(30px,5vh,56px);width:min(780px,88vw);display:flex;position:relative}.cok-title__logo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#f0b93a12,#0000 70%),#04080e75;border:1px solid #c8aa6457;border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:100%;padding:clamp(18px,3vh,30px) clamp(20px,4vw,46px);display:flex;position:relative;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0f}.cok-title__logo:before{content:"";pointer-events:none;border:1px solid #c8aa642e;position:absolute;inset:5px}.cok-title__emblem{filter:drop-shadow(0 0 14px #c8aa6473)drop-shadow(0 2px 6px #000000e6);width:clamp(52px,6.4vw,78px);height:auto;margin-bottom:2px;display:block}.cok-title__row{align-items:center;gap:clamp(10px,2vw,18px);width:100%;display:flex}.cok-title__rule{background:linear-gradient(90deg,#0000,#c8aa649e);flex:auto;min-width:24px;height:1px}.cok-title__rule.is-right{background:linear-gradient(270deg,#0000,#c8aa649e)}.cok-title__ornament{color:#c8aa64cc;text-shadow:0 0 12px #c8aa648c;flex:none;font-size:13px}.cok-title__name{letter-spacing:.06em;color:#f5edd8;white-space:nowrap;text-shadow:0 0 46px #c8aa6480,0 2px 16px #000000f2,0 0 2px #000;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.9rem,4.4vw,4.2rem);font-style:italic;font-weight:600}.cok-title__tagline{letter-spacing:.42em;text-indent:.42em;color:#f0e8d0a8;white-space:nowrap;font-size:clamp(12px,1.2vw,15px)}.cok-title__menu{flex-direction:column;gap:12px;width:100%;display:flex}.cok-title__btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ded6c6;text-align:left;cursor:pointer;background:#060a1299;border:1px solid #c8aa644d;border-radius:4px;align-items:center;gap:clamp(12px,2vw,20px);width:100%;padding:clamp(13px,1.8vh,18px) clamp(18px,3vw,28px);font-family:inherit;transition:background .18s,color .18s,border-color .18s,transform .12s;display:flex;position:relative}.cok-title__btn:hover{color:#f9f3e4;background:#604a209e;border-color:#c8aa64d9;transform:translate(3px)}.cok-title__btn:focus-visible{outline-offset:3px;outline:2px solid #c8aa64e6}.cok-title__btnnum{letter-spacing:.1em;color:#c8aa64b8;flex:none;width:2.2em;font-size:clamp(13px,1.3vw,16px)}.cok-title__btnlabels{flex-direction:column;gap:2px;min-width:0;display:flex}.cok-title__btnjp{letter-spacing:.2em;font-size:clamp(17px,1.9vw,23px);line-height:1.3}.cok-title__btnen{letter-spacing:.28em;color:#ded6c68c;font-size:clamp(12px,1vw,13px)}.cok-title__btnarrow{color:#c8aa6499;margin-left:auto;font-size:clamp(14px,1.4vw,18px);transition:transform .16s,color .16s}.cok-title__btn:hover .cok-title__btnarrow{color:#f0dcaaf2;transform:translate(4px)}.cok-title__btn.is-primary{color:#f9f3e4;background:#604a20b3;border-color:#c8aa64b8;box-shadow:0 0 30px #c8aa6429,inset 0 1px #ffffff14}.cok-title__btn.is-primary .cok-title__btnjp{font-weight:700}.cok-title__btn.is-primary:hover{background:#8c6e32d1;border-color:#d7be82f2}.cok-title__btn--settings{background:#08101cad;border-color:#8caac859;margin-top:4px}.title-settings-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02060cd1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.title-settings-panel{color:#eaf3ff;background:linear-gradient(#15263b,#081321 70%);border:1px solid #5fc8ff57;border-radius:14px;flex-direction:column;width:min(760px,94vw);max-height:min(900px,92vh);display:flex;overflow:hidden;box-shadow:0 28px 80px #000000c7,0 0 42px #5fc8ff26}.title-settings-head,.title-settings-foot{border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.title-settings-head h2{color:#f0b93a;letter-spacing:.12em;margin:2px 0 0;font-size:26px}.title-settings-kicker{color:#6ea5cc;letter-spacing:.24em;margin:0;font-size:12px}.title-settings-close{color:#a9bfd4;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff2e;border-radius:50%;width:36px;height:36px;font-size:20px}.title-settings-body{min-height:0;padding:22px 24px;overflow-y:auto}.title-settings-section+.title-settings-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:22px}.title-settings-section-head h3{color:#dceafa;letter-spacing:.08em;margin:0;font-size:17px}.title-settings-section-head p{color:#7890aa;margin:5px 0 14px;font-size:12px}.title-avatar-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.title-avatar-option{color:#dbe9f7;text-align:left;cursor:pointer;background:#030a148c;border:1px solid #7896b447;border-radius:10px;grid-template-columns:84px minmax(0,1fr) 24px;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:grid;position:relative}.title-avatar-option.is-selected{background:#5d421247;border-color:#f0b93a;box-shadow:0 0 20px #f0b93a24}.title-avatar-portrait{background:radial-gradient(circle at 50% 35%,#315b79,#07111e 72%);border-radius:50%;width:84px;height:84px;overflow:hidden}.title-avatar-portrait img{object-fit:cover;object-position:center 14%;width:100%;height:100%;transform:scale(1.08)}.title-avatar-copy{flex-direction:column;gap:4px;display:flex}.title-avatar-copy b{font-size:15px}.title-avatar-copy small{color:#8ba3bb;font-size:12px;line-height:1.55}.title-avatar-check{color:#f0b93a;opacity:0;font-size:18px}.title-avatar-option.is-selected .title-avatar-check{opacity:1}.title-volume-row{color:#cbdcec;grid-template-columns:72px minmax(0,1fr) 42px;align-items:center;gap:14px;min-height:42px;font-size:13px;display:grid}.title-volume-row input{accent-color:#5fc8ff;width:100%}.title-volume-row output{text-align:right;color:#8eb7d7;font-variant-numeric:tabular-nums}.title-settings-section--compact{gap:10px;display:grid}.title-option-row{justify-content:space-between;align-items:center;gap:18px;padding:10px 0;display:flex}.title-option-row>span{flex-direction:column;gap:3px;display:flex}.title-option-row b{font-size:13px}.title-option-row small{color:#8ba3bb;font-size:12px}.title-option-row input{accent-color:#5fc8ff;width:20px;height:20px}.title-settings-foot{color:#869aae;border-top:1px solid #ffffff14;border-bottom:0;font-size:12px}.title-settings-foot button{color:#1a1003;cursor:pointer;background:linear-gradient(#f1c65d,#b77b16);border:1px solid #f0b93ab3;border-radius:7px;padding:9px 28px;font:700 13px inherit}@media (width<=620px){.title-avatar-options{grid-template-columns:1fr}.title-settings-overlay{padding:10px}.title-settings-body{padding:18px}}@media (orientation:landscape) and (width<=1000px) and (height<=500px),(orientation:portrait) and (width<=500px) and (height<=1000px){.cok-title__content{width:min(560px, calc(var(--app-vw) - max(16px, env(safe-area-inset-left)) - max(16px, env(safe-area-inset-right))));max-height:calc(var(--app-vh) - 12px);align-items:center;gap:clamp(6px, calc(var(--app-vh) * .035), 16px);flex-direction:column}.cok-title__logo{gap:2px;width:100%;padding:8px 14px}.cok-title__emblem{width:34px;margin:0}.cok-title__row{gap:7px}.cok-title__name{font-size:clamp(1.35rem,3.7vw,2.1rem)}.cok-title__tagline{letter-spacing:.24em;font-size:10px}.cok-title__menu{gap:clamp(4px, calc(var(--app-vh) * .018), 10px)}.cok-title__btn{gap:10px;min-height:44px;padding:4px 14px}.cok-title__btnnum{width:1.8em;font-size:11px}.cok-title__btnjp{font-size:14px}.cok-title__btnen{font-size:10px}.cok-title__btn--settings{margin-top:0}.cok-detail{grid-template-columns:minmax(220px,38%) minmax(0,1fr);width:min(96vw,900px);height:min(94dvh,440px);max-height:94dvh}.cok-detail__stage{min-height:0;overflow-y:auto}.cok-detail__pane{min-height:0}.cok-detail__close{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.cok-title__bglayer{transition:none}.cok-title__btn:hover{transform:none}}.battle-intro-versus .intro-duelist{position:relative}.cok-introavatar__img{z-index:1;filter:saturate(1.06)contrast(1.04)}.cok-introavatar__noart{color:#8fb6d873;place-items:center;font-size:42px;display:grid;position:absolute;inset:0}.cok-introavatar__ring{z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e5b5508c,inset 0 0 26px #020812d9,inset 0 -18px 34px #020812b3}.battle-intro-versus .intro-duelist-left .intro-avatar{border-color:#5fcaffe6;box-shadow:0 0 34px #4cbeff80,inset 0 0 28px #4cbeff33}.battle-intro-versus .intro-duelist-right .intro-avatar{border-color:#ff8abee6;box-shadow:0 0 34px #ff60a06b,inset 0 0 28px #ff60a02e}.intro-duelist-left .cok-introavatar__ring{background:linear-gradient(#288cdc29,#061a3480);box-shadow:inset 0 0 0 1px #96dcff80,inset 0 0 26px #020c1acc,inset 0 -18px 34px #020a18b8}.intro-duelist-right .cok-introavatar__ring{background:linear-gradient(#dc468229,#2c061880);box-shadow:inset 0 0 0 1px #ffb0d280,inset 0 0 26px #14020acc,inset 0 -18px 34px #14020ab8}.intro-duelist-left .intro-duelist-name{color:#cfe9ff;border-color:#5fcaffb3}.intro-duelist-right .intro-duelist-name{color:#ffd6e6;border-color:#ff8abeb3}.intro-duelist-left .cok-introfan__card{border-color:#5fcaff8c}.intro-duelist-right .cok-introfan__card{border-color:#ff8abe8c}.intro-duelist-left .cok-introdeck{border-color:#5fcaff66}.intro-duelist-right .cok-introdeck{color:#f2c8db;border-color:#ff8abe66}.cok-introdeck{color:#bcd8f2;letter-spacing:.04em;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#040a16b8;border:1px solid #5fcaff57;border-radius:999px;max-width:min(240px,22vw);padding:2px 12px;font-size:12.5px;overflow:hidden}.cok-introfan{justify-content:center;align-items:flex-start;margin-top:6px;display:flex}.cok-introfan__card{aspect-ratio:.72;background:#05080f;border:1px solid #e5b55099;border-radius:5px;flex:none;width:clamp(54px,5.4vw,78px);display:block;position:relative;overflow:hidden;box-shadow:0 10px 22px #000000bf}.cok-introfan__card+.cok-introfan__card{margin-left:-13px}.cok-introfan__card.is-0{transform:rotate(-9deg)translateY(5px)}.cok-introfan__card.is-1{z-index:2}.cok-introfan__card.is-2{transform:rotate(9deg)translateY(5px)}.cok-introfan__noart{color:#8fb6d866;place-items:center;font-size:20px;display:grid;position:absolute;inset:0}*{box-sizing:border-box;margin:0;padding:0}:root{--app-vw:100vw;--app-vh:100vh}@supports (height:100dvh){:root{--app-vw:100dvw;--app-vh:100dvh}}body{color:#e0e0e0;min-height:var(--app-vh);background:#0d1117;font-family:Georgia,Noto Serif JP,serif;overflow-y:auto}#cok-rotor{width:var(--app-vw);height:var(--app-vh)}.app{width:var(--app-vw);height:var(--app-vh);background:#0d1117;justify-content:center;align-items:center;display:flex}.setup-container{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.setup-tab-bar{background:#0d1117;border-bottom:2px solid #1e2e3e;flex-shrink:0;gap:2px;padding:10px 14px 0;display:flex}.setup-tab{color:#555;cursor:pointer;background:0 0;border:1px solid #2a3a4a;border-bottom:none;border-radius:6px 6px 0 0;padding:8px 22px;font-family:inherit;font-size:13px;transition:all .15s}.setup-tab:hover{color:#aaa;background:#ffffff0a}.setup-tab.active{color:#f0a500;background:#111820;border-color:#3a4a5a}.setup-tab-title{color:#7a8a9a;border-color:#2a3a4a}.setup-tab-title:hover{color:#ccc;background:#ffffff0f}.tab-content{flex:1;padding:14px;overflow-y:auto}.setup-home{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 32px;display:flex}.setup-hint{color:#5a8a6a;margin-bottom:24px;font-size:12px}.setup-title-area{text-align:center;margin-bottom:14px}.selection-status-bar{background:#ffffff0a;border:1px solid #2a3a4a;border-radius:8px;justify-content:center;align-items:center;gap:16px;margin-bottom:14px;padding:10px 20px;display:flex}.selection-status-item{align-items:center;gap:8px;display:flex}.ss-label{color:#555;background:#ffffff14;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.ss-deck{text-align:center;min-width:140px;font-size:15px;font-weight:700}.ss-vs{color:#3a4a5a;font-size:16px;font-weight:700}.deck-options-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.deck-option{background:#ffffff05;border:1px solid #2a3a4a;border-radius:8px;transition:border-color .2s;overflow:hidden}.deck-option-selected{background:#ffffff0a}.deck-option-custom{border-style:dashed}.deck-option-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.deck-option-header:hover{background:#ffffff08}.deck-option-info{flex-shrink:0;align-items:center;gap:8px;min-width:220px;display:flex}.deck-option-disc{white-space:nowrap;border:1px solid;border-radius:8px;flex-shrink:0;padding:2px 8px;font-size:10px}.deck-option-name{color:#ddd;white-space:nowrap;font-size:15px;font-weight:700}.deck-option-sub{color:#555;white-space:nowrap;font-size:10px}.deck-option-concept{color:#888;flex:1;padding-right:8px;font-size:12px;line-height:1.4}.deck-option-toggle{color:#444;flex-shrink:0;margin-top:2px;font-size:10px}.deck-option-detail{border-top:1px solid #1e2e3e;flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.deck-detail-section{padding-top:8px}.deck-detail-label{color:#555;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;display:block}.deck-detail-section p{color:#aaa;font-size:12px;line-height:1.7}.deck-detail-stats{color:#666;border-top:1px solid #1e2e3e;gap:16px;padding-top:4px;font-size:11px;display:flex}.deck-option-selectors{gap:6px;padding:6px 12px 10px;display:flex}.deck-select-btn{color:#666;cursor:pointer;text-align:center;background:0 0;border:1px solid #3a4a5a;border-radius:5px;flex:1;padding:6px 10px;font-family:inherit;font-size:12px;transition:all .15s}.deck-select-btn:hover:not(.selected){color:#aaa;background:#ffffff0a;border-color:#5a6a7a}.deck-select-btn.selected{color:#000;font-weight:700}.setup-start-area{border-top:1px solid #1e2e3e;flex-direction:column;align-items:center;gap:8px;padding:8px 0 16px;display:flex}.filter-bar{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.filter-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #2a3a4a;border-radius:12px;padding:4px 14px;font-family:inherit;font-size:11px;transition:all .12s}.filter-btn:hover{color:#aaa;border-color:#4a5a6a}.filter-btn.active{color:#f0a500;background:#f0a5001a;border-color:#f0a500}.card-list-grid{flex-direction:column;gap:3px;display:flex}.card-list-entry{cursor:pointer;background:#ffffff05;border:1px solid #1e2e3e;border-radius:4px;align-items:center;gap:10px;padding:6px 10px;transition:background .12s;display:flex}.card-list-entry:hover{background:#ffffff12;border-color:#3a4a5a}.cle-id{color:#444;flex-shrink:0;width:66px;font-size:10px}.cle-name{color:#ddd;flex-shrink:0;min-width:150px;font-size:13px}.cle-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cle-type{color:#666;font-size:10px}.cle-disc{font-size:10px}.cle-cost{color:gold;font-size:11px}.cle-stats{color:#aaa;font-size:11px}.cle-timing{color:#888;font-size:10px}.disc-text-natura{color:#4caf50}.disc-text-mathesis{color:#9c27b0}.disc-text-logos{color:#2196f3}.disc-text-techne{color:#ff9800}.disc-text-gnosis{color:#e91e63}.deck-editor{flex-direction:column;gap:10px;display:flex}.deck-summary{color:#aaa;background:#ffffff0a;border-radius:6px;align-items:center;gap:16px;padding:8px 12px;font-size:13px;display:flex}.deck-reset-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #444;border-radius:4px;margin-left:auto;padding:4px 12px;font-family:inherit;font-size:11px;transition:all .12s}.deck-reset-btn:hover{color:#aaa;border-color:#888}.deck-view-tabs,.player-deck-tabs{border-bottom:1px solid #2a3a4a;gap:4px;margin-bottom:4px;padding-bottom:6px;display:flex}.dvt-btn,.pdt-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #2a3a4a;border-radius:4px;padding:6px 18px;font-family:inherit;font-size:12px;transition:all .12s}.dvt-btn:hover,.pdt-btn:hover{color:#aaa}.dvt-btn.active,.pdt-btn.active{color:#f0a500;background:#f0a50014;border-color:#f0a500}.deck-card-grid{flex-direction:column;gap:3px;display:flex}.deck-card-row{background:#ffffff05;border:1px solid #1e2e3e;border-radius:4px;align-items:center;gap:8px;padding:5px 8px;transition:background .12s;display:flex}.deck-card-row.in-deck{background:#f0a5000f;border-color:#3a3010}.dcr-detail{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:14px}.dcr-name{color:#ccc;flex:1;font-size:12px}.dcr-type{color:#666;flex-shrink:0;width:48px;font-size:10px}.dcr-cost-badge{color:gold;flex-shrink:0;width:60px;font-size:10px}.dcr-atk-def{color:#aaa;flex-shrink:0;width:120px;font-size:10px}.dcr-controls{flex-shrink:0;align-items:center;gap:6px;display:flex}.dcr-controls button{color:#ccc;cursor:pointer;background:#ffffff14;border:1px solid #3a4a5a;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;transition:background .12s;display:flex}.dcr-controls button:hover:not(:disabled){background:#ffffff29}.dcr-controls button:disabled{opacity:.25;cursor:not-allowed}.dcr-count{color:#555;text-align:center;width:26px;font-size:12px}.dcr-count.has-cards{color:gold}.dcr-toggle{cursor:pointer;color:#666;background:0 0;border:1px solid #3a4a5a;border-radius:4px;flex-shrink:0;padding:3px 10px;font-family:inherit;font-size:11px;transition:all .12s}.dcr-toggle.add{color:#4caf50;background:#4caf5014;border-color:#4caf50}.dcr-toggle.remove{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b}.dcr-toggle:disabled{opacity:.25;cursor:not-allowed}.card-detail-overlay{z-index:400;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-detail-container{align-items:flex-start;gap:16px;max-height:90vh;display:flex}.card-detail-fullart{border-radius:10px;flex-shrink:0;align-self:center;width:auto;max-height:85vh;box-shadow:0 8px 32px #000000d9}@media (width<=720px){.card-detail-fullart{display:none}}.card-detail-modal{background:#121e2e;border:2px solid #4db8ff;border-radius:12px;width:94%;max-width:480px;max-height:85vh;padding:24px;position:relative;overflow-y:auto}.card-detail-close{color:#555;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1;transition:color .12s;position:absolute;top:12px;right:12px}.card-detail-close:hover{color:#aaa}.card-detail-name{color:#fff;font-size:20px;font-weight:700}.card-detail-name-en{color:#555;margin-top:3px;font-size:12px}.card-detail-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.tag{border:1px solid;border-radius:10px;padding:2px 9px;font-size:11px}.tag-type{color:#666}.card-detail-stats{color:#aaa;background:#ffffff0a;border-radius:6px;flex-wrap:wrap;gap:12px;margin-top:12px;padding:8px 12px;font-size:12px;display:flex}.card-detail-stats b{color:#fff}.shift-badge{color:#f0a500}.card-detail-effects{margin-top:16px}.card-detail-section-title{color:#444;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:10px}.effect-entry{background:#4db8ff0a;border:1px solid #1e3a5a;border-radius:6px;margin-bottom:8px;padding:8px 10px}.effect-entry-name{color:#f0a500;margin-bottom:5px;font-size:12px;font-weight:700}.effect-entry-body{color:#aaa;font-size:11px}.trigger-badge{color:#4db8ff;background:#ffffff14;border-radius:8px;margin-bottom:4px;padding:1px 7px;font-size:10px;display:inline-block}.trigger-badge.interrupt{color:#ff6b6b;background:#ff6b6b26}.effect-condition{color:#556;margin-top:3px;font-size:10px}.effect-action{color:#ccc;margin-top:4px;line-height:1.5}.effect-once{color:#888;margin-top:3px;font-size:10px}.card-detail-flavor{color:#555;border-left:2px solid #1e3a4a;margin-top:16px;padding:8px 12px;font-size:11px;font-style:italic;line-height:1.7}.game-board{width:var(--app-vw);min-height:var(--app-vh);background:#0d1117;grid-template-rows:minmax(240px,1fr) 32px 64px 48px minmax(280px,1fr);gap:4px;padding:6px 204px 6px 6px;display:grid;overflow-y:auto}.player-area{background:#ffffff05;border:1px solid #2a3a4a;border-radius:8px;flex-direction:column;gap:4px;min-height:240px;padding:6px;display:flex;overflow:visible}.player-area.active{border-color:#f0a500;box-shadow:0 0 10px #f0a50040}.player-area.reversed{flex-direction:column-reverse}.player-info-bar{background:#ffffff0a;border-radius:4px;flex-shrink:0;align-items:center;gap:12px;padding:3px 8px;display:flex}.player-label{color:#aaa;white-space:nowrap;font-size:12px;font-weight:700}.player-label.active{color:#f0a500}.truth-book{align-items:center;gap:4px;font-size:13px;display:flex}.hp-value{color:#ff6b6b;font-size:18px;font-weight:700}.research-fund{color:gold;font-size:13px}.deck-info{color:#888;font-size:11px}.discipline-bonus-icons{flex-wrap:wrap;gap:4px;display:flex}.bonus-badge{cursor:help;background:#f0a5001f;border:1px solid #f0a50066;border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;transition:background .15s;display:inline-flex;position:relative}.bonus-badge:hover{background:#f0a50038}.bonus-name{color:#f0a500;font-size:10px;font-weight:700}.bonus-badge:after{content:attr(data-desc);color:#c8e0ff;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;background:#0a0e18f5;border:1px solid #3a5a7a;border-radius:5px;padding:4px 10px;font-size:10px;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.bonus-badge:hover:after{opacity:1}.refutation-info{color:#888;margin-left:auto;font-size:11px}.field-zones-row{flex-shrink:0;align-items:flex-start;gap:6px;display:flex}.zone-container{flex-direction:column;gap:2px;display:flex}.zone-label-text{color:#555;padding:0 2px;font-size:12px}.discovery-zone{border:1px dashed #333;border-radius:4px;flex-wrap:wrap;gap:3px;min-width:120px;min-height:48px;padding:4px;display:flex}.paradigm-zone{border:1px dashed #4a2a5a;border-radius:4px;align-items:center;gap:3px;min-height:48px;padding:4px;display:flex}.paradigm-count-badge{color:#666;white-space:nowrap;font-size:10px}.intellectual-zone{background:#00000026;border:1px solid #3a4a5a;border-radius:6px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-height:108px;padding:6px;display:flex}.intellectual-zone-empty{color:#444;font-size:11px}.era-zone-wrapper{justify-content:center;align-items:center;display:flex}.era-zone{background:#8b691414;border:2px solid #8b6914;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:160px;height:54px;padding:6px 12px;display:flex}.era-zone-empty{color:#6b4f14;font-size:11px}.phase-indicator{background:#111820;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:3px 8px;display:flex}.turn-info{color:#666;margin-right:8px;font-size:11px}.phase-badge{color:#555;white-space:nowrap;background:#1a2430;border-radius:10px;padding:3px 10px;font-size:11px}.phase-badge.active-phase{color:#4db8ff;background:#1a3a5a;font-weight:700}.action-panel{justify-content:center;align-items:center;gap:6px;padding:4px 8px;display:flex}.action-btn{color:#4db8ff;cursor:pointer;white-space:nowrap;background:#4db8ff14;border:1px solid #4db8ff;border-radius:4px;padding:5px 14px;font-size:12px;transition:background .15s}.action-btn:hover:not(:disabled){background:#4db8ff33}.action-btn:disabled{opacity:.35;cursor:not-allowed}.action-btn.danger{color:#ff6b6b;background:#ff6b6b14;border-color:#ff6b6b}.action-btn.danger:hover:not(:disabled){background:#ff6b6b33}.action-btn.success{color:#4caf50;background:#4caf5014;border-color:#4caf50}.waiting-msg{color:#555;font-size:12px}.phase-hint{color:#888;font-size:11px}.hand-area{border:1px dashed #2a3a4a;border-radius:4px;flex-shrink:0;align-items:flex-start;gap:4px;min-height:140px;padding:4px 4px 8px;display:flex;overflow-x:auto}.hand-card-wrapper{flex-direction:column;align-items:center;gap:3px;display:flex}.hand-card-actions{flex-direction:column;order:-1;gap:2px;display:flex}.hand-action-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:3px;padding:2px 6px;font-size:12px}.hand-action-btn.play{color:#4db8ff;background:#1a4a6a;border:1px solid #4db8ff}.hand-action-btn.research{color:gold;background:#4a3a0a;border:1px solid gold}.school-zone-modal{z-index:200;background:#000000d1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.school-zone-content{background:#121e2e;border:2px solid #4db8ff;border-radius:12px;width:92%;max-width:680px;max-height:85vh;padding:20px;overflow-y:auto}.school-zone-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.school-zone-title{color:#f0a500;font-size:18px}.school-zone-meta{color:#888;font-size:12px}.school-zone-hint{color:#666;margin-bottom:12px;font-size:11px}.school-zone-grid{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.school-card-entry{border-radius:6px;flex-direction:column;align-items:center;gap:5px;padding:4px;transition:background .15s;display:flex}.school-card-entry.school-card-selected{background:#4db8ff14;outline:1px solid #4db8ff4d}.school-card-name{text-align:center;color:#aaa;max-width:70px;font-size:10px;line-height:1.3}.school-card-confirm{flex-direction:column;gap:4px;width:100%;max-width:70px;display:flex}.school-confirm-btn{cursor:pointer;border:1px solid;border-radius:4px;width:100%;padding:4px 6px;font-family:inherit;font-size:10px;transition:all .12s}.school-confirm-btn.summon{color:#4db8ff;background:#1a4a6a;border-color:#4db8ff}.school-confirm-btn.summon:hover{background:#245a80}.school-confirm-btn.cancel{color:#888;background:#2a1a1a;border-color:#444}.school-confirm-btn.cancel:hover{color:#aaa;background:#3a2a2a}.school-zone-footer{text-align:right}.game-log{color:#888;z-index:50;background:#000000bf;border:1px solid #2a3a4a;border-radius:6px;width:190px;max-height:280px;padding:8px;font-size:10px;position:fixed;top:50%;right:6px;overflow-y:auto;transform:translateY(-50%)}.game-log-title{color:#555;margin-bottom:4px;font-size:13px;font-weight:700}.game-log-entry{margin-bottom:2px;line-height:1.4}.volume-btn{color:#aaa;cursor:pointer;z-index:100;background:#0009;border:1px solid #3a4a5a;border-radius:5px;padding:4px 8px;font-size:13px;line-height:1;transition:all .15s;position:fixed;top:8px;left:90px}.volume-btn:hover{background:#000c;border-color:#5a6a7a}.volume-panel{z-index:200;background:#121e2e;border:1px solid #4db8ff;border-radius:8px;width:220px;padding:12px 14px;position:fixed;top:36px;left:90px;box-shadow:0 8px 24px #000c}.volume-panel-header{color:#4db8ff;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.volume-panel-close{color:#555;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.volume-panel-close:hover{color:#aaa}.volume-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.volume-row:last-child{margin-bottom:0}.volume-label{color:#aaa;flex-shrink:0;width:28px;font-size:11px}.volume-slider{accent-color:#4db8ff;cursor:pointer;flex:1}.volume-value{text-align:right;color:#888;flex-shrink:0;width:24px;font-size:11px}.option-row{border-top:1px solid #506e8c47;justify-content:space-between;align-items:center;gap:14px;padding:10px 0 2px;display:flex}.option-text{flex-direction:column;gap:3px;min-width:0;display:flex}.option-label{color:#c8d8e8;font-size:12px;font-weight:700}.option-desc{color:#6f829a;font-size:10px;line-height:1.35}.option-toggle{cursor:pointer;flex-shrink:0;width:46px;height:24px;position:relative}.option-toggle input{opacity:0;pointer-events:none;position:absolute}.option-toggle span{background:#08101ce6;border:1px solid #5a7896bf;border-radius:999px;transition:background .15s,border-color .15s,box-shadow .15s;position:absolute;inset:0}.option-toggle span:before{content:"";background:#7e8fa2;border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.option-toggle input:checked+span{background:#145a8cbf;border-color:#50c8ffd9;box-shadow:0 0 12px #46beff3d}.option-toggle input:checked+span:before{background:#d9f6ff;transform:translate(21px)}.retire-row{border-top:1px solid #b4465a59;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:12px;display:flex}.retire-btn{color:#ffd7df;cursor:pointer;background:linear-gradient(135deg,#5f1020eb,#2a0a18eb);border:1px solid #ff586eb8;border-radius:6px;min-width:92px;padding:7px 14px;font-weight:800;box-shadow:0 0 14px #ff46642e}.retire-btn:hover{color:#fff;border-color:#ff8296f2;box-shadow:0 0 20px #ff466452}.dev-story-win-row{border-top:1px solid #49bede57;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;padding-top:12px;display:flex}.dev-story-win-btn{color:#dff9ff;min-width:92px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#0f5e77eb,#072744f0);border:1px solid #5bd1eebf;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:800;box-shadow:0 0 14px #42c7eb29}.dev-story-win-btn:hover{color:#fff;border-color:#9dedfff5;box-shadow:0 0 20px #42c7eb4d}.return-to-setup-btn{color:#666;cursor:pointer;z-index:100;background:#0009;border:1px solid #3a4a5a;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:11px;transition:all .15s;position:fixed;top:8px;left:8px}.return-to-setup-btn:hover{color:#aaa;background:#000c;border-color:#5a6a7a}.interrupt-overlay{z-index:400;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.interrupt-panel{background:#1a1f2e;border:2px solid #ff6b6b;border-radius:12px;flex-direction:column;gap:14px;min-width:340px;max-width:480px;padding:24px 28px;display:flex;box-shadow:0 0 24px #ff6b6b59}.interrupt-header{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.interrupt-badge{color:#ff6b6b;white-space:nowrap;background:#ff6b6b33;border:1px solid #ff6b6b;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:700}.interrupt-title{color:#e0e0e0;font-size:14px;font-weight:700}.interrupt-desc{color:#888;font-size:12px}.interrupt-cards{flex-direction:column;gap:8px;display:flex}.interrupt-none{color:#666;font-size:13px;font-style:italic}.interrupt-card-btn{color:#f99;cursor:pointer;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:13px;transition:background .15s;display:flex}.interrupt-card-btn:hover{background:#ff6b6b40}.interrupt-card-cost{color:#aaa;margin-left:8px;font-size:11px}.interrupt-card-disabled{opacity:.4;cursor:not-allowed;color:#666;border-color:#444}.interrupt-card-disabled:hover{background:#ff6b6b1a}.interrupt-pass-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;padding:10px;font-family:inherit;font-size:13px;transition:all .15s}.interrupt-pass-btn:hover{color:#ccc;border-color:#aaa}.confirm-overlay{z-index:600;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{text-align:center;background:#121e2e;border:2px solid #3a4a5a;border-radius:10px;min-width:280px;padding:28px 32px}.confirm-message{color:#ddd;margin-bottom:8px;font-size:16px}.confirm-sub{color:#666;margin-bottom:20px;font-size:12px}.confirm-buttons{justify-content:center;gap:10px;display:flex}.confirm-btn{cursor:pointer;border-radius:6px;padding:8px 22px;font-family:inherit;font-size:13px;transition:all .15s}.confirm-btn.cancel{color:#888;background:0 0;border:1px solid #3a4a5a}.confirm-btn.cancel:hover{color:#bbb;border-color:#5a6a7a}.confirm-btn.ok{color:#ff6b6b;background:#ff64641f;border:1px solid #ff6b6b}.confirm-btn.ok:hover{background:#ff64643d}.error-toast{color:#fff;z-index:500;pointer-events:none;white-space:nowrap;background:#c82828eb;border-radius:8px;padding:8px 20px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}.dr-overlay{z-index:400;background:#000000b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dr-modal{background:#1a1a2e;border:1px solid #5060a0;border-radius:12px;width:90%;max-width:480px;padding:24px 28px;box-shadow:0 8px 32px #0009}.dr-title{color:#c8d8ff;margin-bottom:10px;font-size:17px}.dr-desc{color:#aaa;margin-bottom:14px;font-size:13px;line-height:1.7}.dr-hint{color:#7080a0;font-size:11px}.dr-new-card{background:#5078c826;border:1px solid #4060a0;border-radius:8px;align-items:center;gap:10px;margin-bottom:14px;padding:8px 12px;display:flex}.dr-tag{color:#dde;background:#4060a0;border-radius:4px;padding:2px 6px;font-size:10px}.dr-new-name{color:#c8d8ff;flex:1;font-size:14px}.dr-new-cost{color:#80a0d0;font-size:12px}.dr-list{flex-direction:column;gap:8px;display:flex}.dr-card-btn{cursor:pointer;text-align:left;background:#141428;border:1px solid #404060;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:all .15s;display:flex}.dr-card-btn:hover{background:#c828281f;border-color:#e04040}.dr-card-name{color:#ddd;flex:1;font-size:14px}.dr-card-cost{color:#aaa;font-size:12px}.dr-card-disc{color:#7080a0;font-size:11px}.cpu-thinking-indicator{text-align:center;color:#c8b8f0;z-index:300;pointer-events:none;letter-spacing:.05em;background:#141428e0;border:1px solid #7060b0;border-radius:6px;width:190px;padding:6px 0;font-size:13px;position:fixed;bottom:calc(50% + 148px);right:6px;box-shadow:0 2px 10px #5032a066}@keyframes cpuDots{0%{content:"."}33%{content:".."}66%{content:"..."}}.cpu-dots{width:20px;animation:1.2s steps(3,end) infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.vs-ai-toggle-row{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.vs-ai-toggle-btn{color:#aaa;cursor:pointer;background:#1e1e2e;border:1.5px solid #555;border-radius:20px;padding:6px 18px;font-size:13px;transition:all .15s}.vs-ai-toggle-btn.active{color:#f0a040;background:#3a2800;border-color:#f0a040;box-shadow:0 0 8px #f0a0404d}.vs-ai-hint{color:#f0a040;opacity:.8;font-size:12px}.setup-screen{text-align:center;max-width:480px;padding:48px 32px}.setup-title{color:#f0a500;margin-bottom:4px;font-size:38px}.setup-subtitle{color:#8b6914;margin-bottom:8px;font-size:16px}.setup-tagline{color:#aaa;margin-bottom:28px;font-size:14px}.setup-features{color:#888;margin-bottom:28px;font-size:13px;line-height:1.9}.setup-set-name{color:#6a4a8a;margin-bottom:24px;font-size:13px}.start-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#f0a500,#c07800);border:none;border-radius:8px;padding:12px 36px;font-family:inherit;font-size:17px;font-weight:700;transition:opacity .15s}.start-btn:hover{opacity:.85}.gameover-screen{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:48px;display:flex}@keyframes splash-entrance{0%{opacity:0;filter:brightness(6);transform:scale(.1)rotate(-8deg)}55%{opacity:1;filter:brightness(1.6);transform:scale(1.15)rotate(2deg)}80%{opacity:1;filter:brightness(1.1);transform:scale(.96)rotate(-1deg)}to{opacity:1;filter:brightness();transform:scale(1)rotate(0)}}@keyframes splash-pulse{0%,to{opacity:1}50%{opacity:.75}}.gameover-splash{flex-direction:column;align-items:center;gap:16px;animation:.7s cubic-bezier(.2,.8,.4,1) forwards splash-entrance;display:flex}.gameover-splash-icon{font-size:72px;line-height:1;animation:.9s ease-in-out .7s infinite splash-pulse}.gameover-splash-text{letter-spacing:.06em;font-size:36px;font-weight:700}.gameover-splash.reason-attack .gameover-splash-icon,.gameover-splash.reason-attack .gameover-splash-text{color:#ff7070;text-shadow:0 0 20px #ff5050cc}.gameover-splash.reason-deckout .gameover-splash-icon,.gameover-splash.reason-deckout .gameover-splash-text{color:#4db8ff;text-shadow:0 0 20px #4db8ffcc}.gameover-splash.reason-effect .gameover-splash-icon,.gameover-splash.reason-effect .gameover-splash-text{color:#c8f;text-shadow:0 0 20px #b464ffcc}@keyframes result-fadein{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.gameover-result{flex-direction:column;align-items:center;gap:16px;animation:.5s forwards result-fadein;display:flex}.gameover-title{color:#f0a500;font-size:48px}.gameover-winner{color:#fff;font-size:28px}.gameover-reason-badge{opacity:.85;background:#ffffff0f;border:1px solid;border-radius:20px;padding:4px 16px;font-size:16px}.gameover-reason-badge.reason-attack{color:#f88;border-color:#f88}.gameover-reason-badge.reason-deckout{color:#4db8ff;border-color:#4db8ff}.gameover-reason-badge.reason-effect{color:#c8f;border-color:#c8f}.gameover-reason-badge.reason-retire{color:#ff9aa8;border-color:#ff9aa8}.gameover-splash.reason-retire .gameover-splash-icon,.gameover-splash.reason-retire .gameover-splash-text{color:#ff9aa8;text-shadow:0 0 20px #ff5a78cc}.restart-btn{color:#4db8ff;cursor:pointer;background:0 0;border:2px solid #4db8ff;border-radius:8px;margin-top:8px;padding:12px 32px;font-family:inherit;font-size:16px;transition:background .15s}.restart-btn:hover{background:#4db8ff1f}.refutation-modal-overlay{z-index:500;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.refutation-modal{background:#1a1a2e;border:1px solid #703040;border-radius:12px;width:92%;max-width:560px;max-height:80vh;padding:20px 24px;overflow-y:auto;box-shadow:0 8px 32px #0009}.refutation-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.refutation-modal-title{color:#e06060;font-size:16px}.refutation-modal-empty{color:#555;padding:12px 0;font-size:13px}.refutation-modal-cards{flex-wrap:wrap;gap:8px;display:flex}.refutation-info-btn{color:#c08080;cursor:pointer;background:0 0;border:1px solid #5a3a3a;border-radius:4px;margin-left:auto;padding:2px 6px;font-family:inherit;font-size:11px;transition:all .15s}.refutation-info-btn:hover{color:#e08080;background:#c0505026;border-color:#c06060}.deck-search-overlay{z-index:200;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.deck-search-modal{background:#1a1a2e;border:1px solid #4a4a7a;border-radius:10px;flex-direction:column;gap:14px;width:90%;max-width:680px;max-height:80vh;padding:20px;display:flex;box-shadow:0 8px 32px #000c}.deck-search-header{border-bottom:1px solid #333;flex-direction:column;gap:4px;padding-bottom:10px;display:flex}.deck-search-title{color:#a0c8ff;font-size:16px;font-weight:700}.deck-search-sub{color:#888;font-size:12px}.deck-search-cards{overscroll-behavior:contain;flex-wrap:wrap;flex:auto;gap:12px;min-height:0;padding:4px 2px;display:flex;overflow-y:auto}.deck-search-card-entry{cursor:pointer;flex-direction:column;align-items:center;gap:4px;display:flex}.deck-search-card-inner{flex-direction:column;align-items:center;gap:4px;transition:transform .1s;display:flex}.deck-search-card-entry:hover .deck-search-card-inner{transform:translateY(-3px)}.deck-search-card-name{color:#ccc;text-align:center;max-width:80px;font-size:11px}.deck-search-footer{border-top:1px solid #333;justify-content:flex-end;padding-top:10px;display:flex}.negate-overlay{z-index:210;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.negate-modal{background:#1a1a2e;border:1px solid #7a4a4a;border-radius:10px;flex-direction:column;gap:14px;width:90%;max-width:400px;padding:24px 28px;display:flex;box-shadow:0 8px 32px #000c}.negate-title{color:#f99;text-align:center;font-size:16px;font-weight:700}.negate-desc{color:#ddd;text-align:center;font-size:13px}.negate-cost-info{color:#ccc;text-align:center;flex-direction:column;gap:4px;font-size:13px;display:flex}.negate-cost{color:gold}.negate-fund-status{color:#aaa;font-size:12px}.negate-insufficient{color:#f66}.negate-buttons{justify-content:center;gap:10px;display:flex}.negate-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 20px;font-family:inherit;font-size:13px;transition:all .15s}.negate-btn.pay{color:#afa;background:#2a5a2a;border:1px solid #4a8a4a}.negate-btn.pay:hover:not(:disabled){background:#3a7a3a}.negate-btn.pay:disabled{opacity:.4;cursor:not-allowed}.negate-btn.decline{color:#faa;background:#3a2020;border:1px solid #6a3a3a}.negate-btn.decline:hover{background:#502828}.game-log-entry{border-left:2px solid #0000;border-radius:3px;align-items:baseline;gap:4px;padding:2px 4px;transition:background .1s;display:flex}.game-log-entry:hover{background:#ffffff0a}.log-cat-icon{text-align:center;flex-shrink:0;width:12px;font-size:10px}.log-text{word-break:break-all;flex:1;min-width:0}.log-cat-phase{color:#89c;border-left-color:#57a}.log-cat-phase .log-cat-icon{color:#57a}.log-cat-action{color:#ace;border-left-color:#48c}.log-cat-action .log-cat-icon{color:#48c}.log-cat-effect{color:#c9f;border-left-color:#85c}.log-cat-effect .log-cat-icon{color:#85c}.log-cat-combat{color:#fa8;border-left-color:#c53}.log-cat-combat .log-cat-icon{color:#c53}.log-cat-system{color:#fd6;border-left-color:#c92;font-weight:700}.log-cat-system .log-cat-icon{color:#c92}.log-card-link{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;opacity:.9;background:0 0;border:none;border-bottom:1px dotted;padding:0;transition:opacity .1s}.log-card-link:hover{opacity:1;border-bottom-style:solid}.effect-popup-overlay{z-index:260;pointer-events:none;justify-content:center;display:flex;position:fixed;top:48%;left:50%;transform:translate(-50%,-50%)}@keyframes popup-in-out{0%{opacity:0;transform:translateY(10px)scale(.88)}12%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}.effect-popup{color:#c8e0ff;text-align:center;text-overflow:ellipsis;letter-spacing:.02em;background:#080e1cf2;border:1px solid #4a6a9a;border-radius:8px;max-width:360px;padding:8px 18px 10px;font-size:12px;animation:2.2s forwards popup-in-out;overflow:hidden;box-shadow:0 6px 28px #000c,0 0 14px #5082dc4d}.effect-popup-source{color:#c8dcff99;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12px;display:block;overflow:hidden}.effect-popup-body{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.effect-popup.cat-combat{color:#ffcfaa;border-color:#932;box-shadow:0 6px 28px #000c,0 0 16px #c8461e80}.effect-popup.cat-effect{color:#e0ccff;border-color:#74b;box-shadow:0 6px 28px #000c,0 0 16px #8246dc80}.attack-impact-layer{z-index:720;pointer-events:none;position:fixed;inset:0}.attack-beam{transform-origin:0;filter:drop-shadow(0 0 12px #5fd6ffe6);height:0;animation:.62s ease-out forwards attack-beam-hold;position:fixed}.attack-beam-core{transform-origin:0;background:linear-gradient(90deg,#0000 0%,#8ee2fff2 16%,#fff 45%,#ffc64c 72%,#0000 100%);border-radius:999px;width:100%;height:6px;animation:.46s cubic-bezier(.12,.88,.2,1) forwards attack-beam-sweep;position:absolute;top:-3px;left:0;transform:scaleX(0);box-shadow:0 0 14px #60d2fff2,0 0 34px #ffb43a99}.attack-beam-core:after{content:"";opacity:0;background:radial-gradient(circle,#fff 0 12%,#ffd36a 13% 34%,#5fd6ffa6 35% 56%,#0000 58%);border-radius:50%;width:34px;height:34px;animation:.46s cubic-bezier(.12,.88,.2,1) forwards attack-beam-head;position:absolute;top:50%;right:-14px;transform:translateY(-50%);box-shadow:0 0 22px #ffd66ae6,0 0 40px #5fd6ffbf}.attack-beam-spark{opacity:0;background:linear-gradient(#fff,#ffd36a 42%,#0000);border-radius:999px;width:4px;height:18px;animation:.5s ease-out forwards attack-beam-spark;position:absolute;top:0;box-shadow:0 0 10px #ffd870e6}.attack-beam-spark.spark-a{animation-delay:80ms;left:32%}.attack-beam-spark.spark-b{height:14px;animation-delay:.14s;left:58%}.attack-beam-spark.spark-c{height:20px;animation-delay:.2s;left:78%}.attack-impact-burst{opacity:0;background:radial-gradient(circle,#fffffffa 0 8%,#ffd052b8 9% 24%,#ff46786b 25% 38%,#0000 40%),conic-gradient(#0000 0deg 16deg,#ffffffe6 17deg 20deg,#0000 21deg 38deg);border-radius:50%;width:92px;height:92px;margin:-46px;animation:.58s cubic-bezier(.16,.9,.22,1) forwards attack-impact-burst;position:fixed;transform:scale(.3);box-shadow:0 0 28px #ffd24ee6,0 0 56px #ff46788c}.attack-impact-burst.target-avatar{width:124px;height:124px;margin:-62px}.damage-number{text-align:center;color:#ff4f5f;-webkit-text-stroke:2px #fff4d8f2;text-shadow:0 4px #500012e6,0 0 18px #ff4669f2,0 0 34px #ffb444b8;opacity:0;min-width:58px;font-family:Georgia,Noto Serif JP,serif;font-size:clamp(32px,4vw,58px);font-weight:900;line-height:1;animation:.82s cubic-bezier(.16,1,.3,1) forwards damage-number-pop;position:fixed;transform:translate(-50%,-50%)}.damage-number.target-avatar{font-size:clamp(42px,5vw,74px)}@keyframes attack-beam-sweep{0%{opacity:0;filter:blur(2px);transform:scaleX(0)}18%{opacity:1}72%{opacity:1;filter:blur();transform:scaleX(1)}to{opacity:0;filter:blur(3px);transform:scaleX(1)}}@keyframes attack-beam-head{0%{opacity:0;transform:translateY(-50%)scale(.42)}58%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%)scale(1.55)}}@keyframes attack-beam-spark{0%{opacity:0;transform:translateY(-50%)rotate(22deg)scale(.5)}32%{opacity:1}to{opacity:0;transform:translateY(-150%)rotate(22deg)scale(.08)}}@keyframes attack-impact-burst{0%{opacity:0;filter:blur(2px);transform:scale(.25)rotate(0)}24%{opacity:1;filter:blur();transform:scale(.86)rotate(8deg)}to{opacity:0;filter:blur(3px);transform:scale(1.7)rotate(28deg)}}@keyframes attack-beam-hold{0%,92%{opacity:1}to{opacity:0}}@keyframes damage-number-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.42)rotate(-8deg)}20%{opacity:1;transform:translate(-50%,-72%)scale(1.22)rotate(2deg)}48%{opacity:1;transform:translate(-50%,-92%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-136%)scale(.82)rotate(4deg)}}.effect-visual-layer{z-index:710;pointer-events:none;position:fixed;inset:0}.effect-trail{--effect-main:#75dcff;--effect-accent:#fff;transform-origin:0;height:0;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--effect-main) 82%, transparent));position:fixed}.effect-trail-core{background:linear-gradient(90deg, transparent, var(--effect-main) 18%, var(--effect-accent) 52%, transparent);width:100%;height:4px;box-shadow:0 0 16px var(--effect-main), 0 0 30px color-mix(in srgb, var(--effect-main) 56%, transparent);transform-origin:0;border-radius:999px;animation:.58s cubic-bezier(.12,.88,.2,1) forwards effect-trail-sweep;position:absolute;top:-2px;left:0;transform:scaleX(0)}.effect-trail-dot{background:var(--effect-accent);width:10px;height:10px;box-shadow:0 0 12px var(--effect-main), 0 0 24px var(--effect-main);opacity:0;border-radius:50%;margin-top:-5px;animation:.62s ease-out forwards effect-trail-dot;position:absolute;top:0}.effect-trail-dot.dot-a{animation-delay:80ms;left:36%}.effect-trail-dot.dot-b{width:7px;height:7px;margin-top:-3.5px;animation-delay:.18s;left:70%}.effect-impact{--effect-main:#75dcff;--effect-accent:#fff;place-items:center;display:grid;position:fixed;transform:translate(-50%,-50%)}.effect-impact-ring{border:2px solid var(--effect-main);width:86px;height:86px;box-shadow:0 0 18px var(--effect-main), inset 0 0 18px color-mix(in srgb, var(--effect-main) 30%, transparent);opacity:0;border-radius:50%;animation:.9s cubic-bezier(.16,.9,.22,1) forwards effect-impact-ring;position:absolute}.effect-impact-ring:before,.effect-impact-ring:after{content:"";border:1px solid color-mix(in srgb, var(--effect-accent) 74%, transparent);border-radius:28%;position:absolute;inset:10px;transform:rotate(45deg)}.effect-impact-ring:after{border-radius:50%;inset:22px;transform:rotate(0)}.effect-impact-label{border:1px solid color-mix(in srgb, var(--effect-main) 72%, transparent);min-width:62px;color:var(--effect-accent);text-align:center;text-shadow:0 0 10px var(--effect-main), 0 2px 8px #000000e6;box-shadow:0 0 18px color-mix(in srgb, var(--effect-main) 42%, transparent);opacity:0;background:#050c1cd1;border-radius:999px;padding:5px 12px;font:800 13px/1 Noto Serif JP,Georgia,serif;animation:.95s ease-out forwards effect-impact-label;position:relative;transform:translateY(8px)scale(.8)}.effect-impact-label b{margin-bottom:2px;font-size:20px;display:block}.kind-equip{--effect-main:#c68cff;--effect-accent:#ffd56b}.kind-discovery{--effect-main:#45f0bd;--effect-accent:#caffef}.kind-recover{--effect-main:#d86cff;--effect-accent:#dce7ff}.kind-draw{--effect-main:#78dfff;--effect-accent:#fff}.kind-resource{--effect-main:#5ff0bd;--effect-accent:#fff2a8}.kind-heal{--effect-main:#65f08d;--effect-accent:#f2fff4}.kind-damage,.kind-destroy{--effect-main:#ff5276;--effect-accent:#ffd6a8}.kind-seal{--effect-main:#95a8c8;--effect-accent:#d8e4ff}.kind-negate{--effect-main:#b271ff;--effect-accent:#ffdf7a}.effect-impact.kind-equip .effect-impact-ring{border-radius:50%;width:116px;height:116px;animation-name:effect-equip-ring}.effect-impact.kind-seal .effect-impact-ring,.effect-impact.kind-negate .effect-impact-ring{border-radius:12px}@keyframes effect-trail-sweep{0%{opacity:0;filter:blur(2px);transform:scaleX(0)}18%{opacity:1}80%{opacity:1;filter:blur();transform:scaleX(1)}to{opacity:0;filter:blur(2px);transform:scaleX(1)}}@keyframes effect-trail-dot{0%{opacity:0;transform:scale(.25)}42%{opacity:1;transform:scale(1)}to{opacity:0;transform:translate(26px)scale(.1)}}@keyframes effect-impact-ring{0%{opacity:0;filter:blur(2px);transform:scale(.36)rotate(-14deg)}24%{opacity:.95;filter:blur()}to{opacity:0;filter:blur(2px);transform:scale(1.58)rotate(32deg)}}@keyframes effect-equip-ring{0%{opacity:0;transform:scale(.42)rotateX(68deg)rotate(-26deg)}28%{opacity:1;transform:scale(.92)rotateX(68deg)rotate(18deg)}to{opacity:0;transform:scale(1.32)rotateX(68deg)rotate(180deg)}}@keyframes effect-impact-label{0%{opacity:0;transform:translateY(10px)scale(.78)}22%{opacity:1;transform:translateY(-6px)scale(1.06)}66%{opacity:1;transform:translateY(-14px)scale(1)}to{opacity:0;transform:translateY(-34px)scale(.9)}}@keyframes cpaOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes cpaOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes cpaBgPulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:.7;transform:scale(1.15)}}@keyframes cpaFlash{0%{opacity:.85}to{opacity:0}}@keyframes cpaParticle{0%{opacity:0;transform:translate(0)scale(0)}12%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--tx,0px), var(--ty,0px)) scale(.35)}}@keyframes cpaLabelIn{0%{opacity:0;letter-spacing:1px;transform:translateY(-22px)scale(.85)}to{opacity:1;letter-spacing:8px;transform:translateY(0)scale(1)}}@keyframes cpa3DEnter{0%{opacity:0;transform:perspective(900px)rotateY(78deg)rotateX(20deg)scale(.25)translate(70px)translateY(45px)}48%{opacity:1;transform:perspective(900px)rotateY(-9deg)rotateX(-4deg)scale(1.16)translate(-6px)translateY(-4px)}68%{transform:perspective(900px)rotateY(3deg)rotateX(1deg)scale(.98)}82%{transform:perspective(900px)rotateY(-1deg)scale(1.02)}to{opacity:1;transform:perspective(900px)rotateY(0)rotateX(0)scale(1)translate(0)translateY(0)}}@keyframes cpaCardGlow{0%{filter:drop-shadow(0 0 22px var(--anim-glow)) drop-shadow(0 10px 30px #000000e6);transform:perspective(900px)rotateY(0)rotateX(0)}25%{filter:drop-shadow(0 0 55px var(--anim-glow)) drop-shadow(0 0 32px var(--anim-glow)) drop-shadow(0 12px 32px #000000e6);transform:perspective(900px)rotateY(5deg)rotateX(2.5deg)}50%{filter:drop-shadow(0 0 70px var(--anim-glow)) drop-shadow(0 0 45px var(--anim-glow)) drop-shadow(0 14px 35px #000000e6);transform:perspective(900px)rotateY(0)rotateX(-1.5deg)}75%{filter:drop-shadow(0 0 55px var(--anim-glow)) drop-shadow(0 0 32px var(--anim-glow)) drop-shadow(0 12px 32px #000000e6);transform:perspective(900px)rotateY(-5deg)rotateX(2.5deg)}to{filter:drop-shadow(0 0 22px var(--anim-glow)) drop-shadow(0 10px 30px #000000e6);transform:perspective(900px)rotateY(0)rotateX(0)}}@keyframes cpa3DExit{0%{opacity:1;filter:brightness();transform:perspective(900px)rotateY(0)scale(1)}18%{opacity:1;filter:brightness(2.8);transform:perspective(900px)rotateY(-6deg)scale(1.06)}to{opacity:0;filter:brightness();transform:perspective(900px)rotateY(-72deg)scale(.65)translate(-55px)}}@keyframes cpaCardFly{0%{opacity:1;filter:drop-shadow(0 0 35px var(--anim-glow));transform:perspective(900px)translate(0)scale(1)}35%{opacity:1;transform:perspective(900px) translate(calc(var(--fly-x) * .28), calc(var(--fly-y) * .28)) scale(.52);filter:drop-shadow(0 0 65px var(--anim-glow)) blur(.8px)}to{opacity:0;transform:perspective(900px) translate(var(--fly-x), var(--fly-y)) scale(.07);filter:drop-shadow(0 0 100px var(--anim-glow)) blur(5px)}}@keyframes cpaOriginFlare{0%{opacity:.85;transform:scale(.55)}55%{opacity:.35;transform:scale(1.45)}to{opacity:0;transform:scale(2.1)}}@keyframes cpaTrailDot{0%{opacity:.9;transform:translate(0)scale(1)}to{opacity:0;transform:translate(calc(var(--fly-x) * var(--tpct)), calc(var(--fly-y) * var(--tpct))) scale(.15)}}@keyframes cpaShineSweep{0%{background-position:220% 0}to{background-position:-80% 0}}@keyframes cpaFrameGlow{0%,to{box-shadow:0 0 18px var(--anim-glow), inset 0 0 6px #ffffff0f}50%{box-shadow:0 0 52px var(--anim-glow), 0 0 80px var(--anim-glow), inset 0 0 10px #ffffff1f}}@keyframes cpaStageAuraPulse{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%)scale(.72)}24%{opacity:.82;filter:blur(3px)}62%{opacity:.58;transform:translate(-50%,-50%)scale(1.02)}to{opacity:.16;filter:blur(8px);transform:translate(-50%,-50%)scale(1.18)}}@keyframes cpaSigilSpin{0%{opacity:0;transform:translate(-50%,-50%)rotate(-10deg)scale(.72)}32%{opacity:.38}to{opacity:.24;transform:translate(-50%,-50%)rotate(12deg)scale(1)}}@keyframes cpaBurstLine{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--burst-rot)) translateX(44px) scaleX(.05)}26%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--burst-rot)) translateX(230px) scaleX(1)}}@keyframes cpaTypeWave{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}35%{opacity:.62}to{opacity:0;transform:translate(-50%,-50%)scale(1.42)}}@keyframes cpaSparkScatter{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-rot)) translateX(28px) translateY(0) scale(.45);filter:brightness(1.8)}18%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-rot)) translateX(var(--spark-dist)) translateY(var(--spark-lift)) scale(.08);filter:brightness(2.4)blur(.8px)}}.card-play-anim-overlay{z-index:900;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-play-anim-overlay.card-play-anim-enter{animation:.2s forwards cpaOverlayIn}.card-play-anim-overlay.card-play-anim-glow{opacity:1}.card-play-anim-overlay.card-play-anim-exit{opacity:1;animation:.32s 50ms forwards cpaOverlayOut}.card-play-anim-overlay.card-play-anim-fly{opacity:1;pointer-events:none}.cpa-stage-aura,.cpa-sigil,.cpa-burst-line,.cpa-spark{pointer-events:none;position:absolute;top:50%;left:50%}.cpa-stage-aura{background:radial-gradient(circle, color-mix(in srgb, var(--anim-accent) 22%, transparent) 0 8%, transparent 24%), radial-gradient(circle, var(--anim-bg-glow) 0 20%, transparent 62%), radial-gradient(circle, transparent 0 54%, color-mix(in srgb, var(--anim-primary) 48%, transparent) 56% 57%, transparent 59% 100%);width:min(54vw,740px);height:min(54vw,740px);box-shadow:0 0 90px var(--anim-bg-glow), inset 0 0 80px #ffffff0a;opacity:0;mix-blend-mode:screen;z-index:1;border-radius:50%;transform:translate(-50%,-50%)}.card-play-anim-enter .cpa-stage-aura,.card-play-anim-glow .cpa-stage-aura{animation:1.1s ease-out forwards cpaStageAuraPulse}.card-play-anim-fly .cpa-stage-aura{opacity:0;transition:opacity .15s}.cpa-sigil{border:1px solid color-mix(in srgb, var(--anim-primary) 34%, transparent);width:min(30vw,410px);height:min(30vw,410px);box-shadow:0 0 26px var(--anim-bg-glow);opacity:0;z-index:1;border-radius:50%;transform:translate(-50%,-50%)}.cpa-sigil:before,.cpa-sigil:after{content:"";border-top:1px solid color-mix(in srgb, var(--anim-accent) 42%, transparent);border-bottom:1px solid color-mix(in srgb, var(--anim-accent) 18%, transparent);position:absolute;inset:18%;transform:rotate(18deg)}.cpa-sigil:after{border-top-color:color-mix(in srgb, var(--anim-primary) 36%, transparent);border-bottom-color:color-mix(in srgb, var(--anim-primary) 14%, transparent);inset:30%;transform:rotate(-18deg)}.cpa-sigil span{letter-spacing:3px;color:color-mix(in srgb, var(--anim-accent) 82%, white);text-shadow:0 0 12px var(--anim-glow);font:700 12px/1 Georgia,serif;position:absolute;top:13%;left:50%;transform:translate(-50%)}.card-play-anim-enter .cpa-sigil,.card-play-anim-glow .cpa-sigil{animation:1.1s ease-out forwards cpaSigilSpin}.card-play-anim-fly .cpa-sigil{opacity:0;transition:opacity .12s}.cpa-burst-line{--burst-rot:0deg;transform-origin:0;background:linear-gradient(90deg, var(--anim-accent), var(--anim-primary) 48%, transparent);width:84px;height:3px;box-shadow:0 0 14px var(--anim-glow), 0 0 28px var(--anim-bg-glow);opacity:0;z-index:2;border-radius:999px}.cpa-burst-0{--burst-rot:0deg}.cpa-burst-1{--burst-rot:24deg}.cpa-burst-2{--burst-rot:48deg}.cpa-burst-3{--burst-rot:72deg}.cpa-burst-4{--burst-rot:96deg}.cpa-burst-5{--burst-rot:120deg}.cpa-burst-6{--burst-rot:144deg}.cpa-burst-7{--burst-rot:168deg}.card-play-anim-glow .cpa-burst-line{animation:.58s ease-out forwards cpaBurstLine}.card-play-anim-glow .cpa-burst-1,.card-play-anim-glow .cpa-burst-5{animation-delay:40ms}.card-play-anim-glow .cpa-burst-2,.card-play-anim-glow .cpa-burst-6{animation-delay:80ms}.card-play-anim-glow .cpa-burst-3,.card-play-anim-glow .cpa-burst-7{animation-delay:.12s}.cpa-spark{--spark-rot:0deg;--spark-dist:190px;--spark-lift:0px;background:linear-gradient(180deg, #fff, var(--anim-accent) 35%, var(--anim-primary) 78%, transparent);width:5px;height:14px;box-shadow:0 0 8px 2px var(--anim-glow), 0 0 18px var(--anim-bg-glow);opacity:0;z-index:4;border-radius:999px;margin-top:-7px;margin-left:-2.5px}.cpa-spark-0{--spark-rot:6deg;--spark-dist:205px;--spark-lift:-18px}.cpa-spark-1{--spark-rot:28deg;--spark-dist:150px;--spark-lift:16px;width:4px;height:11px}.cpa-spark-2{--spark-rot:52deg;--spark-dist:225px;--spark-lift:-8px}.cpa-spark-3{--spark-rot:79deg;--spark-dist:165px;--spark-lift:22px;width:3px;height:10px}.cpa-spark-4{--spark-rot:105deg;--spark-dist:215px;--spark-lift:-20px}.cpa-spark-5{--spark-rot:134deg;--spark-dist:175px;--spark-lift:10px;width:4px;height:12px}.cpa-spark-6{--spark-rot:158deg;--spark-dist:235px;--spark-lift:-14px}.cpa-spark-7{--spark-rot:187deg;--spark-dist:155px;--spark-lift:18px;width:3px;height:10px}.cpa-spark-8{--spark-rot:211deg;--spark-dist:210px;--spark-lift:-18px}.cpa-spark-9{--spark-rot:238deg;--spark-dist:170px;--spark-lift:20px;width:4px;height:11px}.cpa-spark-10{--spark-rot:263deg;--spark-dist:225px;--spark-lift:-10px}.cpa-spark-11{--spark-rot:289deg;--spark-dist:160px;--spark-lift:24px;width:3px;height:10px}.cpa-spark-12{--spark-rot:314deg;--spark-dist:220px;--spark-lift:-16px}.cpa-spark-13{--spark-rot:337deg;--spark-dist:165px;--spark-lift:14px;width:4px;height:12px}.cpa-spark-14{--spark-rot:18deg;--spark-dist:260px;--spark-lift:-34px;width:3px;height:9px}.cpa-spark-15{--spark-rot:198deg;--spark-dist:255px;--spark-lift:32px;width:3px;height:9px}.card-play-anim-glow .cpa-spark{animation:.72s cubic-bezier(.12,.85,.24,1) forwards cpaSparkScatter}.card-play-anim-glow .cpa-spark-1,.card-play-anim-glow .cpa-spark-5,.card-play-anim-glow .cpa-spark-9,.card-play-anim-glow .cpa-spark-13{animation-delay:40ms}.card-play-anim-glow .cpa-spark-2,.card-play-anim-glow .cpa-spark-6,.card-play-anim-glow .cpa-spark-10,.card-play-anim-glow .cpa-spark-14{animation-delay:80ms}.card-play-anim-glow .cpa-spark-3,.card-play-anim-glow .cpa-spark-7,.card-play-anim-glow .cpa-spark-11,.card-play-anim-glow .cpa-spark-15{animation-delay:.12s}.card-play-anim-fly .cpa-spark,.card-play-anim-fly .cpa-burst-line{opacity:0;transition:opacity 80ms}.cpa-type-discovery .cpa-stage-aura{border-radius:18px;width:min(62vw,850px);height:min(32vw,420px)}.cpa-type-experiment .cpa-burst-line{background:linear-gradient(90deg, transparent 9%, var(--anim-primary) 34%, var(--anim-accent) 50%, var(--anim-primary) 66%, transparent 91%);height:3px}.cpa-type-paradigm .cpa-sigil{border-radius:18%}.cpa-type-era .cpa-stage-aura{border-radius:999px;width:min(68vw,920px);height:min(24vw,320px)}.cpa-type-era .cpa-stage-aura:after{content:"";border:1px solid var(--anim-accent);border-radius:999px;width:110%;height:42%;animation:.8s ease-out forwards cpaTypeWave;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cpa-flash{pointer-events:none;opacity:0;z-index:2;background:#fff;position:absolute;inset:0}.card-play-anim-glow .cpa-flash{animation:.24s ease-out forwards cpaFlash}.cpa-particle{background:var(--anim-primary,#ffe97a);width:8px;height:8px;box-shadow:0 0 8px 3px var(--anim-glow,#ffdc50cc);pointer-events:none;opacity:0;border-radius:50%;margin-top:-4px;margin-left:-4px;position:absolute;top:50%;left:50%}.cpa-p0{--tx:-95px;--ty:-138px}.cpa-p1{--tx:108px;--ty:-120px;width:6px;height:6px;margin:-3px}.cpa-p2{--tx:-122px;--ty:58px;width:5px;height:5px;margin:-2.5px}.cpa-p3{--tx:132px;--ty:78px;width:7px;height:7px;margin:-3.5px}.cpa-p4{--tx:58px;--ty:-158px;width:5px;height:5px;margin:-2.5px}.cpa-p5{--tx:-68px;--ty:150px;width:6px;height:6px;margin:-3px}.cpa-p6{--tx:148px;--ty:-88px;width:9px;height:9px;margin:-4.5px}.cpa-p7{--tx:-134px;--ty:-94px;width:5px;height:5px;margin:-2.5px}.cpa-p8{--tx:-40px;--ty:-168px;width:6px;height:6px;margin:-3px}.cpa-p9{--tx:165px;--ty:30px;width:5px;height:5px;margin:-2.5px}.card-play-anim-glow .cpa-particle{animation:.7s ease-out forwards cpaParticle}.card-play-anim-glow .cpa-p0{animation-delay:0s}.card-play-anim-glow .cpa-p1{animation-delay:50ms}.card-play-anim-glow .cpa-p2{animation-delay:90ms}.card-play-anim-glow .cpa-p3{animation-delay:30ms}.card-play-anim-glow .cpa-p4{animation-delay:.13s}.card-play-anim-glow .cpa-p5{animation-delay:70ms}.card-play-anim-glow .cpa-p6{animation-delay:20ms}.card-play-anim-glow .cpa-p7{animation-delay:.11s}.card-play-anim-glow .cpa-p8{animation-delay:60ms}.card-play-anim-glow .cpa-p9{animation-delay:.16s}.cpa-wrapper{z-index:3;flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.cpa-label{letter-spacing:8px;color:var(--anim-primary,#ffe97a);text-shadow:0 0 28px var(--anim-glow,#ffdc50e6), 0 0 56px var(--anim-glow,#ffdc5080), 0 2px 12px #000000f2;font-family:Georgia,Noto Serif JP,serif;font-size:28px;font-weight:700}.card-play-anim-enter .cpa-label{animation:.32s cubic-bezier(.22,1,.36,1) forwards cpaLabelIn}.cpa-3d-scene{transform-style:preserve-3d}.cpa-card{transform-style:preserve-3d;flex-direction:column;align-items:center;gap:12px;display:flex}.card-play-anim-enter .cpa-card{animation:.5s cubic-bezier(.22,1,.36,1) forwards cpa3DEnter}.card-play-anim-glow .cpa-card{animation:1.4s ease-in-out infinite cpaCardGlow}.card-play-anim-exit .cpa-card{animation:.45s ease-in forwards cpa3DExit}.card-play-anim-fly .cpa-card{animation:.5s ease-in forwards cpaCardFly}.card-play-anim-fly .cpa-label{opacity:0;transition:opacity 80ms}.cpa-card-frame{border:2px solid var(--anim-primary,#ffdc64b3);box-shadow:0 0 22px var(--anim-glow,#ffc85080), 0 12px 36px #000000d9;border-radius:12px;position:relative;overflow:hidden}.card-play-anim-glow .cpa-card-frame{animation:1.4s ease-in-out infinite cpaFrameGlow}.cpa-img{border-radius:10px;width:230px;height:auto;display:block}.cpa-shine{pointer-events:none;background:linear-gradient(108deg,#0000 0% 32%,#ffffff85 48%,#ffffff2e 54%,#0000 68% 100%) 220% 0/300% 100%;border-radius:10px;position:absolute;inset:0}.card-play-anim-glow .cpa-shine{animation:.75s 50ms forwards cpaShineSweep}.cpa-frame-glow{pointer-events:none;border:1px solid #ffffff26;border-radius:10px;position:absolute;inset:0}.cpa-origin-glow{background:radial-gradient(circle, var(--anim-glow) 0%, transparent 68%);pointer-events:none;opacity:0;border-radius:50%;width:240px;height:240px;margin:-120px;position:absolute;top:50%;left:50%}.card-play-anim-fly .cpa-origin-glow{animation:.5s ease-out forwards cpaOriginFlare}.cpa-trail-dot{background:var(--anim-primary);width:7px;height:7px;box-shadow:0 0 6px 2px var(--anim-glow);pointer-events:none;opacity:0;border-radius:50%;margin:-3.5px;position:absolute;top:50%;left:50%}.card-play-anim-fly .cpa-trail-dot{animation:.5s ease-in forwards cpaTrailDot}.cpa-td0{--tpct:.18;animation-delay:0s}.cpa-td1{--tpct:.3;width:6px;height:6px;margin:-3px;animation-delay:40ms}.cpa-td2{--tpct:.44;width:5px;height:5px;margin:-2.5px;animation-delay:80ms}.cpa-td3{--tpct:.58;width:5px;height:5px;margin:-2.5px;animation-delay:.12s}.cpa-td4{--tpct:.7;width:4px;height:4px;margin:-2px;animation-delay:.16s}.cpa-name{color:#fff;text-shadow:0 1px 8px #000000f2, 0 0 16px var(--anim-glow,#ffdc5080);letter-spacing:2px;font-size:17px;font-weight:700}.guardian-indicator{color:#7dc8ff;text-shadow:0 0 4px #64b4ffcc;pointer-events:none;font-size:10px;line-height:1;position:absolute;top:2px;left:2px}.blocked-overlay{color:#c8e8ff;letter-spacing:1px;border-radius:inherit;background:#508cdc8c;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}.guardian-keyword-badge{color:#a0d8ff;letter-spacing:1px;background:linear-gradient(135deg,#1a3a5c,#2a5a8c);border:1px solid #5ab0ff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.guardian-badge{color:#a0d8ff!important;background:linear-gradient(135deg,#1a3a5c,#2a5a8c)!important;border-color:#5ab0ff!important}.title-screen{width:var(--app-vw);height:var(--app-vh);background:#060a10;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.title-bg-layer{pointer-events:none;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:0}.title-bg-visible{opacity:1}.title-bg-hidden{opacity:0}.title-bg-img{object-fit:cover;opacity:1;-webkit-user-select:none;user-select:none;border-radius:6px;position:absolute;box-shadow:0 8px 40px #0000008c}.title-overlay{pointer-events:none;background:radial-gradient(46% 54%,#060a1080 0%,#060a102e 65%,#0000 100%),linear-gradient(#060a104d 0%,#0000 22% 78%,#060a104d 100%);position:absolute;inset:0}.title-content{z-index:10;flex-direction:column;align-items:center;gap:56px;display:flex;position:relative}.title-logo-area{flex-direction:column;align-items:center;gap:8px;display:flex}.title-logo-row{align-items:center;gap:18px;width:100%;max-width:860px;display:flex}.title-rule{background:linear-gradient(90deg,#0000,#c8aa6499);flex:1;min-width:48px;height:1px}.title-rule--right{background:linear-gradient(270deg,#0000,#c8aa6499)}.title-ornament{color:#c8aa64bf;text-shadow:0 0 12px #c8aa6480;flex-shrink:0;font-size:.8rem;font-style:normal}.title-logo{letter-spacing:.06em;color:#f0e8d0;white-space:nowrap;text-shadow:0 0 40px #c8aa648c,0 2px 16px #000000f2,0 0 2px #000;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.8rem,6vw,4.8rem);font-style:italic;font-weight:600}.title-menu{flex-direction:column;align-items:center;gap:14px;min-width:260px;display:flex}.title-menu-btn{letter-spacing:.15em;color:#ded6c6;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080c1499;border:1px solid #c8aa6459;border-radius:4px;width:100%;padding:14px 32px;font-family:Georgia,Noto Serif JP,serif;font-size:1rem;transition:background .18s,color .18s,border-color .18s,transform .12s}.title-menu-btn:hover{color:#f7f0e0;background:#785f2db3;border-color:#c8aa64cc;transform:translateY(-1px)}.title-menu-btn--primary{color:#f7f0e0;background:#604a20b8;border-color:#c8aa64b3;font-weight:700}.title-menu-btn--primary:hover{background:#8c6e32d1;border-color:#c8aa64f2}.coming-soon-screen{width:var(--app-vw);height:var(--app-vh);background:#060a10;justify-content:center;align-items:center;display:flex}.coming-soon-content{flex-direction:column;align-items:center;gap:20px;display:flex}.coming-soon-title{color:#f0e8d0;letter-spacing:.1em;font-size:1.8rem}.coming-soon-text{color:#888;letter-spacing:.2em;font-size:1rem}.coming-soon-back{color:#aaa;cursor:pointer;background:0 0;border:1px solid #555;border-radius:4px;margin-top:12px;padding:10px 28px;font-family:inherit;font-size:.9rem;transition:border-color .15s,color .15s}.coming-soon-back:hover{color:#eee;border-color:#aaa}.battle-intro-overlay{z-index:1200;background:radial-gradient(circle,#31a2ff38,#0000 38%),radial-gradient(circle,#e8b04021,#0000 58%),#02060eeb;justify-content:center;align-items:center;animation:3.2s forwards intro-overlay-out;display:flex;position:fixed;inset:0;overflow:hidden}.battle-intro-bg-rings{aspect-ratio:1;border:1px solid #5ec9ff47;border-radius:50%;width:74vmin;animation:3.2s linear forwards intro-ring-spin;position:absolute;box-shadow:0 0 42px #3ab5ff38,inset 0 0 52px #3ab5ff1a}.battle-intro-bg-rings:before,.battle-intro-bg-rings:after{content:"";border:1px solid #e5b55052;border-radius:50%;position:absolute;inset:10%}.battle-intro-bg-rings:after{border-color:#a056e847;inset:22%}.battle-intro-versus{z-index:2;grid-template-columns:1fr minmax(220px,300px) 1fr;align-items:center;gap:34px;width:min(980px,86vw);display:grid;position:relative}.intro-duelist{flex-direction:column;align-items:center;gap:10px;display:flex}.intro-duelist-left{animation:.55s cubic-bezier(.18,.9,.28,1.1) forwards intro-left-in}.intro-duelist-right{animation:.55s cubic-bezier(.18,.9,.28,1.1) forwards intro-right-in}.intro-avatar{aspect-ratio:1;background:radial-gradient(circle at 50% 38%,#58c6ff5c,#0000 42%),radial-gradient(circle,#143a6cf0,#030710fa 68%);border:2px solid #e5b550db;border-radius:50%;width:clamp(118px,13vw,180px);position:relative;overflow:hidden;box-shadow:0 0 34px #4cbeff75,inset 0 0 28px #4cbeff2e}.intro-avatar:before{content:"";border:1px solid #5fcaff6b;border-radius:50%;position:absolute;inset:9px}.intro-avatar-hood{clip-path:polygon(50% 0%,84% 23%,92% 74%,75% 100%,25% 100%,8% 74%,16% 23%);background:linear-gradient(155deg,#102036 0%,#02050b 55%,#162a48 100%);width:58%;height:74%;position:absolute;bottom:9%;left:50%;transform:translate(-50%);box-shadow:0 0 20px #50beff66}.cok-portraitfit{z-index:1;left:var(--pf-x,50%);top:var(--pf-y,50%);width:var(--pf-w,100%);pointer-events:none;-webkit-user-select:none;user-select:none;height:auto;display:block;position:absolute;transform:translate(-50%,-50%)}.intro-duelist-name{color:#f2dfaa;text-align:center;background:#040a16e0;border:1px solid #e5b550b3;border-radius:999px;min-width:150px;padding:5px 22px;font-size:15px;box-shadow:0 0 16px #e5b5502e}.intro-center{text-align:center;flex-direction:column;align-items:center;gap:10px;animation:.62s cubic-bezier(.2,.95,.25,1.2) .36s both intro-center-pop;display:flex;position:relative}.intro-title{color:#d8eaff;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 18px #55beff7a;font-size:15px}.intro-vs{color:#ffe59a;letter-spacing:0;text-shadow:0 0 24px #ffc040b8,0 0 52px #53c4ff57,0 8px 22px #000000e6;font-size:clamp(54px,8vw,104px);font-weight:700;line-height:.9}.intro-first-player{color:#8bdcff;background:#051122e6;border:1px solid #5ccaffad;border-radius:999px;min-width:210px;padding:7px 20px;font-size:16px;font-weight:700;animation:1.4s .85s both intro-first-flash;box-shadow:0 0 20px #49bcff47}.intro-orbit{aspect-ratio:1;pointer-events:none;width:220px;animation:1.9s linear .52s both intro-orbit-spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-orbit span{background:#7de1ff;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 14px #7de1ff}.intro-orbit span:first-child{top:0;left:50%}.intro-orbit span:nth-child(2){background:#ffe08a;top:68%;right:8%;box-shadow:0 0 14px #ffe08a}.intro-orbit span:nth-child(3){background:#d38aff;top:68%;left:8%;box-shadow:0 0 14px #d38aff}.intro-deal-line{z-index:3;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.intro-deal-line-top{top:9%}.intro-deal-line-bottom{bottom:9%}.intro-deal-card{opacity:0;background:repeating-linear-gradient(45deg,#1a2535,#1a2535 4px,#111a28 4px 8px);border:1px solid #e5b550cc;border-radius:4px;width:38px;height:54px;box-shadow:0 0 14px #50beff29}.intro-deal-line-top .intro-deal-card{animation:.48s forwards intro-deal-top}.intro-deal-line-bottom .intro-deal-card{animation:.48s forwards intro-deal-bottom}.intro-deal-card-0{animation-delay:1.3s!important}.intro-deal-card-1{animation-delay:1.42s!important}.intro-deal-card-2{animation-delay:1.54s!important}.intro-deal-card-3{animation-delay:1.66s!important}.intro-deal-card-4{animation-delay:1.78s!important}.battle-intro-skip{z-index:5;color:#a9cde8;cursor:pointer;background:#060e1cb8;border:1px solid #7eb0dc73;border-radius:999px;padding:6px 14px;font-family:inherit;position:absolute;bottom:16px;right:18px}@keyframes intro-left-in{0%{opacity:0;transform:translate(-130px)scale(.86)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes intro-right-in{0%{opacity:0;transform:translate(130px)scale(.86)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes intro-center-pop{0%{opacity:0;filter:blur(5px);transform:scale(.72)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes intro-first-flash{0%{opacity:0;transform:translateY(8px)}30%{opacity:1;filter:brightness(1.9);transform:translateY(0)}to{opacity:1;filter:brightness();transform:translateY(0)}}.battle-result-overlay{z-index:1500;background:radial-gradient(circle at 50% 48%,#1c509657,#0000 38%),#00040ed1;place-items:center;animation:.42s ease-out forwards result-overlay-in;display:grid;position:fixed;inset:0;overflow:hidden}.battle-result-overlay.win{--result-main:#ffd46a;--result-accent:#72ddff;--result-shadow:#ffbe48ad}.battle-result-overlay.lose{--result-main:#ff5f86;--result-accent:#8ea6c8;--result-shadow:#ff3e709e}.battle-result-vignette{opacity:0;background:radial-gradient(circle,#0000 0 38%,#000000c7 74%),linear-gradient(135deg,#ffffff0a,#0000 32%,#ffffff08);animation:.8s ease-out forwards result-vignette-in;position:absolute;inset:-10%}.battle-result-streak{background:linear-gradient(90deg, transparent, var(--result-accent), #fff, var(--result-main), transparent);width:124%;height:92px;filter:blur(1px) drop-shadow(0 0 24px var(--result-shadow));opacity:0;position:absolute;left:-12%;transform:rotate(-9deg)translate(-18%)}.battle-result-streak.streak-a{animation:.72s cubic-bezier(.12,.86,.18,1) .18s forwards result-streak;top:42%}.battle-result-streak.streak-b{height:42px;animation:.72s cubic-bezier(.12,.86,.18,1) .28s forwards result-streak-rev;top:50%;transform:rotate(8deg)translate(18%)}.battle-result-title-wrap{aspect-ratio:5/2;place-items:center;width:min(820px,92vw);display:grid;position:relative}.battle-result-sigil{aspect-ratio:1;border:2px solid color-mix(in srgb, var(--result-accent) 72%, transparent);width:min(420px,52vw);box-shadow:0 0 42px color-mix(in srgb, var(--result-accent) 58%, transparent), inset 0 0 34px color-mix(in srgb, var(--result-main) 28%, transparent);opacity:0;border-radius:50%;animation:1.4s ease-out .18s forwards result-sigil;position:absolute}.battle-result-sigil:before,.battle-result-sigil:after{content:"";border:1px solid color-mix(in srgb, var(--result-main) 72%, transparent);position:absolute;inset:12%;transform:rotate(45deg)}.battle-result-sigil:after{border-radius:50%;inset:27%;transform:rotate(0)}.battle-result-title{letter-spacing:6px;color:#fff;-webkit-text-stroke:2px color-mix(in srgb, var(--result-main) 86%, #fff);text-shadow:0 6px 0 #000000c7, 0 0 28px var(--result-shadow), 0 0 64px color-mix(in srgb, var(--result-accent) 52%, transparent);opacity:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(68px,12vw,176px);font-weight:900;animation:.72s cubic-bezier(.12,1.18,.18,1) .42s forwards result-title-slam;position:relative;transform:scale(.72)translateY(18px)}.battle-result-particles{pointer-events:none;position:absolute;inset:0}.result-particle{background:linear-gradient(180deg, #fff, var(--result-main), transparent);width:7px;height:22px;box-shadow:0 0 12px var(--result-shadow);opacity:0;transform:rotate(var(--rot)) translateY(0) scale(.4);border-radius:999px;animation:1.25s ease-out .56s forwards result-particle;position:absolute;top:50%;left:50%}.result-particle.p0{--rot:0deg}.result-particle.p1{--rot:22deg}.result-particle.p2{--rot:44deg}.result-particle.p3{--rot:66deg}.result-particle.p4{--rot:88deg}.result-particle.p5{--rot:110deg}.result-particle.p6{--rot:132deg}.result-particle.p7{--rot:154deg}.result-particle.p8{--rot:176deg}.result-particle.p9{--rot:198deg}.result-particle.p10{--rot:220deg}.result-particle.p11{--rot:242deg}.result-particle.p12{--rot:264deg}.result-particle.p13{--rot:286deg}.result-particle.p14{--rot:308deg}.result-particle.p15{--rot:330deg}.result-particle.p16{--rot:352deg}.result-particle.p17{--rot:374deg}.battle-result-continue{border:1px solid color-mix(in srgb, var(--result-main) 84%, #fff);color:#fff;cursor:pointer;box-shadow:0 0 26px var(--result-shadow), inset 0 0 18px #ffffff14;opacity:0;background:#050e1ee0;border-radius:999px;padding:13px 44px;font-size:17px;font-weight:900;animation:.32s ease-out forwards result-button-in;position:absolute;bottom:clamp(54px,10vh,96px);left:50%;transform:translate(-50%)}.battle-result-continue:hover{box-shadow:0 0 36px var(--result-shadow), inset 0 0 22px #ffffff1f;background:#122442f5}@keyframes result-overlay-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@keyframes result-vignette-in{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes result-streak{0%{opacity:0;transform:rotate(-9deg)translate(-28%)scaleX(.34)}35%{opacity:.95}to{opacity:.08;transform:rotate(-9deg)translate(12%)scaleX(1)}}@keyframes result-streak-rev{0%{opacity:0;transform:rotate(8deg)translate(28%)scaleX(.34)}35%{opacity:.75}to{opacity:.06;transform:rotate(8deg)translate(-12%)scaleX(1)}}@keyframes result-sigil{0%{opacity:0;transform:scale(.42)rotate(-24deg)}32%{opacity:.9}to{opacity:.35;transform:scale(1.18)rotate(42deg)}}@keyframes result-title-slam{0%{opacity:0;filter:blur(5px);transform:scale(.72)translateY(18px)}58%{opacity:1;filter:blur();transform:scale(1.08)translateY(-4px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes result-particle{0%{opacity:0;transform:rotate(var(--rot)) translateY(0) scale(.4)}22%{opacity:1}to{opacity:0;transform:rotate(var(--rot)) translateY(-320px) scale(.08)}}@keyframes result-button-in{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes intro-orbit-spin{0%{opacity:0;transform:translate(-50%,-50%)rotate(0)scale(.68)}20%{opacity:1}to{opacity:.75;transform:translate(-50%,-50%)rotate(540deg)scale(1)}}@keyframes intro-ring-spin{0%{opacity:0;transform:rotate(0)scale(.7)}18%{opacity:1}to{opacity:.55;transform:rotate(90deg)scale(1.2)}}@keyframes intro-deal-top{0%{opacity:0;transform:translateY(80px)scale(.4)rotate(-14deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(-4deg)}}@keyframes intro-deal-bottom{0%{opacity:0;transform:translateY(-80px)scale(.4)rotate(14deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(4deg)}}@keyframes intro-overlay-out{0%,82%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.game-board *,.game-board :before,.game-board :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.effect-resolution-stack{z-index:2;pointer-events:none;filter:drop-shadow(0 14px 28px #0000006b);width:100%;min-height:0;position:relative}.effect-stack-heading{border-bottom:1px solid #c68bff42;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;margin-bottom:7px;padding-bottom:6px;display:grid}.effect-stack-glyph{color:#ffe4ff;border:1px solid #ddacff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid;box-shadow:inset 0 0 12px #c164ff47,0 0 12px #c164ff38}.effect-stack-heading b{color:#eacbff;letter-spacing:.16em;font-size:12.5px;display:block}.effect-stack-count{color:#e2b7ff;background:#ba61ff29;border-radius:50%;place-items:center;min-width:22px;height:22px;font-size:12.5px;font-weight:900;display:grid}.effect-stack-list{flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.effect-stack-list>.is-fit-hidden,.rail-log-list>.is-fit-hidden{visibility:hidden;pointer-events:none;animation:none;position:absolute;top:0;left:0;right:0}.effect-stack-list.is-scroll{scrollbar-width:thin;scrollbar-color:#c47bff99 transparent;overflow-y:auto}.effect-stack-entry{box-sizing:border-box;color:#e6eef7;width:100%;font:inherit;text-align:left;pointer-events:auto;background:linear-gradient(105deg,#8e3fce33,#0000 48%),#060c19e6;border:1px solid #b071eb73;border-left:3px solid #c47bff;border-radius:3px 11px;flex:none;padding:8px 10px 9px 13px;animation:.36s cubic-bezier(.16,.86,.3,1) both effect-stack-enter;position:relative;box-shadow:inset 0 0 22px #9749dc14}button.effect-stack-entry{cursor:pointer}button.effect-stack-entry:hover,button.effect-stack-entry:focus-visible{background:linear-gradient(105deg,#a84aee4d,#0000 56%),#08101ff5;border-color:#d9a8ff;outline:none;transform:translate(-4px);box-shadow:0 0 18px #b55cff3d,inset 0 0 22px #9749dc1a}.effect-stack-entry.depth-1{opacity:.88;animation-delay:40ms}.effect-stack-entry.depth-2{opacity:.78;animation-delay:80ms}.effect-stack-entry.depth-3{opacity:.68;animation-delay:.12s}.effect-stack-entry.depth-4{opacity:.6;animation-delay:.16s}.effect-stack-entry.is-compact{border-left-color:#c47bff9e;padding-top:5px;padding-bottom:6px}.effect-stack-entry.is-compact .effect-stack-name{margin-top:2px;line-height:1.36}.effect-stack-more{color:#d6a8ff9e;font-size:var(--fs-label,12px);letter-spacing:.06em;text-align:right;border-top:1px solid #c68bff38;flex:none;margin-top:0;padding-top:4px}.effect-stack-top{flex-wrap:wrap;align-items:center;gap:3px 6px;min-width:0;display:flex}.effect-stack-sequence{color:#e2b7ff;background:#ba61ff2e;border-radius:4px;flex:none;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:12px;font-weight:900;display:grid}.effect-stack-source{color:#a8c2d8;min-width:0;font-size:var(--fs-caption,12px);line-break:strict;overflow-wrap:anywhere;flex:auto;line-height:1.35}.effect-stack-name{color:#efdaff;font-size:var(--fs-body,14px);line-break:strict;overflow-wrap:anywhere;text-shadow:0 0 12px #c26fff6b;margin-top:4px;font-weight:900;line-height:1.42}.effect-stack-name.is-text{color:#e6f1ff;font-weight:700;line-height:1.5}.effect-stack-trigger{color:#c99dec;white-space:nowrap;vertical-align:1px;background:#bc6bff24;border-radius:999px;flex:none;padding:0 7px;font-size:12px;font-weight:700;display:inline-block}.effect-stack-entry p{color:#b9cadb;font-size:var(--fs-body,14px);margin:5px 0 0;line-height:1.55}@keyframes effect-stack-enter{0%{opacity:0;filter:blur(4px);transform:translate(-24px)scale(.96)}to{filter:none;transform:none}}.cpa-effect-readout{min-width:240px;max-width:min(440px,72vw);color:var(--anim-accent);text-align:center;text-shadow:0 0 16px var(--anim-glow);flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;top:calc(100% + 48px);left:50%;transform:translate(-50%)}.cpa-effect-readout span{letter-spacing:.3em;opacity:.68;font-size:12px;font-weight:900}.cpa-effect-readout b{letter-spacing:.06em;font-size:13px}@media (width<=1180px){.effect-stack-heading{grid-template-columns:22px 1fr auto}.effect-stack-glyph{width:20px;height:20px}.effect-stack-entry{padding:7px 8px 8px 11px}}@media (width<=900px),(height<=680px){.effect-stack-entry{padding:6px 8px 7px 11px}.effect-stack-list{gap:5px}}.game-board.duel-board{--gold-1:#ffe9b0;--gold-2:#d7a94a;--gold-3:#7d5714;--ink-0:#03060d;--ink-1:#071322;--ink-2:#0d1e35;--line-soft:#85beec29;--own:#56cfff;--own-deep:#0d3f66;--foe:#ff7793;--foe-deep:#56152c;--z-intellect:#5fb9ff;--z-discovery:#4fe0a4;--z-paradigm:#bd83ff;--z-era:#ffc963;--txt-1:#f2f8ff;--txt-2:#b7cbdd;--txt-3:#7d95aa;--fs-body:clamp(14px, 1.44vh, 15.5px);--fs-caption:clamp(12px, 1.26vh, 13px);--fs-label:clamp(12px, 1.22vh, 12.5px);--card-h:clamp(104px, min(14.4vw, calc(23.5vh - 66px)), 268px);--card-w:calc(var(--card-h) / 1.4);--rail-card-w:clamp(34px, min(4.1vw, 5.6vh), 76px);--rail-card-h:calc(var(--rail-card-w) * 1.4);--hand-card-w:calc(var(--card-w) * .88);--hand-card-h:calc(var(--hand-card-w) * 1.4);--rail-w:clamp(200px, 19.6vw, 348px);--band-research-w:clamp(104px, 7.4vw, 136px);--band-dock-w:clamp(244px, 21vw, 372px);--band-ops-w:clamp(88px, 6.1vw, 116px);--band-h:calc(var(--hand-card-h) + clamp(30px, 7vh, 84px));width:var(--app-vw);height:var(--app-vh);grid-template-columns:var(--rail-w) minmax(0, 1fr) var(--rail-w);grid-template-rows:auto auto minmax(0, 1fr) auto var(--band-h);font-feature-settings:"palt" 1;letter-spacing:.02em;background:radial-gradient(62% 32% at 50% 104%,#2ea8ff33,#0000 72%),radial-gradient(62% 32% at 50% -4%,#ff5c8024,#0000 72%),radial-gradient(54% 26%,#e0b05226,#0000 74%),linear-gradient(#04070f 0%,#071628 26%,#061a2e 50%,#06121f 74%,#03060d 100%);grid-template-areas:"hud hud hud""railL top railR""railL field railR""railL bottom railR""band band band";gap:clamp(5px,.9vh,10px) 12px;min-height:0;padding:8px 14px 10px;display:grid;position:relative;overflow:hidden}.duel-floor{clip-path:inset(0);pointer-events:none;z-index:0;position:absolute;inset:0;overflow:visible}.duel-floor:before,.duel-floor:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#60beff42 0 1px,#0000 1px 104px),repeating-linear-gradient(0deg,#60beff33 0 1px,#0000 1px 78px);height:52%;position:fixed;left:-30%;right:-30%}.duel-floor:before{transform-origin:50% 0;top:50%;transform:perspective(600px)rotateX(66deg);-webkit-mask-image:linear-gradient(#000000f2,#0000 76%);mask-image:linear-gradient(#000000f2,#0000 76%)}.duel-floor:after{transform-origin:50% 100%;background:repeating-linear-gradient(90deg,#ff7a9633 0 1px,#0000 1px 104px),repeating-linear-gradient(0deg,#ff7a9626 0 1px,#0000 1px 78px);bottom:50%;transform:perspective(600px)rotateX(-66deg);-webkit-mask-image:linear-gradient(#0000 24%,#000000f2);mask-image:linear-gradient(#0000 24%,#000000f2)}.game-board.duel-board>.duel-hud-bar,.game-board.duel-board>.duel-top-stack,.game-board.duel-board>.duel-rail,.game-board.duel-board>.duel-field,.game-board.duel-board>.duel-bottom-stack,.game-board.duel-board>.duel-hand-band{z-index:1;position:relative}.game-board.duel-board>:not(.duel-hud-bar):not(.duel-top-stack):not(.duel-rail):not(.duel-field):not(.duel-bottom-stack):not(.duel-hand-band):not(.duel-floor){grid-area:1/1/-1/-1}.duel-hud-bar{grid-area:hud;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;min-height:clamp(30px,4.2vh,46px);display:grid}.duel-hud-left{align-items:center;gap:8px;display:flex}.duel-hud-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.duel-hud-title{color:#e2c7898c;letter-spacing:.42em;text-indent:.42em;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:clamp(12.5px,1.3vh,14px);font-weight:700}.duel-hud-bar>.phase-indicator{justify-self:start;max-width:100%}.game-board.duel-board .return-to-setup-btn,.game-board.duel-board .volume-btn{z-index:2;color:#a9c8de;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#060e1ac2;border:1px solid #85b7e057;border-radius:999px;align-items:center;height:clamp(22px,2.7vh,28px);padding:0 12px;font-family:inherit;font-size:clamp(12px,1.25vh,13px);transition:border-color .14s,color .14s,background .14s;display:inline-flex;position:static;inset:auto}.game-board.duel-board .return-to-setup-btn:hover,.game-board.duel-board .volume-btn:hover{color:#e6f6ff;background:#0b1e34e6;border-color:#7ed8ffbf}.game-board.duel-board .cpu-thinking-indicator{z-index:2;color:#ffc3d0;background:#2e0a16d1;border:1px solid #ff8fa880;border-radius:999px;padding:3px 14px;font-size:clamp(12.5px,1.3vh,14px);position:static;inset:auto;box-shadow:0 0 16px #ff5c803d}.duel-top-stack{flex-direction:column;grid-area:top;gap:4px;min-width:0;display:flex}.duel-bottom-stack{flex-direction:column;grid-area:bottom;min-width:0;display:flex}.duel-player-bar{--standee-slot:clamp(100px, 10.5vw, 152px);--standee-h:clamp(146px, 24vh, 216px);--standee-fade:72%;grid-template-columns:minmax(0, 1fr) var(--standee-slot) minmax(0, 1fr);background:linear-gradient(#0c1a2ee6,#040a14d1);border:1px solid #94badc33;border-radius:12px;align-items:center;gap:clamp(10px,1.4vw,22px);padding:6px clamp(10px,1.2vw,18px);transition:border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff0d,0 10px 28px #00000073}.duel-player-bar:before{content:"";opacity:.85;border-radius:2px;height:2px;transition:opacity .18s,box-shadow .18s;position:absolute;left:12px;right:12px}.duel-player-bar.opponent:before{background:linear-gradient(90deg, transparent, var(--foe), transparent);top:-1px}.duel-player-bar.self:before{background:linear-gradient(90deg, transparent, var(--own), transparent);bottom:-1px}.duel-player-bar.opponent{border-color:#ff77933d}.duel-player-bar.self{border-color:#56cfff42}.duel-player-bar.opponent.active{border-color:#ff7793ad;box-shadow:inset 0 0 30px #ff5c801a,0 0 26px #ff5c8038,0 10px 28px #00000073}.duel-player-bar.self.active{border-color:#56cfffb8;box-shadow:inset 0 0 30px #34a8ff1a,0 0 26px #34a8ff3d,0 10px 28px #00000073}.duel-bar-lead{grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:clamp(8px,.9vw,14px);min-width:0;display:grid}.duel-avatar-core{align-self:stretch;min-width:0;position:relative}.duel-avatar-stage{height:var(--standee-h);aspect-ratio:.72;pointer-events:none;z-index:3;position:absolute;left:50%;transform:translate(-50%)}.duel-avatar-stage:before{content:"";z-index:-1;filter:blur(clamp(7px,1.1vh,12px));opacity:.48;pointer-events:none;border-radius:48% 48% 44% 44%;position:absolute;inset:-7% -18% 0}.duel-player-bar.self .duel-avatar-stage:before{background:radial-gradient(at 50% 54%,#64d7ff6b,#309eff29 48%,#0000 74%)}.duel-player-bar.opponent .duel-avatar-stage:before{background:radial-gradient(at 50% 54%,#ff7e977a,#ee36612e 48%,#0000 74%)}.duel-player-bar.active .duel-avatar-stage:before{opacity:.72}.duel-avatar-core.is-direct-attack-target,.duel-avatar-core.is-direct-attack-target .duel-avatar-stage{cursor:crosshair}.duel-avatar-core.is-direct-attack-target .duel-avatar-stage{pointer-events:auto}.duel-avatar-core.is-direct-attack-target .duel-avatar-stage:before{opacity:.9;animation:1.15s ease-in-out infinite alternate duel-avatar-target-aura}@keyframes duel-avatar-target-aura{0%{opacity:.66}to{opacity:.96}}.duel-player-bar.opponent .duel-avatar-stage{top:calc(-1*clamp(38px,6vh,54px))}.duel-player-bar.self .duel-avatar-stage{top:clamp(38px,6vh,54px)}.duel-player-bar.opponent .duel-avatar-stage.no-standee{height:clamp(104px,14.6vh,132px);top:-8px}.duel-player-bar.self .duel-avatar-stage.no-standee{top:-6px}.duel-standee{-webkit-mask-image:linear-gradient(180deg, #000 0%, #000 var(--standee-fade), transparent 99%);-webkit-mask-image:linear-gradient(180deg, #000 0%, #000 var(--standee-fade), transparent 99%);mask-image:linear-gradient(180deg, #000 0%, #000 var(--standee-fade), transparent 99%);position:absolute;inset:0;overflow:hidden}.duel-standee-img{left:var(--ps-x,50%);top:var(--ps-y,50%);width:var(--ps-w,100%);-webkit-user-select:none;user-select:none;filter:grayscale(.34)brightness(.72)drop-shadow(0 6px 12px #0009);height:auto;transition:filter .25s;display:block;position:absolute;transform:translate(-50%,-50%)}.duel-player-bar.self .duel-standee-img{filter:grayscale(.2)brightness(.84)drop-shadow(0 0 7px #5ed3ff9e)drop-shadow(0 6px 12px #00000094)}.duel-player-bar.opponent .duel-standee-img{filter:grayscale(.18)brightness(.86)drop-shadow(0 0 7px #ff708fb8)drop-shadow(0 0 15px #eb365e61)drop-shadow(0 6px 12px #00000094)}.duel-avatar-footlight{opacity:.3;pointer-events:none;border-radius:50%;width:150%;height:30%;transition:opacity .25s;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.duel-player-bar.self .duel-avatar-footlight{background:radial-gradient(#56cfff8c,#0000 68%)}.duel-player-bar.opponent .duel-avatar-footlight{background:radial-gradient(#ff77938c,#0000 68%)}.duel-player-bar.active .duel-avatar-footlight{opacity:1;animation:2.6s ease-in-out infinite duel-standee-footlight}.duel-player-bar.self.active .duel-standee-img{filter:brightness(1.06)drop-shadow(0 0 7px #78e0ffe6)drop-shadow(0 6px 14px #0000008c);animation:2.6s ease-in-out infinite duel-standee-breathe}.duel-player-bar.opponent.active .duel-standee-img{filter:brightness(1.06)drop-shadow(0 0 7px #ff96b4e6)drop-shadow(0 6px 14px #0000008c);animation:2.6s ease-in-out infinite duel-standee-breathe}@keyframes duel-standee-breathe{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.018)}}@keyframes duel-standee-footlight{0%,to{opacity:.72}50%{opacity:1}}.duel-avatar-medallion{align-content:start;justify-items:center;padding-top:6%;display:grid;position:absolute;inset:0}.duel-avatar-ring{aspect-ratio:1;background:radial-gradient(circle at 50% 34%,#17436f,#030812 74%);border-radius:50%;flex-shrink:0;width:clamp(46px,5.6vh,70px);transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #d7a94a80,0 0 20px #40b0ff47,inset 0 0 22px #40b0ff24}.duel-player-bar.opponent .duel-avatar-ring{box-shadow:0 0 0 1px #ffabbf94,0 0 22px #ff486f6b,inset 0 0 22px #ff527929}.duel-crest{width:100%;height:100%;position:absolute;inset:0}.duel-avatar-frame{z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #e5b5508c,inset 0 0 14px #020812bf}.duel-player-bar.self .duel-avatar-frame{box-shadow:inset 0 0 0 1px #96dcff8c,inset 0 0 14px #020c1ab3}.duel-player-bar.opponent .duel-avatar-frame{box-shadow:inset 0 0 0 1px #ffb0d28c,inset 0 0 14px #14020ab3}.duel-avatar-noart{color:#8fb6d873;place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.duel-player-bar.active .duel-avatar-ring{animation:2.6s ease-in-out infinite duel-avatar-breathe;box-shadow:0 0 0 2px #ffce64e6,0 0 26px #ffbe4475,inset 0 0 22px #40b0ff33}.duel-player-bar.opponent.active .duel-avatar-ring{box-shadow:0 0 0 2px #ffb7c9eb,0 0 28px #ff456e94,inset 0 0 24px #ff52793d}@keyframes duel-avatar-breathe{0%,to{filter:brightness()}50%{filter:brightness(1.12)}}.duel-avatar-name{min-width:0;max-width:clamp(96px,15vw,240px);color:var(--txt-1);text-align:left;line-break:strict;overflow-wrap:anywhere;text-shadow:0 2px 8px #000c;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 7px;font-size:clamp(14px,1.6vh,16px);font-weight:700;line-height:1.24;display:flex}.duel-turn-flag{color:#221602;letter-spacing:.14em;background:linear-gradient(#ffdd8a,#d19a24);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:900;box-shadow:0 0 14px #ffc44a9e}.duel-hp-block{--hp-color:#62e39a;--hp-leaf:#f3e6c4;flex-direction:column;gap:3px;min-width:0;max-width:clamp(200px,30vw,470px);display:flex}.duel-hp-block.hp-warn{--hp-color:#ffcc57;--hp-leaf:#f6ddab}.duel-hp-block.hp-critical{--hp-color:#ff5f7d;--hp-leaf:#f7cfbf}.duel-hp-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.duel-hp-label{min-width:0;color:var(--txt-2);letter-spacing:.08em;align-items:baseline;gap:7px;font-size:clamp(12px,1.3vh,13px);display:flex}.duel-hp-label b{color:#e9d7a6;text-shadow:0 0 12px #e0b05257;font-weight:800}.duel-hp-label small{color:var(--txt-3);letter-spacing:.04em;white-space:nowrap;font-size:clamp(12px,1.24vh,13px)}.duel-hp-num{color:var(--hp-color);white-space:nowrap;line-height:1.16;position:relative}.duel-hp-num b{text-shadow:0 0 16px color-mix(in srgb, var(--hp-color) 46%, transparent);font-size:clamp(17px,2.6vh,27px);font-weight:900}.duel-hp-num small{color:var(--txt-3);margin-left:2px;font-size:clamp(12px,1.3vh,14px);font-weight:700}.duel-hp-codex{align-items:stretch;gap:3px;height:clamp(13px,1.9vh,22px);display:flex}.duel-hp-clasp{background:linear-gradient(#ffe6ab,#b98c2c 52%,#6d4d12);border-radius:2px;flex:none;width:clamp(5px,.62vh,8px);box-shadow:inset 0 1px #ffffff8c,0 0 8px #e0b0525c}.duel-hp-clasp.start{border-radius:3px 1px 1px 3px}.duel-hp-clasp.end{border-radius:1px 3px 3px 1px}.duel-hp-gauge{background:linear-gradient(#1c140af2,#080604f2);border:1px solid #c4a0606b;border-radius:2px;flex:auto;min-width:0;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #000c,inset 0 -1px #ffecbe1f}.duel-hp-gauge i{background:linear-gradient(180deg, color-mix(in srgb, var(--hp-color) 76%, #fff) 0%, color-mix(in srgb, var(--hp-color) 88%, #000) 54%, color-mix(in srgb, var(--hp-color) 44%, #000) 100%);height:100%;box-shadow:0 0 14px color-mix(in srgb, var(--hp-color) 58%, transparent);transition:width .42s cubic-bezier(.2,.8,.3,1);display:block;position:absolute;inset:0 auto 0 0}.duel-hp-leaves{gap:1px;text-decoration:none;display:flex;position:absolute;inset:1px}.duel-hp-leaves .leaf{border-radius:1px;flex:1 1 0;min-width:0;transition:background .3s,box-shadow .3s}.duel-hp-leaves .leaf.intact{background:linear-gradient(180deg, color-mix(in srgb, var(--hp-leaf) 92%, #fff) 0%, var(--hp-leaf) 46%, color-mix(in srgb, var(--hp-leaf) 62%, #6a4c14) 100%);box-shadow:inset -1px 0 #5a3e126b}.duel-hp-leaves .leaf.lost{background:linear-gradient(#3a160ed9,#0a0504e6);box-shadow:inset 0 0 5px #000000e6,inset -1px 0 #c45c3457}.duel-player-bar.active .duel-hp-leaves .leaf.intact{box-shadow:inset -1px 0 0 #5a3e126b, 0 0 6px color-mix(in srgb, var(--hp-color) 34%, transparent)}.duel-stat-strip{flex-wrap:nowrap;justify-self:end;align-items:stretch;gap:6px;display:flex}.duel-stat-card{text-align:left;background:linear-gradient(#12243cd1,#050c16cc);border:1px solid #a0c4e233;border-radius:8px;flex-direction:column;justify-content:center;gap:1px;min-width:clamp(52px,4.7vw,78px);padding:4px 10px;transition:border-color .14s,background .14s,transform .14s;display:flex;box-shadow:inset 0 1px #ffffff0d}.duel-stat-button{cursor:pointer;font-family:inherit}.duel-stat-button:hover{background:linear-gradient(#1a3e64e6,#071426e0);border-color:#7ed8ffb8;transform:translateY(-1px)}.duel-stat-card.refute{background:linear-gradient(#3e1426d1,#12060ed1);border-color:#e06a8c57}.duel-stat-card.refute:hover{border-color:#ff8aaad1}.duel-stat-label{color:var(--txt-3);letter-spacing:.06em;white-space:nowrap;font-size:clamp(12px,1.24vh,13px)}.duel-stat-value{color:var(--gold-1);white-space:nowrap;font-size:clamp(13px,1.9vh,20px);font-weight:900;line-height:1.05}.duel-stat-value small{color:#93aabd;margin-left:3px;font-size:clamp(13px,1.9vh,20px)}.duel-stat-value.aqua{color:#86dcff}.duel-stat-value.rose{color:#ff9db4}.duel-foe-strip{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(8px,1.2vw,20px);min-height:clamp(30px,4.6vh,52px);display:grid}.duel-foe-strip-spacer{min-width:0}.duel-research-pile{cursor:pointer;background:linear-gradient(#2c0e1ab3,#0c050ab8);border:1px solid #ff8aa642;border-radius:8px;justify-self:start;align-items:center;gap:8px;padding:3px 10px 4px;font-family:inherit;transition:border-color .14s,background .14s;display:flex}.duel-research-pile:hover{background:linear-gradient(#401426d1,#12070ecc);border-color:#ff9eb8b8}.research-pile-rack{align-items:flex-end;gap:2px;height:clamp(14px,2vh,22px);display:flex}.research-pile-label{color:var(--txt-3);white-space:nowrap;font-size:clamp(12px,1.24vh,13px)}.research-pile-label b{color:#86dcff;margin-left:3px;font-size:clamp(14px,1.55vh,15px);font-weight:900}.research-pile-label i{color:var(--txt-3);font-style:normal}.research-pile-label i,.duel-stat-value small,.research-fund-readout small,.research-zone-count i{font-variant-numeric:lining-nums tabular-nums slashed-zero;font-feature-settings:"palt" 0, "zero" 1;letter-spacing:.08em;font-weight:800}.research-pile-label i{font-size:clamp(14px,1.55vh,15px)}.opponent-hand-strip{justify-content:center;justify-self:end;align-items:center;gap:12px;min-height:clamp(26px,4.2vh,48px);display:flex;position:relative}.opponent-hand-cards{justify-content:center;align-items:flex-start;display:flex;position:relative}.opponent-hand-cards:after{content:"";background:linear-gradient(90deg,#0000,#ff779357,#0000);width:118%;height:1px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.opponent-hand-card{border-radius:4px;margin-right:-10px;transform:rotate(180deg);box-shadow:0 4px 12px #0000008c;border:1px solid #dbb05499!important;width:clamp(26px,2.6vw,40px)!important;height:clamp(37px,3.65vw,56px)!important}.opponent-hand-count{color:var(--txt-3);white-space:nowrap;font-size:clamp(12.5px,1.28vh,14px);position:absolute;top:50%;left:calc(50% + 92px);transform:translateY(-50%)}.duel-rail{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(5px,.8vh,10px);min-width:0;min-height:0;display:grid}.rail-left{grid-area:railL}.rail-right{grid-area:railR}.duel-rail-block{--zone-accent:var(--z-discovery);border:1px solid color-mix(in srgb, var(--zone-accent) 34%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--zone-accent) 11%, transparent), transparent 58%), linear-gradient(180deg, #081424eb, #030811e0);min-width:0;box-shadow:inset 0 0 26px color-mix(in srgb, var(--zone-accent) 8%, transparent), 0 10px 26px #0000006b;border-radius:12px;flex-direction:column;gap:5px;padding:6px 8px 7px;transition:border-color .18s,box-shadow .18s;display:flex}.duel-rail-block.kind-paradigm{--zone-accent:var(--z-paradigm)}.duel-rail-block.kind-discovery{--discovery-card-w:min(var(--rail-card-w), calc((var(--rail-w) - 38px) / 5));min-height:calc(var(--discovery-card-w) * 1.4 + 38px)}.duel-rail-block.kind-discovery .card,.duel-rail-block.kind-discovery .zone-card-empty{width:var(--discovery-card-w)!important;height:calc(var(--discovery-card-w) * 1.4)!important}.duel-rail-block.kind-paradigm .duel-zone-block{justify-content:center;align-items:stretch;display:flex}.duel-rail-block.active{border-color:color-mix(in srgb, var(--zone-accent) 78%, transparent);box-shadow:inset 0 0 30px color-mix(in srgb, var(--zone-accent) 14%, transparent), 0 0 22px color-mix(in srgb, var(--zone-accent) 24%, transparent), 0 10px 26px #0000006b}.duel-zone-heading{align-items:center;gap:6px;min-width:0;display:flex}.duel-zone-owner{letter-spacing:.04em;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:clamp(12px,1.24vh,13px);font-weight:800}.duel-zone-owner.owner-self{color:#a9e8ff;background:#0d3f6699;border:1px solid #56cfff99}.duel-zone-owner.owner-opponent{color:#ffc0cf;background:#56152c99;border:1px solid #ff77938c}.duel-zone-name{min-width:0;color:color-mix(in srgb, var(--zone-accent) 62%, #fff);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 12px color-mix(in srgb, var(--zone-accent) 36%, transparent);flex:1;font-size:clamp(13px,1.45vh,15px);font-weight:700;overflow:hidden}.duel-zone-count{color:var(--gold-1);flex-shrink:0;font-size:clamp(12px,1.5vh,16px);font-weight:900;line-height:1.16}.duel-zone-count i{color:var(--txt-3);font-size:clamp(12px,1.2vh,12.5px);font-style:normal;font-weight:700}.duel-zone-block{min-width:0;min-height:0}.duel-rail .discovery-zone{background:0 0;border:0;grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;gap:4px;padding:0;display:grid}.duel-rail .paradigm-zone{background:0 0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:5px;width:100%;padding:0;display:grid}.duel-rail .paradigm-count-badge{display:none}.duel-rail .card,.duel-rail .zone-card-empty{width:var(--rail-card-w)!important;height:var(--rail-card-h)!important}.duel-rail-block.kind-paradigm{--paradigm-card-w:min(calc((var(--rail-w) - 28px) / 3), var(--rail-card-w))}.duel-rail-block.kind-paradigm .card,.duel-rail-block.kind-paradigm .zone-card-empty{width:var(--paradigm-card-w)!important;height:calc(var(--paradigm-card-w) * 1.4)!important}.duel-rail-middle{flex-direction:column;gap:6px;min-height:0;padding:1px 2px;display:flex;overflow:hidden}.duel-rail-middle>*{flex:auto;min-height:0}.duel-rail-log{background:linear-gradient(255deg,#2e78be29,#0000 52%),#050c17d1;border:1px solid #7ebeec3d;border-radius:11px 3px;flex-direction:column;gap:5px;min-height:0;padding:5px 8px 6px;display:flex;overflow:hidden;box-shadow:inset 0 0 22px #3c82c812}.rail-log-heading{color:var(--txt-3);border-bottom:1px solid #7ebeec2e;align-items:center;gap:7px;padding-bottom:3px;display:flex}.rail-log-glyph{letter-spacing:-.1em;color:#7ebeecb3;font-size:13px}.rail-log-heading b{color:#bedcf5e6;letter-spacing:.18em;flex:auto;min-width:0;font-size:12.5px;font-weight:800}.rail-log-list{flex-direction:column;flex:1 1 0;gap:4px;min-height:0;display:flex;position:relative;overflow:hidden}.rail-log-list.is-scroll{scrollbar-width:thin;scrollbar-color:#7ebeec8c transparent;overflow-y:auto}.rail-log-more{color:#7ebeec9e;font-size:var(--fs-label,12px);letter-spacing:.06em;text-align:right;border-top:1px solid #7ebeec2e;flex:none;margin-top:0;padding-top:4px}.rail-log-idle{color:#96b2ca9e;text-align:center;border:1px dashed #7ebeec2e;border-radius:3px 10px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:4px;min-height:0;margin-top:2px;display:flex}.rail-log-idle span{color:#7ebeec80;font-size:13px;animation:3.6s ease-in-out infinite effect-stack-idle-pulse}.rail-log-idle small{letter-spacing:.05em;font-size:12.5px}.rail-log-line{color:var(--txt-2);font-size:var(--fs-body,14px);line-break:strict;overflow-wrap:anywhere;box-sizing:border-box;background:#091423b8;border-left:2px solid #7ebeec52;border-radius:0 4px 4px 0;flex:none;margin:0;padding:5px 8px 6px;line-height:1.5}.rail-log-line:first-child{border-left-color:var(--gold-2);color:var(--txt-1);background:#182230db}.rail-log-line.cat-combat{border-left-color:#ff8098}.rail-log-line.cat-effect{border-left-color:var(--z-paradigm)}.duel-rail-middle .effect-resolution-stack{background:linear-gradient(105deg,#8e3fce29,#0000 52%),#060c19d1;border:1px solid #b071eb42;border-radius:3px 11px;flex-direction:column;min-height:0;padding:5px 8px 6px;display:flex;overflow:hidden;box-shadow:inset 0 0 22px #9749dc12}.duel-rail-middle .effect-stack-heading{flex:none}.duel-rail-middle .effect-stack-list{flex:1 1 0;min-height:0}.effect-stack-idle{text-align:center;background:radial-gradient(120% 90% at 50% 0,#8e3fce1f,#0000 68%),#060c198c;border:1px dashed #b071eb47;border-radius:3px 11px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:3px;min-height:0;padding:10px 8px;display:flex}.effect-stack-idle b,.effect-stack-idle small,.rail-log-idle small,.effect-stack-heading b,.rail-log-heading b{overflow-wrap:anywhere;min-width:0}.effect-stack-idle-glyph{color:#d6a8ff8c;font-size:15px;animation:3.6s ease-in-out infinite effect-stack-idle-pulse}.effect-stack-idle b{color:#e0c8ffb8;letter-spacing:.14em;font-size:13px;font-weight:800}.effect-stack-idle small{color:#8c9eb4c7;letter-spacing:.04em;font-size:12.5px}@keyframes effect-stack-idle-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.14)}}.duel-rail-middle .effect-stack-entry{padding:6px 9px 7px 11px}.duel-rail-middle .effect-stack-entry.is-compact{padding-top:4px;padding-bottom:4px}.duel-rail-middle .effect-stack-top{gap:1px 6px}.duel-rail-middle .effect-stack-list{gap:3px}.duel-mat{z-index:0;pointer-events:none;background:radial-gradient(74% 82%,#7ec4ff1a,#0000 70%),linear-gradient(176deg,#0a1b2e 0%,#0c2138 20%,#0a1a2c 50%,#0c2138 80%,#091628 100%);border-radius:clamp(10px,1.1vw,16px);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 3px 12px #000000b8,inset 0 -3px 10px #0009,0 12px 38px #00000080}.duel-mat-grain{opacity:.34;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.duel-mat-half{height:50%;position:absolute;left:0;right:0}.duel-mat-half.foe{background:linear-gradient(#ff5c8026 0%,#ff5c800b 58%,#0000 100%);top:0}.duel-mat-half.own{background:linear-gradient(#0000 0%,#34a8ff0d 42%,#34a8ff2b 100%);bottom:0}.duel-arena-ring{pointer-events:none;border-radius:50%;width:97%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 110px #34a8ff0d}.duel-mat-frame{border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #d6aa4e52,inset 0 0 0 2px #0000008c}.duel-mat-frame:before{content:"";--bkt:#e0b6606b;--bkt-len:clamp(10px, 1.2vw, 16px);background:linear-gradient(var(--bkt), var(--bkt)) top left / var(--bkt-len) 1px no-repeat, linear-gradient(var(--bkt), var(--bkt)) top left / 1px var(--bkt-len) no-repeat, linear-gradient(var(--bkt), var(--bkt)) top right / var(--bkt-len) 1px no-repeat, linear-gradient(var(--bkt), var(--bkt)) top right / 1px var(--bkt-len) no-repeat, linear-gradient(var(--bkt), var(--bkt)) bottom left / var(--bkt-len) 1px no-repeat, linear-gradient(var(--bkt), var(--bkt)) bottom left / 1px var(--bkt-len) no-repeat, linear-gradient(var(--bkt), var(--bkt)) bottom right / var(--bkt-len) 1px no-repeat, linear-gradient(var(--bkt), var(--bkt)) bottom right / 1px var(--bkt-len) no-repeat;position:absolute;inset:11px}.duel-field{grid-area:field;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(4px,.8vh,10px);min-height:0;padding:clamp(8px,1.1vh,15px) clamp(28px,2.3vw,36px);display:grid;position:relative}.duel-field-row{flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:0;display:flex;position:relative}.duel-row-label{z-index:2;writing-mode:vertical-rl;letter-spacing:.06em;white-space:nowrap;pointer-events:none;opacity:.78;border-radius:3px;padding:3px 1px;font-size:clamp(12px,1.22vh,13px);font-weight:800;position:absolute;top:50%}.duel-row-label.foe{color:#ffb0c2db;text-shadow:0 0 10px #ff5c8080;border-left:1px solid #ff779380;left:calc(-1*clamp(24px,1.9vw,30px));transform:translateY(-50%)}.duel-row-label.own{color:#a6e4ffe6;text-shadow:0 0 10px #34a8ff80;border-right:1px solid #56cfff85;right:calc(-1*clamp(24px,1.9vw,30px));transform:translateY(-50%)}.duel-field .intellectual-zone{z-index:1;background:0 0;border:0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:clamp(4px,.8vw,20px);width:100%;min-height:0;padding:0;display:flex;position:relative}.duel-field .intellectual-zone>*{flex:none}.duel-field .intellectual-zone .card,.intellectual-slot-empty{width:var(--card-w)!important;height:var(--card-h)!important}.intellectual-slot-empty,.zone-card-empty{--slot-accent:95, 185, 255;background:radial-gradient(ellipse 78% 54% at 50% 56%, rgba(var(--slot-accent), .07), transparent 72%), linear-gradient(180deg, #00000080 0%, #0000004d 30%, #00000038 62%, rgba(var(--slot-accent), .05) 100%);box-shadow:inset 0 5px 13px #000000d1, inset 0 1px 0 #000000f2, inset 0 -1px 0 rgba(var(--slot-accent), .22), inset 0 0 0 1px #0006;opacity:.13;border:0;border-radius:5px;flex-shrink:0;place-items:center;transition:opacity .16s,filter .16s,box-shadow .16s;display:grid;position:relative}.intellectual-zone:hover .intellectual-slot-empty,.intellectual-zone:focus-within .intellectual-slot-empty,.duel-zone-block:hover .zone-card-empty,.duel-zone-block:focus-within .zone-card-empty{opacity:.28}.game-board[data-pointer-mode=hand][data-pointer-can-play=true] .duel-field .intellectual-slot-empty{opacity:.7;filter:brightness(1.35)saturate(1.2);box-shadow:inset 0 4px 11px #000000ad, inset 0 -1px 0 rgba(var(--slot-accent), .72), inset 0 0 0 1px rgba(var(--slot-accent), .46), 0 0 14px rgba(var(--slot-accent), .2)}.game-board[data-pointer-mode=hand][data-pointer-can-play=true][data-pointer-over=valid] .duel-field .intellectual-slot-empty{opacity:.94;filter:brightness(1.55)saturate(1.28)}.intellectual-slot-empty:after,.zone-card-empty:after{content:"";--tick:rgba(var(--slot-accent), .24);--tick-len:13%;background:linear-gradient(var(--tick), var(--tick)) top left / var(--tick-len) 1px no-repeat, linear-gradient(var(--tick), var(--tick)) top left / 1px var(--tick-len) no-repeat, linear-gradient(var(--tick), var(--tick)) top right / var(--tick-len) 1px no-repeat, linear-gradient(var(--tick), var(--tick)) top right / 1px var(--tick-len) no-repeat, linear-gradient(var(--tick), var(--tick)) bottom left / var(--tick-len) 1px no-repeat, linear-gradient(var(--tick), var(--tick)) bottom left / 1px var(--tick-len) no-repeat, linear-gradient(var(--tick), var(--tick)) bottom right / var(--tick-len) 1px no-repeat, linear-gradient(var(--tick), var(--tick)) bottom right / 1px var(--tick-len) no-repeat;position:absolute;inset:7%}.slot-sigil{z-index:1;aspect-ratio:1;width:clamp(10px,1.7vh,18px);box-shadow:inset 0 0 0 1px rgba(var(--slot-accent), .2), 0 1px 0 #0009;position:relative;transform:rotate(45deg)}.opponent-row .intellectual-slot-empty{--slot-accent:255, 128, 158}.self-row .intellectual-slot-empty{--slot-accent:95, 185, 255}.duel-rail .discovery-slot-empty{--slot-accent:79, 224, 164}.duel-rail .paradigm-slot-empty{--slot-accent:189, 131, 255}.duel-rail .zone-card-empty .slot-sigil{width:clamp(9px,1.6vh,16px)}.duel-era-lane{flex-direction:column;align-items:center;gap:0;padding:clamp(1px,.25vh,2px) 0;display:flex;position:relative}.duel-era-lane.is-vacant{gap:0;padding:clamp(2px,.42vh,5px) 0}.duel-era-lane:before,.duel-era-lane:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#edb84eb3,#78d6ff80,#edb84eb3,#0000);height:2px;position:absolute;left:0;right:0;box-shadow:0 0 18px #ffc35466}.duel-era-lane:before{top:0}.duel-era-lane:after{bottom:0}.phase-indicator{--turn-accent:var(--own);border:1px solid color-mix(in srgb, var(--turn-accent) 42%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--turn-accent) 16%, transparent), transparent 42%), #040b16e6;box-shadow:0 0 24px color-mix(in srgb, var(--turn-accent) 22%, transparent), inset 0 0 20px color-mix(in srgb, var(--turn-accent) 8%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:clamp(8px,1vw,16px);padding:4px 6px 4px 4px;transition:border-color .2s,box-shadow .2s;display:flex}.phase-indicator.foe-turn{--turn-accent:var(--foe)}.phase-turn-badge{background:linear-gradient(135deg, color-mix(in srgb, var(--turn-accent) 40%, #061423), #040a14f2);box-shadow:inset 0 0 14px color-mix(in srgb, var(--turn-accent) 22%, transparent);border-radius:999px;align-items:center;gap:5px;padding:3px 12px 3px 10px;display:flex}.phase-turn-kicker{color:color-mix(in srgb, var(--turn-accent) 72%, #fff);letter-spacing:.24em;font-size:clamp(12px,1.2vh,12.5px);font-weight:900}.phase-turn-num{color:#fff;text-shadow:0 0 16px color-mix(in srgb, var(--turn-accent) 68%, transparent);font-size:clamp(18px,2.7vh,28px);font-weight:900;line-height:1.16}.phase-turn-owner{white-space:nowrap;align-items:baseline;gap:3px;display:flex}.phase-owner-name{color:color-mix(in srgb, var(--turn-accent) 78%, #fff);text-shadow:0 0 14px color-mix(in srgb, var(--turn-accent) 46%, transparent);font-size:clamp(12px,1.75vh,18px);font-weight:900}.phase-owner-sub{color:var(--txt-2);font-size:clamp(12.5px,1.36vh,14px)}.duel-era-core{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0;width:100%;display:grid}.duel-era-core .era-zone-wrapper{grid-column:2}button.era-zone-wrapper{box-sizing:border-box;min-height:44px;color:inherit;font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;padding:3px 0;display:flex}button.era-zone-wrapper:focus-visible{outline-offset:2px;border-radius:999px;outline:2px solid #ffdc8ac7}.duel-era-lane .era-zone{background:linear-gradient(135deg,#ffd67a1f,#0000 46%),radial-gradient(#ffc44529,#0000 68%),#15110adb;border:1px solid #e5b041cc;border-radius:999px;align-items:center;gap:clamp(7px,.72vw,11px);min-width:clamp(250px,26vw,410px);height:auto;min-height:clamp(32px,4.3vh,40px);padding:2px clamp(10px,1vw,16px);display:flex;box-shadow:0 0 18px #e0a62d38,inset 0 0 16px #e0a62d1a}.duel-era-lane .era-zone .card{border-radius:3px;flex:none;width:clamp(23px,2.1vw,30px)!important;height:clamp(32px,3.9vh,40px)!important}.duel-era-lane .era-zone .card:hover:not(.anim-effect-source){transform:none}.duel-era-lane .era-zone.is-vacant{min-width:0;min-height:clamp(14px,1.9vh,20px);box-shadow:none;background:#060a12b8;border-color:#0000;border-radius:999px;padding:0 clamp(10px,1vw,18px)}.duel-era-lane .era-zone:after{content:"";pointer-events:none;position:absolute;inset:0}.era-zone-tag{color:var(--z-era);letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 14px #ffc96380;flex-direction:row;align-items:center;gap:4px;font-size:clamp(12px,1.28vh,13px);font-weight:800;display:flex}.era-zone-tag small{color:#ceac6cbf;letter-spacing:.14em;font-size:12px;font-weight:600}.era-zone-tag small:after{content:" / 全体ルール"}.era-zone-empty{color:#c4a870a8;letter-spacing:.2em;box-sizing:border-box;white-space:nowrap;align-items:center;gap:6px;max-width:100%;padding-right:.2em;font-size:clamp(13px,1.35vh,14px);font-weight:700;display:flex}.era-zone-diamond{background:#e0b0529e;width:5px;height:5px;transform:rotate(45deg);box-shadow:0 0 8px #e0b05280}.era-zone-body{align-items:center;gap:clamp(6px,.65vw,10px);min-width:0;display:flex}.era-zone-copy{flex-direction:column;gap:0;min-width:0;display:flex}.era-zone-name{color:#ffeec2;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(13px,1.42vh,15px);font-weight:800;line-height:1.05;overflow:hidden}.era-zone-meta{color:var(--txt-3);font-size:12px;line-height:1.05}.duel-context-actions{flex-direction:column;align-items:stretch;gap:6px;width:100%;min-width:0;display:flex}.context-note{color:var(--txt-3);text-align:center;font-size:clamp(13px,1.35vh,14px);line-height:1.4}.context-action-btn{color:#dff2ff;letter-spacing:.02em;cursor:pointer;white-space:normal;text-align:center;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 0 10px #60c8ff80;background:linear-gradient(#ffffff1a,#0000 42%),linear-gradient(#123e64f0,#051222f5);border:1px solid #78ceff80;border-radius:3px 10px;min-height:clamp(26px,3.6vh,36px);padding:5px 8px;font-family:inherit;font-size:clamp(13px,1.4vh,14.5px);font-weight:800;line-height:1.25;transition:transform .13s,box-shadow .13s,filter .13s,border-color .13s;position:relative;overflow:visible;box-shadow:inset 0 0 16px #48b2ff29,inset 0 1px #ffffff2e,0 6px 16px #00000080}.context-action-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffd684cc,#0000);height:1px;position:absolute;top:0;left:9px;right:9px}.context-action-btn:hover:not(:disabled){filter:brightness(1.1);border-color:#96e2ffe6;transform:translateY(-1px);box-shadow:inset 0 0 22px #48b2ff4d,inset 0 1px #ffffff3d,0 8px 22px #0000008c}.context-action-btn:disabled{opacity:.4;cursor:not-allowed}.context-action-btn.success{color:#ddfff0;text-shadow:0 0 10px #50e2a080;background:linear-gradient(#ffffff1a,#0000 42%),linear-gradient(#106046f0,#041c18f5);border-color:#60e0a299;box-shadow:inset 0 0 16px #42d6942e,inset 0 1px #ffffff2e,0 6px 16px #00000080}.context-action-btn.danger{color:#ffdde5;text-shadow:0 0 10px #ff7a9880;background:linear-gradient(#ffffff1a,#0000 42%),linear-gradient(#701a34f0,#220612f5);border-color:#ff849e99;box-shadow:inset 0 0 16px #ff5c8033,inset 0 1px #ffffff2e,0 6px 16px #00000080}.duel-hand-band{grid-area:band;grid-template-columns:var(--band-research-w) minmax(0, 1fr) var(--band-dock-w) var(--band-ops-w);align-items:stretch;gap:clamp(6px,.7vw,12px);min-height:0;display:grid}.duel-band-side{align-items:stretch;min-width:0;min-height:0;display:flex}.duel-band-side.left{container:researchband/inline-size}@container researchband (width<=200px){.duel-research-zone .research-zone-head{flex-wrap:wrap}.duel-research-zone .research-zone-name{flex:0 0 100%}.duel-research-zone .research-fund-caption{display:none}.duel-research-zone .research-zone-rack:not(:has(.research-slab)){text-align:center;text-wrap:balance;align-content:center;line-height:1.34;display:block}}.duel-band-side.left>*{width:100%}.duel-band-side.right{flex-direction:column;justify-content:flex-end;align-items:stretch;gap:clamp(5px,.8vh,10px);padding-bottom:clamp(4px,1vh,12px)}.duel-orb-row{justify-content:center;align-items:center;gap:clamp(6px,.7vw,12px);display:flex}.duel-research-zone{--zone-accent:#86dcff;border:1px solid color-mix(in srgb, var(--zone-accent) 30%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--zone-accent) 10%, transparent), transparent 52%), linear-gradient(180deg, #071422f0, #030810e6);min-width:0;min-height:0;box-shadow:inset 0 0 26px color-mix(in srgb, var(--zone-accent) 7%, transparent), 0 10px 26px #00000070;border-radius:12px 4px;flex-direction:column;gap:5px;padding:6px 8px 7px;display:flex}.research-zone-head{align-items:center;gap:6px;min-width:0;display:flex}.research-zone-name{min-width:0;color:color-mix(in srgb, var(--zone-accent) 66%, #fff);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 0 12px color-mix(in srgb, var(--zone-accent) 34%, transparent);flex:1;font-size:clamp(12.5px,1.34vh,14px);font-weight:700;overflow:hidden}.research-zone-count{color:var(--gold-1);flex-shrink:0;font-size:clamp(14px,1.55vh,16px);font-weight:900;line-height:1.16}.research-zone-count i{color:#9fb6c9;font-size:clamp(14px,1.55vh,16px);font-style:normal}.research-zone-rack{cursor:pointer;background:linear-gradient(#02060cdb,#050e1999);border:1px solid #7ebeec24;border-radius:8px;flex-wrap:wrap;flex:auto;place-content:flex-start;align-items:stretch;gap:3px;min-height:0;padding:5px 6px;font-family:inherit;transition:border-color .14s,box-shadow .14s;display:flex;overflow:hidden;box-shadow:inset 0 3px 10px #000000c7}.research-zone-rack:hover{border-color:#86dcff99;box-shadow:inset 0 3px 10px #000000c7,0 0 18px #48b2ff33}.research-slab{background:linear-gradient(#142a44eb,#050c16f0);border:1px solid #96c4e247;border-radius:2px;flex:none;width:clamp(11px,1.05vw,19px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a}.research-slab i{background:#96c8eb47;width:1px;position:absolute;top:16%;bottom:16%;left:50%;transform:translate(-50%)}.research-slab.is-ready{background:linear-gradient(#266c9cf2,#082038f5);border-color:#86dcffc7;box-shadow:inset 0 1px #ffffff38,0 0 10px #56c8ff6b}.research-slab.is-ready i{background:#bef0ffb8}.research-slab.is-spent{opacity:.5;filter:saturate(.4)}.research-slab.is-void{opacity:.32;width:clamp(11px,1.05vw,19px)}.research-zone-empty{color:var(--txt-3);text-align:center;margin:auto;font-size:clamp(12.5px,1.3vh,13.5px);line-height:1.5}.research-zone-foot{align-items:baseline;gap:6px;min-width:0;display:flex}.research-fund-readout{flex-shrink:0;line-height:1.16}.research-fund-readout b{color:#86dcff;text-shadow:0 0 16px #56c8ff80;font-size:clamp(15px,2.2vh,24px);font-weight:900}.research-fund-readout small{color:#9fb6c9;margin-left:2px;font-size:clamp(15px,2.2vh,24px);line-height:1}.research-fund-caption{min-width:0;color:var(--txt-3);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(12px,1.2vh,12.5px);overflow:hidden}.duel-side-dock{align-items:stretch;min-width:0;min-height:0;display:flex;position:relative}.duel-side-dock>*{width:100%;min-width:0}.duel-refutation-pile{--zone-accent:#ff9db4;background:linear-gradient(#2e0e1a80,#0000 54%),linear-gradient(#09101ceb,#03070ee6);border:1px solid #e06a8c3d;border-radius:4px 12px;flex-direction:column;gap:5px;min-width:0;min-height:0;padding:6px 9px 7px;display:flex;box-shadow:inset 0 0 26px #e06a8c0d,0 10px 26px #0006}.refutation-pile-head{align-items:center;gap:6px;min-width:0;display:flex}.refutation-pile-name{color:#ffb9c9;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:clamp(12.5px,1.34vh,14px);font-weight:700;overflow:hidden}.refutation-pile-count{color:#ff9db4;flex-shrink:0;font-size:clamp(14px,1.55vh,16px);font-weight:900;line-height:1.16}.refutation-pile-count i{color:var(--txt-3);font-size:clamp(12px,1.2vh,12.5px);font-style:normal;font-weight:700}.refutation-pile-rack{cursor:pointer;background:linear-gradient(#02060cdb,#10060c99);border:1px solid #e06a8c24;border-radius:8px;flex:auto;align-items:center;gap:4px;min-height:0;padding:6px 8px;font-family:inherit;transition:border-color .14s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px 10px #000000c7}.refutation-pile-rack:hover{border-color:#ff8aaa9e}.refutation-slab{background:linear-gradient(#401426eb,#0e050af0);border:1px solid #e0829e70;border-radius:2px;flex:none;width:clamp(13px,1.2vw,22px);height:68%;position:relative;transform:rotate(-4deg)}.refutation-slab:nth-child(2n){transform:rotate(3deg)}.refutation-slab i{border-top:1px solid #ffa0b84d;border-bottom:1px solid #ffa0b84d;position:absolute;inset:22% 26%}.refutation-pile-latest{min-width:0;color:var(--txt-3);line-break:strict;overflow-wrap:anywhere;flex:96px;margin-left:4px;font-size:clamp(12px,1.26vh,13px);line-height:1.34}.refutation-pile-empty{color:var(--txt-3);text-align:center;margin:auto;font-size:clamp(12.5px,1.3vh,13.5px)}.dock-idle-hint{color:#7ebeec99;letter-spacing:.03em;text-align:center;font-size:clamp(13px,1.34vh,14px)}.tutorial-panel{width:100%;height:100%;min-height:0;color:var(--txt-1);scrollbar-width:thin;scrollbar-color:#7ee7ff80 transparent;background:linear-gradient(#0a1c2ef2,#040c16f0);border:1px solid #7ee7ff70;border-radius:10px;padding:10px 13px 11px;position:relative;overflow-y:auto;box-shadow:0 12px 34px #00000080,0 0 22px #47c6ff29}.tutorial-panel:before{content:"";background:linear-gradient(90deg,#0000,#7ee7ff,#0000);height:1px;position:absolute;top:0;left:10px;right:10px;box-shadow:0 0 12px #7ee7ff}.tutorial-step{color:#7ee7ff;letter-spacing:.18em;margin-bottom:3px;font-size:clamp(12px,1.22vh,13px);font-weight:900}.tutorial-title{margin-bottom:5px;font-size:clamp(12px,1.65vh,16px);font-weight:800;line-height:1.35}.tutorial-body{color:#d8ebf5;font-size:clamp(14px,1.44vh,15px);line-height:1.72}.tutorial-why{color:#a9c9db;border-top:1px solid #ffffff1f;margin-top:7px;padding-top:7px;font-size:clamp(12.5px,1.3vh,13.5px);line-height:1.62}.tutorial-active .tutorial-target{z-index:200;outline-offset:5px;border-radius:6px;outline:3px solid #7ee7fff5;animation:1.1s ease-in-out infinite alternate tutorial-pulse;position:relative;box-shadow:0 0 0 7px #7ee7ff29,0 0 28px #7ee7ff9e}.school-zone-modal .tutorial-target,.interrupt-overlay .tutorial-target{z-index:1300}@keyframes tutorial-pulse{0%{filter:brightness()}to{filter:brightness(1.2)}}.self-hand-shell{cursor:pointer;justify-content:center;align-items:flex-end;min-width:0;display:flex;position:relative}.duel-hand-toggle{z-index:6;color:#bfe4ff;letter-spacing:.02em;cursor:pointer;background:linear-gradient(#0e223aeb,#040c18eb);border:1px solid #78c8f557;border-radius:999px;align-items:center;gap:6px;padding:3px 12px 4px;font-family:inherit;font-size:clamp(11px,1.24vh,13px);font-weight:700;transition:border-color .14s,color .14s,box-shadow .14s;display:flex;position:absolute;top:clamp(2px,.6vh,8px);left:6px}.duel-hand-toggle:hover,.duel-hand-toggle:focus-visible{color:#eaf7ff;border-color:#96e2ffdb;box-shadow:0 0 14px #56cfff57}.duel-hand-toggle-icon{opacity:.9;font-size:1.05em;line-height:1}.hand-area{width:100%;min-height:calc(var(--hand-card-h) + 26px);background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:flex-end;gap:0;padding:0 0 clamp(10px,1.4vh,16px);display:flex;position:relative;overflow:visible}.hand-empty{color:var(--txt-3);align-self:center;font-size:12px}.hand-fan{transform:translateX(var(--hand-shift,0px)) scale(var(--hand-scale,1));transform-origin:50% 100%;justify-content:center;align-items:flex-end;transition:transform .28s cubic-bezier(.22,.9,.3,1);display:flex}.duel-hand-band.hand-compact .hand-fan{--hand-scale:.76}.hand-card-wrapper{transform-origin:50% 150%;transform:translateY(var(--fan-lift,0px));will-change:transform;flex:none;gap:0;transition:transform .16s cubic-bezier(.2,.8,.3,1),filter .16s;display:block;position:relative}[data-pointer-can-play],[data-pointer-can-research],[data-pointer-attack-source],[data-pointer-equip-source]{touch-action:none;-webkit-user-drag:none}.game-board.is-pointer-dragging{cursor:grabbing}.game-board[data-pointer-mode=hand][data-pointer-can-play=true] [data-pointer-play-zone=true],.game-board[data-pointer-mode=hand][data-pointer-can-research=true] [data-research-zone=self],.game-board[data-pointer-mode=attack] [data-pointer-attack-target],.game-board[data-pointer-mode=attack] [data-pointer-direct-attack-target=true],.game-board[data-pointer-mode=equip] [data-pointer-equip-target]{outline-offset:5px;border-radius:8px;outline:2px solid #89e5ffdb;animation:.85s ease-in-out infinite alternate pointer-target-pulse;box-shadow:0 0 24px #46c3ff6b}.game-board[data-pointer-mode=hand][data-pointer-can-research=true] [data-research-zone=self]{outline-color:#ffd269e6;box-shadow:0 0 24px #ffbf4161}.game-board[data-pointer-mode=attack] [data-pointer-attack-target],.game-board[data-pointer-mode=attack] [data-pointer-direct-attack-target=true]{outline-color:#ff7e97f0;box-shadow:0 0 26px #ff426980}.game-board[data-pointer-mode=equip] [data-pointer-equip-target]{outline-color:#cd90fff0;box-shadow:0 0 24px #b45cff75}@keyframes pointer-target-pulse{0%{filter:brightness()}to{filter:brightness(1.18)}}.board-pointer-guide{pointer-events:none;inset:0;overflow:hidden;z-index:1600!important;position:fixed!important}.board-pointer-line{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-pointer-line line{stroke:#75dcffe0;stroke-width:4px;stroke-linecap:round;stroke-dasharray:4 10;filter:drop-shadow(0 0 7px #43c7ffe6)}.board-pointer-guide.is-valid .board-pointer-line line{stroke:#ffdd7ef5;stroke-dasharray:none}.board-pointer-cursor{color:#dff7ff;white-space:nowrap;background:#051221f0;border:1px solid #73daffd1;border-radius:999px;align-items:center;gap:7px;max-width:min(280px,72vw);padding:6px 11px 6px 7px;display:flex;position:absolute;transform:translate(14px,-50%);box-shadow:0 0 22px #43c7ff73,0 8px 26px #00000094}.board-pointer-cursor i{color:#8fe5ff;background:#4ebeef33;border-radius:50%;place-items:center;width:27px;height:27px;font-size:15px;font-style:normal;display:grid}.board-pointer-cursor b{text-overflow:ellipsis;font-size:13px;overflow:hidden}.board-pointer-guide.is-valid .board-pointer-cursor{color:#fff4cb;border-color:#ffdc74f2;box-shadow:0 0 26px #ffc24180,0 8px 26px #00000094}.board-pointer-guide.is-valid .board-pointer-cursor i{color:#ffe08c;background:#ffc64638}.hand-card-wrapper+.hand-card-wrapper{margin-left:calc(var(--hand-card-w) * var(--hand-overlap,0) * -1)}.hand-fan .card{border-width:2px;border-radius:7px;box-shadow:0 10px 22px #00000094,inset 0 1px #ffffff1a;width:var(--hand-card-w)!important;height:var(--hand-card-h)!important}.hand-fan .card:hover{transform:none}.hand-card-wrapper:hover,.hand-card-wrapper:focus-within{transform:rotate(0deg) translateY(calc(var(--hand-card-h) * -.14)) scale(1.05);z-index:38!important}.hand-card-wrapper.is-selected{transform:rotate(0deg) translateY(calc(var(--hand-card-h) * -.2)) scale(1.09)}.hand-card-wrapper.is-dimmed .card{filter:saturate(.32)brightness(.72)}.hand-card-wrapper.is-dimmed:hover .card{filter:saturate(.6)brightness(.92)}.hand-card-wrapper.is-playable .card{animation:2s ease-in-out infinite playable-card-pulse;box-shadow:0 10px 22px #0000008c,0 0 0 1px #78e8ff66,0 0 18px #4cd0ff6b;border-color:#78e8ffe6!important}.hand-card-wrapper.is-research-only .card{box-shadow:0 10px 22px #0000008c,0 0 14px #ffc8544d;border-color:#ffd06ac7!important}.hand-card-wrapper.is-sealed .card{filter:grayscale(.75)brightness(.66)}@keyframes playable-card-pulse{0%,to{box-shadow:0 10px 22px #0000008c,0 0 0 1px #78e8ff57,0 0 14px #4cd0ff4d}50%{box-shadow:0 10px 22px #0000008c,0 0 0 1px #78e8ff99,0 0 28px #4cd0ff9e}}.hand-card-tag{z-index:6;white-space:nowrap;pointer-events:none;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:800;display:none;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.hand-card-wrapper:hover .hand-card-tag,.hand-card-wrapper.is-selected .hand-card-tag{display:block}.hand-card-tag.research{color:#ffd97a;background:#302004f2;border:1px solid #ffd06ad9;box-shadow:0 0 12px #ffc85466}.hand-inspector-anchor{width:100%;min-width:0;min-height:0;animation:.16s cubic-bezier(.2,.85,.3,1) hand-inspector-enter;display:flex;position:relative}.hand-inspector{--inspector-accent:#65d7ff;border:1px solid color-mix(in srgb, var(--inspector-accent) 58%, transparent);background:linear-gradient(140deg, color-mix(in srgb, var(--inspector-accent) 13%, transparent), transparent 42%), linear-gradient(180deg, #081324f5, #030913f5);width:100%;min-width:0;height:100%;box-shadow:0 12px 32px #0009, 0 0 28px color-mix(in srgb, var(--inspector-accent) 18%, transparent);pointer-events:auto;border-radius:4px 12px;flex-direction:column;gap:4px;padding:6px 10px;display:flex;position:relative;overflow:hidden}.hand-inspector:before{content:"";background:linear-gradient(90deg, transparent, var(--inspector-accent), transparent);height:1px;box-shadow:0 0 12px var(--inspector-accent);position:absolute;top:0;left:12px;right:12px}.hand-inspector.type-intellectual{--inspector-accent:#65d7ff}.hand-inspector.type-discovery{--inspector-accent:#4be9b4}.hand-inspector.type-experiment{--inspector-accent:#ff7ac4}.hand-inspector.type-era{--inspector-accent:#ffd06c}.hand-inspector.type-paradigm{--inspector-accent:#c58aff}@media (width>=1150px){.hand-inspector{grid-template:"head effects""tags effects""filler effects"minmax(0,1fr)"acts acts"/minmax(104px,31%) minmax(0,1fr);gap:4px 10px;display:grid}.hand-inspector-head{grid-area:head}.hand-inspector-tags{grid-area:tags}.hand-inspector-effects{grid-area:effects}.hand-inspector-actions{grid-area:acts}.hand-inspector-head{padding-right:0}.hand-inspector-effects>:first-child{padding-right:26px}}.hand-inspector-close{z-index:3;color:#9fb7c9;cursor:pointer;background:#060e1ae6;border:1px solid #96bad647;border-radius:50%;place-items:center;width:22px;height:22px;font-family:inherit;font-size:14px;line-height:1;transition:color .14s,border-color .14s;display:grid;position:absolute;top:5px;right:6px}.hand-inspector-close:hover{color:#fff;border-color:#7ed8ffcc}.hand-inspector-head{--insp-art-w:clamp(28px, 2.3vw, 38px);grid-template-columns:var(--insp-art-w) minmax(0, 1fr);flex:none;gap:8px;padding-right:22px;display:grid}.hand-inspector-art-frame{width:var(--insp-art-w);height:calc(var(--insp-art-w) * 1.4);border:1px solid color-mix(in srgb, var(--inspector-accent) 62%, #d6b763);box-shadow:0 0 20px color-mix(in srgb, var(--inspector-accent) 24%, transparent);background:#09131fe6;border-radius:6px;position:relative;overflow:hidden}.hand-inspector-art{object-fit:cover;object-position:center top;width:100%;height:100%}.hand-inspector-art-frame:after{content:"";background:linear-gradient(118deg,#0000 34%,#ffffff38 46%,#0000 56%);animation:3.6s ease-in-out .9s infinite inspector-sheen;position:absolute;inset:0;transform:translate(-120%)}@media (width>=1150px){.hand-inspector-head{grid-template-columns:minmax(0,1fr);gap:0}.hand-inspector-art-frame{display:none}}.hand-inspector-ident{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.hand-inspector-topline{align-items:center;gap:6px;min-width:0;display:flex}.hand-inspector-topline .hand-inspector-cost,.hand-inspector-topline .hand-inspector-stat{flex:none;padding:1px 6px}.hand-inspector-topline .hand-inspector-cost b,.hand-inspector-topline .hand-inspector-stat b{font-size:14px}.hand-inspector-type{border:1px solid color-mix(in srgb, var(--inspector-accent) 62%, transparent);color:color-mix(in srgb, var(--inspector-accent) 82%, #fff);border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:12px;font-weight:800}.hand-inspector-tags{flex-wrap:wrap;flex:none;align-items:center;gap:4px 6px;min-width:0;display:flex}.hand-inspector-tag{color:var(--txt-2);word-break:keep-all;line-break:strict;overflow-wrap:normal;background:#ffffff0d;border-radius:4px;align-items:baseline;gap:5px;padding:1px 7px;font-size:12.5px;display:inline-flex}.hand-inspector-tag small{white-space:nowrap;color:var(--txt-3);letter-spacing:.06em;font-size:12px;font-weight:700}.hand-inspector-tag.school{background:color-mix(in srgb, var(--inspector-accent) 12%, transparent);color:color-mix(in srgb, var(--inspector-accent) 84%, #fff)}.hand-inspector-title{color:#f5faff;line-break:strict;overflow-wrap:anywhere;text-shadow:0 0 14px color-mix(in srgb, var(--inspector-accent) 38%, transparent);margin:0;font-size:clamp(15.5px,1.85vh,19px);font-weight:900;line-height:1.24}.hand-inspector-numbers{align-items:center;gap:6px;margin-top:2px;display:flex}.hand-inspector-cost,.hand-inspector-stat{background:#ffffff0d;border-radius:5px;align-items:baseline;gap:4px;padding:2px 8px;display:inline-flex}.hand-inspector-cost small,.hand-inspector-stat small{color:var(--txt-3);letter-spacing:.06em;font-size:12px;font-weight:700}.hand-inspector-cost b{color:#ffd884;font-size:15px;font-weight:900}.hand-inspector-stat.atk b{color:#ff8a8a;font-size:15px;font-weight:900}.hand-inspector-stat.def b{color:#7ec8ff;font-size:15px;font-weight:900}.hand-inspector-status-row{flex-wrap:wrap;flex:none;align-items:center;gap:4px 6px;min-width:0;display:flex}.inspector-status{white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:1px 7px;font-size:12px;font-weight:800}.inspector-status.ready{color:#67f3b8;background:#2fc58224}.inspector-status.waiting{color:#8fa4b6;background:#748c9e1f}.inspector-status.research{color:#ffd07a;background:#eeb0451f}.inspector-status.sealed{color:#d99aff;background:#9c4bd029}.inspector-reason{color:#ffb1b1;flex:118px;min-width:0;font-size:12.5px;line-height:1.34}.hand-inspector-effects{--fit-scale:1;--insp-fs:14px;gap:calc(4px * var(--fit-scale));line-break:strict;overflow-wrap:anywhere;flex-direction:column;flex:auto;min-height:0;padding-right:2px;display:flex;position:relative;overflow:hidden}.hand-inspector-effects>.is-fit-hidden{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0;right:2px}.hand-inspector-effect{padding:calc(5px * var(--fit-scale)) 8px;border-left:2px solid var(--inspector-accent);background:linear-gradient(90deg, color-mix(in srgb, var(--inspector-accent) 12%, transparent), transparent 78%);border-radius:0 5px 5px 0}.hand-inspector-effect-head{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.hand-inspector-effect-head b{color:color-mix(in srgb, var(--inspector-accent) 74%, #fff);font-size:calc(var(--insp-fs) * var(--fit-scale));font-weight:800}.hand-inspector-effect-trigger{color:#a5bccc;font-size:max(12px, calc(12.5px * var(--fit-scale)));background:#ffffff12;border-radius:999px;padding:0 6px}.hand-inspector-effect p{color:#d6e4f0;font-size:calc(var(--insp-fs) * var(--fit-scale));margin:2px 0 0;line-height:1.46}.hand-inspector-effect-more{white-space:nowrap;text-overflow:ellipsis;border:1px dashed color-mix(in srgb, var(--inspector-accent) 62%, transparent);background:color-mix(in srgb, var(--inspector-accent) 12%, transparent);width:100%;color:color-mix(in srgb, var(--inspector-accent) 82%, #fff);letter-spacing:.02em;text-align:left;cursor:pointer;border-radius:0 5px 5px 0;flex:none;padding:3px 8px;font-family:inherit;font-size:12.5px;font-weight:800;transition:filter .14s,border-color .14s;overflow:hidden}.hand-inspector-effect-more:hover{filter:brightness(1.2);border-color:color-mix(in srgb, var(--inspector-accent) 92%, transparent)}.hand-inspector-no-effect{color:var(--txt-3);font-size:var(--fs-body,14px);padding:8px}.hand-inspector-actions{border-top:1px solid #ffffff14;flex-wrap:wrap;flex:none;align-items:center;gap:3px 8px;min-width:0;margin-top:0;padding-top:4px;display:flex}.hand-inspector-actions .hand-inspector-status-row{flex:auto}.hand-inspector-button-row{flex-wrap:wrap;align-items:center;gap:5px 6px;min-width:0;display:flex}.hand-inspector-actions .hand-action-btn{flex:none}.hand-inspector .hand-action-btn{cursor:pointer;white-space:nowrap;border-radius:3px 8px;padding:3px 11px;font-family:inherit;font-size:clamp(13px,1.42vh,14.5px);font-weight:800;transition:transform .12s,filter .12s,box-shadow .12s}.hand-inspector .hand-action-btn:hover{filter:brightness(1.16);transform:translateY(-1px)}.hand-inspector .hand-action-btn.play{color:#eaf9ff;background:linear-gradient(#1b6ea6,#0a3055);border:1px solid #6fe0ff;box-shadow:0 0 16px #4cd0ff57}.hand-inspector .hand-action-btn.research{color:#ffeab5;background:linear-gradient(#7a5a11,#35240a);border:1px solid #ffd27a;box-shadow:0 0 16px #ffc8543d}.hand-inspector-hint{min-width:0;color:var(--txt-3);letter-spacing:.04em;white-space:nowrap;text-align:right;flex:0 auto;margin-left:auto;font-size:12px;overflow:hidden}@media (height<=880px){.game-board.duel-board{--band-h:calc(var(--hand-card-h) + clamp(58px, 10.3vh, 92px))}.hand-inspector{gap:3px;padding:5px 9px}.hand-inspector-effect-more{padding:2px 8px;line-height:1.3}.hand-inspector-head{grid-template-columns:minmax(0,1fr);gap:0}.hand-inspector-art-frame{display:none}.hand-inspector-title{font-size:clamp(13.5px,1.62vh,16px);line-height:1.2}.hand-inspector-ident{gap:2px}.hand-inspector-status-row{gap:3px 5px}.inspector-status{padding:0 6px;font-size:12px}.hand-inspector .hand-action-btn{padding:2px 10px;font-size:13.5px}.hand-inspector-actions{gap:2px 8px}.hand-inspector-effect{padding:calc(4px * var(--fit-scale)) 7px}.hand-inspector-effect p{line-height:1.42}.hand-inspector-actions{padding-top:4px}.hand-inspector-hint{font-size:12px}}.cok-route-loading{width:var(--app-vw);height:var(--app-vh);color:#d9c184;letter-spacing:.12em;background:#03060d;place-items:center;font:700 15px Georgia,serif;display:grid}@media (orientation:portrait) and (width<=900px){:root{--app-vw:100vh;--app-vh:100vw}html,body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}#cok-rotor{width:var(--app-vw);height:var(--app-vh);transform-origin:0 0;position:fixed;top:0;left:0;overflow:hidden;transform:rotate(90deg)translateY(-100%)}#cok-rotor #root,#cok-rotor .app{width:100%;height:100%}}@supports (height:100dvh){@media (orientation:portrait) and (width<=900px){:root{--app-vw:100dvh;--app-vh:100dvw}}}.game-board.duel-board{height:var(--app-vh)}@media (orientation:landscape) and (width<=1000px) and (height<=500px),(orientation:portrait) and (width<=500px) and (height<=1000px){html,body{width:100%;height:var(--app-vh);overscroll-behavior:none;overflow:hidden}#root,.app{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.game-board.duel-board{--fs-body:12px;--fs-caption:12px;--fs-label:12px;--card-h:clamp(62px, 17.4dvh, 70px);--card-w:calc(var(--card-h) / 1.4);--rail-card-w:clamp(24px, 3.2vw, 30px);--rail-card-h:calc(var(--rail-card-w) * 1.4);--hand-card-w:clamp(46px, 6.2vw, 54px);--hand-card-h:calc(var(--hand-card-w) * 1.4);--rail-w:clamp(84px, 11vw, 100px);--band-research-w:clamp(58px, 8vw, 72px);--band-dock-w:clamp(138px, 19vw, 172px);--band-ops-w:clamp(72px, 10vw, 88px);width:var(--app-vw);height:var(--app-vh);grid-template-columns:var(--rail-w) minmax(0, 1fr) var(--rail-w);grid-template-rows:48px minmax(0, 1fr) 48px var(--band-h);padding:max(2px, env(safe-area-inset-top)) max(5px, env(safe-area-inset-right)) max(2px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));grid-template-areas:"railL top railR""railL field railR""railL bottom railR""band band band";gap:2px 5px;--band-h:90px!important}.game-board.duel-board .duel-hud-bar,.game-board.duel-board .duel-foe-strip{display:none}.duel-top-stack,.duel-bottom-stack{min-height:0}.duel-player-bar{--standee-slot:0px;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:6px;height:48px;padding:2px 5px;overflow:hidden}.duel-player-bar .duel-avatar-core{display:none}.duel-bar-lead{grid-template-columns:auto minmax(104px,1fr);gap:6px}.duel-avatar-name{max-width:84px;font-size:12px;line-height:1.1}.duel-turn-flag{padding:1px 5px;font-size:10px}.duel-hp-block{gap:1px;max-width:none}.duel-hp-label small,.duel-hp-leaves{display:none}.duel-hp-top{gap:5px}.duel-hp-label,.duel-hp-num{font-size:11px}.duel-hp-codex{min-height:7px}.duel-stat-strip{gap:3px}.duel-stat-card{border-radius:6px;min-width:44px;min-height:44px;padding:2px 5px}.duel-stat-card.deck,.duel-stat-card.hand{display:none}.duel-stat-label{font-size:10px}.duel-stat-value,.duel-stat-value small{font-size:12px}.duel-field{border-radius:8px;gap:2px;padding:3px 12px}.duel-field-row{overflow:hidden}.duel-intellectual-row,.intellectual-zone{gap:clamp(4px,1.2vw,9px)!important}.duel-era-lane{min-height:44px}.duel-era-core{width:min(92%,520px)}.era-zone-wrapper{max-width:100%}.duel-rail{grid-template-rows:auto minmax(48px,1fr) auto;gap:3px}.duel-rail-block{border-radius:7px;gap:2px;padding:3px}.duel-rail-block.kind-discovery{--discovery-card-w:min(var(--rail-card-w), calc((var(--rail-w) - 16px) / 5));min-height:calc(var(--discovery-card-w) * 1.4 + 24px)}.duel-zone-heading{justify-content:center}.duel-zone-owner,.duel-zone-name{display:none}.duel-zone-count{font-size:12px}.cok-history-rail-trigger{grid-template-columns:1fr;justify-items:center;gap:0;width:48px;min-height:48px;padding:5px}.cok-history-trigger-label,.cok-history-trigger-count{display:none}.duel-hand-band{grid-template-columns:var(--band-research-w) minmax(0, 1fr) var(--band-dock-w) var(--band-ops-w);gap:4px}.duel-hand-toggle{display:none}.hand-area{height:90px;min-height:0;padding-bottom:4px}.hand-fan{--hand-scale:1!important}.hand-card-wrapper{touch-action:none}.duel-research-zone,.duel-refutation-pile{border-radius:7px;gap:2px;padding:4px}.research-zone-name,.refutation-pile-name{font-size:11px}.research-fund-caption,.refutation-pile-latest,.refutation-pile-rack{display:none}.hand-inspector{gap:2px;padding:4px 6px}.hand-inspector-effect,.hand-inspector-hint,.hand-inspector-sub{display:none}.hand-inspector-title{font-size:12px;line-height:1.15}.hand-inspector-actions{gap:3px;padding-top:1px}.hand-inspector .hand-action-btn{min-height:36px;padding:3px 7px;font-size:12px}.duel-band-side.right{gap:3px;padding-bottom:1px}.duel-context-actions{gap:3px}.context-action-btn{min-height:32px;padding:3px 6px;font-size:11px}.turn-orb{width:52px;height:52px}.log-orb{width:44px;height:44px}.orb-sub,.orb-cap{font-size:10px}.board-pointer-cursor{transform-origin:50%;transform:scale(.82)}}@keyframes hand-inspector-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes inspector-sheen{0%,64%{transform:translate(-120%)}82%,to{transform:translate(130%)}}.duel-orb-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-family:inherit;transition:transform .14s,filter .14s,opacity .14s,box-shadow .14s;display:flex;position:relative}.duel-orb-btn:hover:not(:disabled){filter:brightness(1.14);transform:translateY(-2px)scale(1.05)}.duel-orb-btn:disabled{opacity:.4;cursor:not-allowed}.turn-orb{color:#e2f8ff;background:radial-gradient(circle at 50% 34%,#78e2ff6b,#0000 52%),linear-gradient(#13568df5,#041226f7);border:2px solid #78e0ffd9;gap:1px;width:clamp(62px,8.6vh,92px);height:clamp(62px,8.6vh,92px);box-shadow:0 0 30px #45bcff70,inset 0 0 22px #3cb4ff3d}.turn-orb:not(:disabled){animation:2.4s ease-in-out infinite turn-orb-ready}@keyframes turn-orb-ready{0%,to{box-shadow:0 0 26px #45bcff5c,inset 0 0 22px #3cb4ff38}50%{box-shadow:0 0 40px #45bcff9e,inset 0 0 26px #3cb4ff57}}.log-orb{color:#ffe8aa;background:radial-gradient(circle at 50% 36%,#f4c85c42,#0000 48%),linear-gradient(#4a361af2,#0e0b11f5);border:2px solid #ddae52cc;width:clamp(40px,5.4vh,54px);min-width:44px;height:clamp(40px,5.4vh,54px);min-height:44px;box-shadow:0 0 20px #f4bc484d,inset 0 0 16px #f4bc4829}.orb-main{font-size:clamp(17px,2.5vh,25px);font-weight:700;line-height:1.16}.orb-sub{color:currentColor;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(12px,1.26vh,13px);font-weight:800;line-height:1.3;overflow:hidden}.orb-cap{color:#e2f8ff9e;letter-spacing:.1em;font-size:clamp(12px,1.2vh,12.5px)}.card-name-band{background:linear-gradient(#060d18eb,#03070ef5);border-top:1px solid #ffffff17;flex-shrink:0;padding:2px 4px;display:none}.card-name-band span{-webkit-line-clamp:2;color:#eef6ff;text-align:center;text-shadow:0 1px 3px #000000e6;-webkit-box-orient:vertical;font-weight:700;line-height:1.18;display:-webkit-box;overflow:hidden}.hand-fan .card-name-band,.duel-field .intellectual-zone .card-name-band{display:block}.hand-fan .card-name-band span{font-size:clamp(10px, calc(var(--hand-card-w) * .12), 15px)}.duel-field .intellectual-zone .card-name-band span{font-size:clamp(9px, calc(var(--card-w) * .112), 13px);-webkit-line-clamp:2}.hand-fan .card-header,.duel-field .intellectual-zone .card-header{font-size:clamp(7px, calc(var(--hand-card-w) * .072), 10px);color:#9fb6c8;background:#0000009e;padding:2px 5px}.hand-fan .card-footer,.duel-field .intellectual-zone .card-footer{font-size:clamp(9px, calc(var(--hand-card-w) * .1), 14px);background:linear-gradient(#00000080,#000000e6);padding:2px 6px}.hand-fan .cost-badge,.duel-field .intellectual-zone .cost-badge{width:clamp(17px, calc(var(--hand-card-w) * .2), 27px);height:clamp(17px, calc(var(--hand-card-w) * .2), 27px);font-size:clamp(10px, calc(var(--hand-card-w) * .115), 15px);color:#180e02;background:radial-gradient(circle at 36% 28%,#fff6bc,#d68f12 56%,#5a3204);border:1px solid #ffeeae;font-weight:900;top:3px;right:3px;box-shadow:0 0 12px #ffbf399e,0 2px 5px #0009}.duel-field .intellectual-zone .cost-badge{width:clamp(15px, calc(var(--card-w) * .2), 24px);height:clamp(15px, calc(var(--card-w) * .2), 24px);font-size:clamp(9px, calc(var(--card-w) * .115), 13px)}.duel-field .intellectual-zone .card{border-width:2px;border-radius:7px;box-shadow:0 8px 20px #0000008c,inset 0 1px #ffffff14}.duel-field .intellectual-zone .card.highlighted{box-shadow:0 8px 20px #0000008c,0 0 20px #4cd0ff8c}.duel-log-drawer{right:22px;bottom:calc(var(--hand-card-h) + 60px);z-index:400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050b15f5;border:1px solid #daae4ea8;border-radius:12px;width:min(380px,30vw);max-height:52vh;padding:12px;position:fixed;box-shadow:0 18px 48px #000000ad,0 0 28px #40aeff24}.duel-log-drawer .game-log{width:100%;max-height:calc(52vh - 54px);box-shadow:none;background:0 0;border:0;padding:0;position:static;transform:none}.duel-log-close{color:#a9cde8;cursor:pointer;background:#0a182adb;border:1px solid #7eb0dc73;border-radius:999px;margin-bottom:8px;margin-left:auto;padding:4px 12px;font-family:inherit;display:block}@media (width<=1400px){.game-board.duel-board{gap:5px 9px;padding:6px 10px 8px}}@media (width<=1180px){.game-board.duel-board{--rail-w:clamp(140px, 13vw, 180px);--band-research-w:clamp(140px, 14vw, 200px);--band-dock-w:clamp(250px, 27vw, 348px);--band-ops-w:clamp(96px, 10vw, 130px)}.duel-stat-card{min-width:52px;padding:3px 7px}.duel-player-bar{--standee-slot:clamp(84px, 9vw, 120px)}}@media (width<=940px){.game-board.duel-board{--rail-w:clamp(112px, 13vw, 150px);--band-research-w:clamp(96px, 12vw, 140px);--band-dock-w:clamp(200px, 26vw, 250px);--band-ops-w:clamp(84px, 10vw, 116px);padding:4px 6px 6px}.duel-hud-title{display:none}.duel-rail .discovery-zone{gap:3px}.duel-rail .paradigm-zone{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.duel-rail-middle.rail-journal:not(:has(.tutorial-panel)){display:none}.duel-zone-name{font-size:13px}.research-fund-caption{display:none}.hand-inspector-head{grid-template-columns:1fr}.hand-inspector-art-frame,.duel-research-pile{display:none}.duel-player-bar{--standee-slot:72px}}@media (width<=720px){.game-board.duel-board{--rail-w:clamp(88px, 13vw, 118px)}.duel-hand-band{grid-template-columns:0 minmax(0, 1fr) var(--band-dock-w) var(--band-ops-w)}.duel-band-side.left{display:none}.tutorial-panel,.duel-avatar-name{font-size:13px}.opponent-hand-strip{display:none}}@media (height<=620px){.duel-hud-bar,.opponent-hand-strip,.duel-row-label{display:none}.duel-player-bar.opponent .duel-avatar-stage{top:-4px}.duel-player-bar.self .duel-avatar-stage{top:clamp(10px,2vh,20px)}}@media (prefers-reduced-motion:reduce){.turn-orb:not(:disabled),.hand-card-wrapper.is-playable .card,.duel-player-bar.active .duel-standee-img,.duel-player-bar.active .duel-avatar-footlight,.duel-player-bar.active .duel-avatar-ring{animation:none}.hand-fan{transition:none}}.hand-fan .card:after,.duel-field .intellectual-zone .card:after{content:"";z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(158deg,#ffffff29 0%,#ffffff0a 22%,#0000 40%),radial-gradient(120% 60% at 50% 108%,#0000006b,#0000 62%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 18px #0000006b}.hand-fan .card,.duel-field .intellectual-zone .card{background:linear-gradient(#16202e,#0b1119)}.hand-fan .card-header,.duel-field .intellectual-zone .card-header{z-index:5;letter-spacing:.04em;position:relative}.hand-fan .card-name-band,.duel-field .intellectual-zone .card-name-band,.hand-fan .card-footer,.duel-field .intellectual-zone .card-footer{z-index:5;position:relative}.hand-fan .cost-badge,.duel-field .intellectual-zone .cost-badge{z-index:6}.hand-card-wrapper:hover .card{filter:brightness(1.06)}.hand-fan .card.rar-rare,.duel-field .intellectual-zone .card.rar-rare{box-shadow:0 10px 22px #00000094,0 0 14px #ffcd5857}.hand-fan .card.rar-legendary,.duel-field .intellectual-zone .card.rar-legendary{box-shadow:0 10px 22px #00000094,0 0 20px #ff7a2a80}.hand-card-wrapper.is-selected.is-dimmed .card{filter:none}.hand-card-wrapper.is-selected .card{box-shadow:0 16px 30px #0000009e,0 0 0 2px #ffd88480,0 0 26px #ffc45c70;border-color:#ffd884!important}.phase-special{color:#ffe6a8;white-space:nowrap;background:linear-gradient(#785412eb,#2c1c06f0);border:1px solid #ffc45ccc;border-radius:999px;margin-right:8px;padding:4px 13px;font-size:clamp(12.5px,1.36vh,14px);font-weight:800;animation:1.3s ease-in-out infinite alternate phase-special-pulse;box-shadow:0 0 18px #ffc45c57}@keyframes phase-special-pulse{0%{filter:brightness()}to{filter:brightness(1.25)}}@media (prefers-reduced-motion:reduce){.phase-special{animation:none}}@media (height<=880px){.game-board.duel-board{--rail-card-w:clamp(32px, min(3.9vw, 5.15vh), 70px)}.duel-rail-block{gap:3px;padding:4px 7px 5px}.duel-rail-middle{gap:4px;padding:1px 2px}.duel-rail-log,.duel-rail-middle .effect-resolution-stack{padding:4px 7px 5px}.rail-log-heading{padding-bottom:3px}.effect-stack-heading{margin-bottom:4px;padding-bottom:3px}.effect-stack-glyph{width:20px;height:20px}.rail-log-more,.effect-stack-more{margin-top:0;padding-top:3px}.duel-rail-middle .effect-stack-entry{padding:5px 8px 6px 10px}.duel-rail-middle .effect-stack-entry.is-compact{padding-top:4px;padding-bottom:4px}.duel-rail-middle .effect-stack-list,.rail-log-list{gap:3px}}.cok-crash{z-index:9999;background:radial-gradient(60% 50% at 50% 40%,#34a8ff1a,#0000 70%),linear-gradient(#050a14,#0a1626 60%,#04070f);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.cok-crash__panel{color:#e8f2ff;background:linear-gradient(#0c1a2cf5,#060e1afa);border:1px solid #d6aa4e57;border-radius:12px;width:min(560px,100%);padding:clamp(20px,3vw,32px);font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif;box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0d}.cok-crash__title{letter-spacing:.04em;color:#ffe0a8;margin:0 0 10px;font-size:20px;font-weight:800}.cok-crash__lead{color:#c3d6e8;margin:0 0 14px;font-size:14px;line-height:1.7}.cok-crash__detail{color:#ffb0be;white-space:pre-wrap;word-break:break-word;background:#0000006b;border:1px solid #85beec2e;border-radius:6px;max-height:160px;margin:0 0 14px;padding:10px 12px;font-size:12px;line-height:1.6;overflow:auto}.cok-crash__hint{color:#8fa6bb;margin:0 0 18px;font-size:12px;line-height:1.7}.cok-crash__hint code{background:#ffffff14;border-radius:3px;padding:1px 5px;font-size:12px}.cok-crash__actions{flex-wrap:wrap;gap:10px;display:flex}.cok-crash__btn{color:#ffe9c0;cursor:pointer;background:linear-gradient(#d6aa4e38,#d6aa4e14);border:1px solid #d6aa4e80;border-radius:6px;padding:9px 18px;font-size:14px;font-weight:700}.cok-crash__btn:hover{background:linear-gradient(#d6aa4e57,#d6aa4e24)}.cok-crash__btn.ghost{color:#cfe2f5;background:#ffffff0a;border-color:#85beec57}@media (orientation:landscape) and (width<=1000px) and (height<=500px),(orientation:portrait) and (width<=500px) and (height<=1000px){.game-board.duel-board{--card-h:clamp(62px, 17.4dvh, 70px);--card-w:calc(var(--card-h) / 1.4);--rail-card-w:clamp(24px, 3.2vw, 30px);--rail-card-h:calc(var(--rail-card-w) * 1.4);--hand-card-w:clamp(46px, 6.2vw, 54px);--hand-card-h:calc(var(--hand-card-w) * 1.4);--rail-w:clamp(84px, 11vw, 100px);--band-research-w:clamp(58px, 8vw, 72px);--band-dock-w:clamp(138px, 19vw, 172px);--band-ops-w:clamp(72px, 10vw, 88px);--band-h:90px;grid-template-columns:var(--rail-w) minmax(0, 1fr) var(--rail-w);grid-template-rows:48px minmax(0, 1fr) 48px var(--band-h);padding:max(2px, env(safe-area-inset-top)) max(5px, env(safe-area-inset-right)) max(2px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));grid-template-areas:"railL top railR""railL field railR""railL bottom railR""band band band";gap:2px 5px}.duel-hand-band{grid-template-columns:var(--band-research-w) minmax(0, 1fr) var(--band-dock-w) var(--band-ops-w);gap:4px}.duel-band-side.left{display:flex}.duel-player-bar{--standee-slot:0px}.duel-research-zone .research-zone-rack{min-height:44px;padding:3px;font-size:10px;line-height:1.2;overflow:hidden}.turn-orb{width:52px;height:52px}.log-orb{width:44px;height:44px}.cok-history-rail-trigger{grid-template-columns:1fr;width:48px;min-height:48px}}