:root{--bg: #f6f4ef;--panel: #ffffff;--ink: #1f1d1a;--muted: #6b665d;--own: #e3ece6;--enemy: #efe3e1;--a: #2f6b4f;--b: #9c3b33;--line: #d8d3c8;--accent: #2f6b4f;--sel: #d99a1e;--c1: #7d8590;--c2: #3f8a5c;--c3: #3a6fb0;--c4: #8a4fb0;--c5: #c08a1e}@media (prefers-color-scheme: dark){:root{--bg: #171614;--panel: #201f1c;--ink: #ece8e0;--muted: #a29c90;--own: #1f2b25;--enemy: #2d2120;--a: #6fc39b;--b: #e68a80;--line: #34312c;--accent: #6fc39b}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}.app{height:100%}h1{font-size:1.1rem;margin:4px 0}h2{font-size:.75rem;color:var(--muted);margin:6px 0 4px;font-weight:600}.sub,.status{color:var(--muted);font-size:.8rem}button{font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 10px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.boot-error{padding:24px;color:var(--b)}.rotate-hint{display:none}@media (orientation: portrait) and (max-width: 600px){.rotate-hint{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;align-items:center;justify-content:center;background:var(--bg);font-size:1rem}}.mode-select,.setup,.result{padding:12px 16px;max-width:900px;margin:0 auto}.carousel{display:flex;align-items:center;gap:6px;margin-top:8px}.arrow{font-size:1.4rem;padding:4px 10px}.cards{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 10px;flex:1;scrollbar-width:none}.cards::-webkit-scrollbar{display:none}.mode-card{scroll-snap-align:center;flex:0 0 min(32%,240px);min-height:52vh;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;padding:14px;border-radius:12px;border:2px solid var(--accent)}.mode-card.locked{border-color:var(--line)}.mode-name{font-size:1.2rem;font-weight:700}.mode-blurb{font-size:.8rem;color:var(--muted)}.mode-tag{font-size:.75rem;padding:2px 8px;border-radius:99px;background:var(--own)}.mode-card.locked .mode-tag{background:var(--line)}.setup-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choices{display:flex;flex-wrap:wrap;gap:8px}.choice.picked,.item.picked{border-color:var(--sel);box-shadow:0 0 0 2px var(--sel) inset}.setup-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.prepare{height:100%;display:flex;flex-direction:column}.topbar{display:flex;gap:10px;align-items:center;padding:4px 8px;font-size:.8rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.topbar .spacer{flex:1}.topbar button{padding:4px 8px;font-size:.8rem}.prep-body{flex:1;display:grid;grid-template-columns:7.5rem 1fr 10rem;gap:6px;padding:4px 6px;min-height:0}.traits,.shop{overflow-y:auto;font-size:.75rem}.trait{display:flex;justify-content:space-between;padding:3px 6px;border-radius:4px;background:var(--panel);margin-bottom:3px;color:var(--muted)}.trait.on{color:var(--ink);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.field-area{display:flex;flex-direction:column;align-items:center;min-width:0}.board{display:grid;gap:3px}.prep-board,.bench{width:min(100%,92vh)}.bench{display:grid;gap:3px;margin-top:6px}.cell{aspect-ratio:1;border-radius:4px;position:relative}.cell.own{background:var(--own)}.cell.enemy{background:var(--enemy)}.bench-cell{background:var(--panel);border:1px dashed var(--line)}.board-label{font-size:.65rem;color:var(--muted);margin:0 0 2px}.msg{min-height:1.2em;font-size:.75rem;color:var(--muted);margin:4px 0 0}.shop-card{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:4px;padding:4px 6px;font-size:.75rem;border-left:4px solid var(--c1)}.shop-card small{color:var(--muted)}.item-choice,.item{width:100%;margin-bottom:4px;font-size:.75rem;padding:4px 6px}.unit{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:4px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:2px;font-size:.55rem;line-height:1.1;overflow:hidden}.unit.side0{background:var(--a)}.unit.side1{background:var(--b)}.chip.cost1,.shop-card.cost1{background:var(--c1);border-left-color:var(--c1)}.chip.cost2{background:var(--c2)}.shop-card.cost2{border-left-color:var(--c2)}.chip.cost3{background:var(--c3)}.shop-card.cost3{border-left-color:var(--c3)}.chip.cost4{background:var(--c4)}.shop-card.cost4{border-left-color:var(--c4)}.chip.cost5{background:var(--c5)}.shop-card.cost5{border-left-color:var(--c5)}.shop-card.cost1{background:var(--panel)}.chip.selected{outline:3px solid var(--sel);outline-offset:-1px}.stars{font-size:.55rem}.hpbar{height:4px;background:#0000004d;border-radius:2px;overflow:hidden}.hpbar span{display:block;height:100%;background:#fff}.battle{height:100%;display:flex;flex-direction:column}.battle-board{width:min(100% - 16px,82vh);margin:6px auto}.topbar .picked{border-color:var(--sel);box-shadow:0 0 0 2px var(--sel) inset}.clock{min-width:6.5em;font-variant-numeric:tabular-nums}.topbar .win{color:var(--a)}.topbar .lose{color:var(--b)}.hpbar{position:relative}.shieldbar{position:absolute;left:0;top:0;height:100%;background:#f2e6b8!important;opacity:.9}.status-tag{font-size:.5rem;background:#00000059;border-radius:3px;padding:0 2px;align-self:flex-start}.flash-skill{box-shadow:0 0 0 3px var(--sel)}.flash-summon{box-shadow:0 0 0 3px #fff}.standings{columns:2;font-size:.85rem;padding-left:1.4em}.standings .me{font-weight:700;color:var(--accent)}.standings .out{color:var(--muted);text-decoration:line-through}.warn{color:var(--b)}