:root{--cut: .7rem;--card-h: clamp(4.5rem, 7.2vw, 7rem);--card-w: calc(var(--card-h) * .716);--radius: .75rem;--gap: .6rem;--accent: #ffb020;--accent-ink: #1a1205;--red: #ff5f6d;--yellow: #ffc531;--green: #45d67f;--blue: #4aa8ff;--purple: #a97bff;--black: #7c7c99;--pure: #dfe6ff;--font: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--shadow-lift: 0 10px 30px -12px rgb(0 0 0 / 55%);--speed: .16s}:root,:root[data-theme=dark]{--bg: #0a0e1c;--bg-glow-a: #1b2a5e;--bg-glow-b: #2a1450;--panel: rgb(255 255 255 / 4.5%);--panel-strong: rgb(255 255 255 / 8%);--line: rgb(255 255 255 / 11%);--line-strong: rgb(255 255 255 / 20%);--ink: #e9edfb;--muted: #8b95b8;--slot: rgb(255 255 255 / 3%)}:root[data-theme=light]{--bg: #f4f6fd;--bg-glow-a: #d9e2ff;--bg-glow-b: #ecdcff;--panel: rgb(16 22 48 / 4%);--panel-strong: rgb(16 22 48 / 7%);--line: rgb(16 22 48 / 12%);--line-strong: rgb(16 22 48 / 24%);--ink: #121938;--muted: #5b648a;--slot: rgb(16 22 48 / 3%);--accent-ink: #2a1c00;--shadow-lift: 0 10px 28px -14px rgb(20 28 60 / 35%)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);background-image:radial-gradient(60rem 40rem at 12% -10%,var(--bg-glow-a) 0%,transparent 60%),radial-gradient(50rem 36rem at 105% 110%,var(--bg-glow-b) 0%,transparent 62%);background-attachment:fixed;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}.cut{clip-path:polygon(var(--cut) 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%,0 var(--cut))}.app{display:grid;grid-template-rows:auto minmax(0,1fr);height:100%}.topbar{display:flex;align-items:center;gap:1rem;padding:.7rem 1.1rem;border-bottom:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;flex-direction:column;line-height:1.1}.brand strong{font-size:.98rem;font-weight:700;letter-spacing:.02em}.brand span{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.topbar-spacer{flex:1}.chip{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.chip b{color:var(--ink);font-weight:600}.chip.is-turn b{color:var(--accent)}.chip.is-version{padding:.2rem .55rem;font-size:.62rem;letter-spacing:.1em;cursor:help}.note.is-build{font-variant-numeric:tabular-nums;letter-spacing:.06em;opacity:.7}.btn{--cut: .45rem;padding:.48rem .95rem;border:1px solid var(--line-strong);background:var(--panel-strong);font-size:.78rem;font-weight:600;letter-spacing:.04em;transition:background var(--speed),border-color var(--speed),transform var(--speed)}.btn:hover:not(:disabled){background:var(--panel-strong);border-color:var(--accent);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.is-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.is-ghost{background:transparent}.btn.is-small{--cut: .35rem;padding:.3rem .6rem;font-size:.7rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(17rem,22vw,21rem);min-height:0}.board{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem;padding:.8rem;min-height:0;overflow:auto}.side{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--gap);align-items:stretch;padding:.55rem;border:1px solid var(--line);background:var(--panel);--cut: .9rem}.side.is-active{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent)}.side.is-opponent .side-main{flex-direction:column-reverse}.side-main{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.side-flank{display:flex;flex-direction:column;gap:var(--gap);justify-content:center}.midline{display:flex;align-items:center;gap:.8rem;padding:0 .4rem}.midline:before,.midline:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}.zone{display:flex;flex-direction:column;gap:.3rem;min-width:0}.zone-label{display:flex;align-items:center;gap:.4rem;font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.zone-label em{font-style:normal;color:var(--ink);opacity:.75}.zone-tray{display:flex;gap:.4rem;align-items:flex-start;flex-wrap:wrap;padding:.35rem;min-height:calc(var(--card-h) + .7rem);border:1px dashed var(--line);border-radius:var(--radius);background:var(--slot)}.zone-tray.is-tight{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.zone-tray.is-drop{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.slot-empty{display:grid;place-items:center;width:var(--card-w);height:var(--card-h);border:1px dashed var(--line);border-radius:calc(var(--radius) - .2rem);color:var(--muted);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}.counter{display:grid;place-items:center;gap:.1rem;width:var(--card-w);height:var(--card-h);border:1px solid var(--line);border-radius:calc(var(--radius) - .2rem);background:var(--panel-strong);text-align:center}.counter b{font-size:1.05rem;font-weight:700;line-height:1}.counter span{font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.card{position:relative;flex:0 0 auto;width:var(--card-w);height:var(--card-h);border-radius:calc(var(--radius) - .25rem);border:1px solid var(--line-strong);background:var(--panel-strong);overflow:hidden;transition:transform var(--speed),box-shadow var(--speed),outline-color var(--speed);outline:2px solid transparent;outline-offset:2px}.card img{display:block;width:100%;height:100%;object-fit:cover}.card.is-back{background:repeating-linear-gradient(135deg,rgb(255 255 255 / 4%) 0 6px,transparent 6px 12px),linear-gradient(160deg,#2b2f63,#14173a)}.card.is-rest{transform:rotate(90deg) scale(.86)}.card.is-selectable{cursor:pointer}.card.is-selectable:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--shadow-lift);z-index:3}.card.is-rest.is-selectable:hover{transform:rotate(90deg) scale(.92)}.card.is-selected{outline-color:var(--accent)}.card.is-target{outline-color:var(--red);cursor:crosshair}.card-color{position:absolute;inset:auto 0 0 0;height:3px;background:var(--color-mark, transparent)}.card-hp{position:absolute;top:3px;right:3px;display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .3rem;border-radius:999px;background:#080a16d1;color:#fff;font-size:.58rem;font-weight:700;line-height:1}.card-hp.is-live{gap:0;background:#080a16e0;font-size:.6rem}.card-hp.is-live i{font-style:normal;font-weight:600;opacity:.6}.card-hp.is-hurt{background:var(--red);color:#fff}.card-lv{position:absolute;top:3px;left:3px;padding:.1rem .28rem;border-radius:999px;background:#080a16d1;color:#fff;font-size:.55rem;font-weight:700;line-height:1}.card-name{position:absolute;inset:auto 0 0 0;padding:.5rem .25rem .2rem;background:linear-gradient(transparent,#060814e0);color:#fff;font-size:.52rem;font-weight:600;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-slot{position:relative;flex:0 0 auto;width:var(--card-w);height:var(--card-h)}.card-zoom{position:absolute;right:-.3rem;bottom:-.3rem;display:grid;place-items:center;width:1.15rem;height:1.15rem;padding:0;border:1px solid var(--line-strong);border-radius:50%;background:#080a16e0;color:#fff;opacity:0;transition:opacity var(--speed),transform var(--speed),background var(--speed);z-index:4}.card-zoom svg{display:block;width:.72rem;height:.72rem}.card-slot:hover .card-zoom,.card-slot:focus-within .card-zoom{opacity:1}.card-slot:hover .card-zoom{transform:translateY(-4px)}.card-slot.is-rest:hover .card-zoom{transform:none}.card-zoom:hover,.card-zoom:focus-visible{opacity:1;background:var(--accent);color:var(--accent-ink)}@media(hover:none){.card-zoom{opacity:.85}}.break-cards .card-zoom{display:none}.cookie{position:relative;display:flex;flex-direction:column;gap:.25rem;align-items:center}.hp-bar{display:flex;align-items:center;gap:.3rem;padding:.1rem .35rem;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);line-height:1}.hp-bar.is-hurt{border-color:color-mix(in srgb,var(--red) 55%,transparent)}.hp-count{font-size:.58rem;font-weight:600;color:var(--muted)}.hp-count b{font-size:.72rem;font-weight:700;color:var(--ink)}.hp-bar.is-hurt .hp-count b{color:var(--red)}.hp-pips{display:flex;gap:2px}.hp-pip{width:6px;height:6px;border-radius:2px;background:var(--accent)}.hp-pip.is-spent{background:var(--line-strong)}.break-pile{display:flex;flex-direction:column;gap:.3rem;min-width:0}.break-cards{--card-h: clamp(2.6rem, 4.2vw, 4rem);--card-w: calc(var(--card-h) * .716);display:flex;flex-wrap:wrap;gap:.2rem;max-width:calc(var(--card-h) * 1.6)}.counter.is-danger{border-color:color-mix(in srgb,var(--red) 60%,transparent);color:var(--red)}.hand{display:flex;flex-direction:column;gap:.35rem;padding:.6rem;border:1px solid var(--line);background:var(--panel);--cut: .9rem}.hand-cards{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:thin;min-height:calc(var(--card-h) + .4rem)}.inspector{display:grid;grid-template-rows:auto minmax(0,1fr);border-left:1px solid var(--line);background:var(--panel);min-height:0}.inspect-card{padding:.9rem;border-bottom:1px solid var(--line);display:grid;gap:.6rem}.inspect-art-btn{position:relative;display:block;width:100%;padding:0;cursor:zoom-in}.inspect-art{width:100%;aspect-ratio:.716;max-height:15rem;object-fit:contain;border-radius:var(--radius);background:var(--slot)}.inspect-art-hint{position:absolute;right:.4rem;bottom:.4rem;padding:.15rem .45rem;border-radius:999px;background:#080a16d1;color:#fff;font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:opacity var(--speed)}.inspect-art-btn:hover .inspect-art-hint,.inspect-art-btn:focus-visible .inspect-art-hint{opacity:1}.inspect-title{font-size:.95rem;font-weight:700;line-height:1.2}.inspect-meta{display:flex;flex-wrap:wrap;gap:.3rem}.tag{padding:.16rem .45rem;border:1px solid var(--line);border-radius:999px;font-size:.62rem;letter-spacing:.06em;color:var(--muted)}.tag.is-color{border-color:color-mix(in srgb,var(--tag-color) 60%,transparent);color:var(--tag-color)}.rules-text{font-size:.74rem;line-height:1.5;color:var(--muted);white-space:pre-wrap}.rules-text b{color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:.35rem}.log{overflow:auto;padding:.7rem .9rem;display:flex;flex-direction:column;gap:.3rem;scrollbar-width:thin}.log-line{font-size:.7rem;line-height:1.45;color:var(--muted);padding-left:.7rem;border-left:2px solid var(--line)}.log-line b{color:var(--ink);font-weight:600}.log-line.is-p1{border-left-color:var(--blue)}.log-line.is-p2{border-left-color:var(--red)}.log-line.is-alert{border-left-color:var(--accent);color:var(--ink)}.phases{display:flex;gap:.25rem;align-items:center}.phase-step{padding:.26rem .55rem;border-radius:999px;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid transparent}.phase-step.is-now{color:var(--accent-ink);background:var(--accent);font-weight:700}.phase-step.is-done{color:var(--ink);opacity:.55}.banner{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.55rem .8rem;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);--cut: .5rem;font-size:.76rem}.banner strong{font-weight:700}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.2rem;background:#040610b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40}.sheet{width:min(38rem,100%);max-height:85vh;overflow:auto;display:grid;gap:.9rem;padding:1.4rem;border:1px solid var(--line-strong);background:var(--bg);--cut: 1.1rem;box-shadow:var(--shadow-lift)}.sheet h1{margin:0;font-size:1.35rem;letter-spacing:-.01em}.sheet h2{margin:0;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.sheet p{margin:0;font-size:.82rem;line-height:1.55;color:var(--muted)}.overlay.is-zoom{padding:clamp(.7rem,3vw,2rem);background:#040610d6;cursor:zoom-out;z-index:50}.zoom-sheet{position:relative;display:grid;grid-template-columns:auto minmax(0,21rem);gap:clamp(.9rem,2.5vw,2rem);align-items:start;width:min(66rem,100%);max-height:100%;justify-content:center;cursor:default}.zoom-art{margin:0;display:grid;place-items:center}.zoom-art img{display:block;width:auto;max-width:100%;max-height:min(88vh,44rem);border-radius:1rem;box-shadow:0 30px 70px -25px #000c}.zoom-art-missing{display:grid;place-items:center;width:min(22rem,60vw);aspect-ratio:.716;border:1px dashed var(--line-strong);border-radius:1rem;background:var(--panel);color:var(--muted);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.zoom-detail{display:grid;gap:.6rem;align-content:start;max-height:min(88vh,44rem);overflow:auto;padding:1.1rem;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);scrollbar-width:thin}.zoom-title{font-size:1.15rem;font-weight:700;line-height:1.2}.zoom-close{position:absolute;top:0;right:0;border:1px solid var(--line-strong);background:var(--panel-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:900px){.zoom-sheet{grid-template-columns:minmax(0,1fr);justify-items:center;overflow:auto;padding-top:2.4rem}.zoom-art img{max-height:58vh}.zoom-detail{width:min(26rem,100%);max-height:none;overflow:visible}}.field{display:grid;gap:.35rem}.field input,.field select{padding:.5rem .65rem;border:1px solid var(--line-strong);border-radius:.5rem;background:var(--panel-strong);color:var(--ink);font:inherit;font-size:.85rem}.color-picks{display:flex;flex-wrap:wrap;gap:.4rem}.color-pick{--cut: .4rem;padding:.4rem .8rem;border:1px solid var(--line-strong);background:var(--panel);font-size:.75rem;font-weight:600;transition:border-color var(--speed),background var(--speed)}.color-pick[data-picked=true]{border-color:var(--pick-color);background:color-mix(in srgb,var(--pick-color) 18%,transparent);color:var(--pick-color)}.note{font-size:.68rem;line-height:1.5;color:var(--muted)}.loading{display:grid;place-items:center;height:100%;gap:.6rem;text-align:center;color:var(--muted);font-size:.85rem}.spinner{width:1.6rem;height:1.6rem;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.inspector{border-left:0;border-top:1px solid var(--line);max-height:40vh}}@media(max-width:720px){:root{--card-h: clamp(3.6rem, 15vw, 5rem)}.side{grid-template-columns:minmax(0,1fr)}.side-flank{flex-direction:row;justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}