:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}*{box-sizing:border-box}h1{color:#111827;letter-spacing:0;margin:0 0 16px;font-size:clamp(42px,8vw,80px);line-height:1}.app-shell{background:radial-gradient(circle at 50% 0,#facc1529,#0000 34%),linear-gradient(#f8fafc 0%,#fff7ed 100%);align-content:center;justify-items:center;gap:24px;min-height:100svh;padding:32px;display:grid;overflow-x:hidden}:is(.app-shell:has(.board-panel),.app-shell:has(.battle-screen)){align-content:stretch;justify-items:stretch;gap:0;padding:0}.hero-panel,.flow-panel{width:min(100%,980px);min-width:0}.board-panel{width:100%;min-width:0}.title-kv{aspect-ratio:16/9;background:#0f172a;border-radius:12px;width:100%;max-height:540px;position:relative;overflow:hidden}.title-kv-bg{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.title-kv-content{background:linear-gradient(#0000 0%,#0006 60%,#000000b3 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:32px 40px;display:flex;position:absolute;inset:0}.title-lead{color:#ffffffe6;text-shadow:0 1px 4px #0009;margin:0 0 20px;font-size:15px;line-height:1.6}.title-actions{flex-wrap:wrap;gap:12px;display:flex}.title-actions button{color:#1f2937;background:#f59e0b;border-color:#f59e0b;font-weight:800}.title-actions button:hover{background:#d97706;border-color:#d97706}.title-actions .action-link.secondary{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-color:#fff9}.title-actions .action-link.secondary:hover{background:#ffffff40}@media (width<=480px){.title-kv{aspect-ratio:4/3;border-radius:8px;max-height:320px}.title-kv-content{padding:16px 20px}.title-lead{margin-bottom:14px;font-size:13px}}@media (width>=481px) and (width<=1024px){.title-kv{max-height:420px}.title-kv-content{padding:24px 32px}}.eyebrow{color:#b64a2b;text-transform:uppercase;margin:0 0 12px;font-size:14px;font-weight:700}.lead{color:#4b5563;max-width:620px;font-size:18px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.actions.vertical{display:grid}.move-item-panel{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:10px 12px;display:grid}.move-item-dice-control{gap:6px;display:grid}.move-item-dice-buttons{gap:6px;display:flex}.move-item-dice-buttons button{flex:1}.battle-item-buttons{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.item-icon{object-fit:contain;image-rendering:auto;flex-shrink:0;width:48px;height:48px;display:block}.item-button{align-items:center;gap:6px;display:inline-flex}.item-button .item-icon{width:28px;height:28px}.move-item-dice-label{align-items:center;gap:6px;display:inline-flex}.move-item-dice-label .item-icon{width:28px;height:28px}.inventory{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;display:flex}.inventory-label{color:#475569;font-size:14px}.inventory-list{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.inventory-item{background:#ffffffb3;border:1px solid #e2e8f0;border-radius:8px;flex-direction:row;align-items:center;gap:8px;min-width:0;padding:4px 8px;display:inline-flex}.inventory-item .item-icon{flex-shrink:0;width:48px;height:48px}.inventory-item-text{flex-direction:column;gap:1px;min-width:0;display:flex}.inventory-item-name{color:#334155;font-size:13px;font-weight:700;line-height:1.25}.inventory-item-desc{color:#64748b;overflow-wrap:anywhere;font-size:11px;line-height:1.3}.inventory-empty{color:#94a3b8;font-size:14px}.item-effect-desc{color:#64748b;overflow-wrap:anywhere;font-size:11px;line-height:1.3}.battle-item-action,.move-item-action{flex-direction:column;gap:2px;min-width:0;display:flex}button{color:#fff;cursor:pointer;min-height:44px;font:inherit;background:#1f2937;border:1px solid #1f2937;border-radius:8px;padding:10px 18px;font-weight:700}button:disabled{color:#64748b;cursor:not-allowed;background:#e2e8f0;border-color:#cbd5e1}button.secondary{color:#1f2937;background:#fff}button.secondary:disabled{color:#94a3b8;background:#f8fafc}.action-link{color:#fff;min-height:44px;font:inherit;background:#1f2937;border:1px solid #1f2937;border-radius:8px;align-items:center;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.action-link.secondary{color:#1f2937;background:#fff}.guide-panel{background:#ffffffeb;border:1px solid #e2e8f0;border-radius:8px;gap:14px;width:min(100%,980px);min-width:0;padding:16px;display:grid}.guide-panel h2{color:#111827;margin:0;font-size:28px;line-height:1.15}.guide-grid,.rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guide-grid article,.rule-grid article,.compact-guide{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.guide-grid h3,.rule-grid h3{color:#111827;margin:0 0 6px;font-size:16px}.guide-grid p,.rule-grid p,.compact-guide p,.helper-text{color:#475569;margin:0}.rule-grid article{background:#fffbeb;border-color:#fde68a}.compact-guide{max-width:680px;margin-top:18px}.setup-form{gap:18px;min-width:0;max-width:720px;margin-top:22px;display:grid}.player-count-field{border:0;min-width:0;margin:0;padding:0}.player-count-field legend,.name-field span{color:#111827;margin-bottom:8px;font-weight:800;display:block}.player-count-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.player-count-options button{width:100%}.name-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.name-field{min-width:0}.name-field input{box-sizing:border-box;color:#111827;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.helper-text{max-width:680px;font-size:15px}.status-grid,.starter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(100%,980px);display:grid}.status-grid article,.monster-card,.turn-panel{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:16px}.status-grid span{color:#111827;font-size:32px;font-weight:800}.status-grid p,.monster-card p,.turn-panel p{color:#6b7280;margin:4px 0 0}.monster-card{align-content:start;gap:12px;display:grid}.party-manage-panel{gap:14px;display:grid}.party-manage-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;display:grid}.party-manage-card.selected{background:#fffbeb;border-color:#f59e0b;box-shadow:inset 0 0 0 2px #f59e0b}.party-keep-toggle{color:#111827;align-items:center;gap:10px;min-height:44px;font-weight:800;display:flex}.party-keep-toggle input{width:22px;height:22px}.party-manage-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.party-manage-actions p{color:#111827;margin:0;font-weight:800}.monster-portrait{aspect-ratio:1;background:radial-gradient(circle at 50% 84%,#1118271f,#0000 36%),linear-gradient(#fff,#f8fafc);border:1px solid #e5e7eb;border-radius:8px;width:100%;display:block}img.monster-portrait{object-fit:contain;padding:4px}.monster-portrait-frame{width:100%;line-height:0;position:relative}.element-badge{object-fit:contain;pointer-events:none;background:#ffffffd9;border-radius:999px;width:34%;max-width:40px;height:auto;position:absolute;bottom:-4px;right:-4px;box-shadow:0 1px 3px #11182740}.monster-portrait-placeholder{color:#111827;letter-spacing:0;place-items:center;font-size:28px;font-weight:800;display:grid}.monster-portrait-placeholder.fire{background:radial-gradient(circle at 50% 84%,#ef444433,#0000 38%),linear-gradient(#fff7ed,#fff)}.monster-portrait-placeholder.water{background:radial-gradient(circle at 50% 84%,#2563eb33,#0000 38%),linear-gradient(#eff6ff,#fff)}.monster-portrait-placeholder.forest{background:radial-gradient(circle at 50% 84%,#16a34a33,#0000 38%),linear-gradient(#f0fdf4,#fff)}.monster-portrait-placeholder.thunder{background:radial-gradient(circle at 50% 84%,#ca8a0438,#0000 38%),linear-gradient(#fefce8,#fff)}.monster-card h2{margin:0}.element-chip{color:#fff;border-radius:999px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:800}.element-chip.fire{background:#dc2626}.element-chip.water{background:#2563eb}.element-chip.forest{background:#16a34a}.element-chip.thunder{background:#ca8a04}.board-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;min-width:0;display:grid}.board-canvas{aspect-ratio:1;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:320px;overflow:hidden}.board-canvas canvas{width:100%;height:100%;display:block}.battle-canvas{aspect-ratio:16/10;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-height:260px;overflow:hidden}.boss-trainer-portrait,.player-trainer-portrait{object-fit:contain;filter:drop-shadow(0 4px 8px #1118274d);pointer-events:none;width:100%;max-width:160px;height:auto;margin:8px auto 4px;display:block}.battle-canvas canvas{width:100%;height:100%;display:block}.party-list{gap:8px;margin-top:16px;display:grid}.turn-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.turn-summary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.turn-summary strong{color:#111827;font-size:24px;line-height:1.1;display:block}.metric-label{color:#92400e;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.party-list-visual{margin-top:14px}.die-result,.tile-event-card{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:0;padding:12px}.die-result{color:#111827;font-size:20px;font-weight:800}.tile-event-card{gap:8px;display:grid}.tile-event-card h2{color:#111827;margin:0;font-size:20px;line-height:1.15}.tile-event-card p{margin:0}.encounter-card{background:#fff7ed;border-color:#fed7aa}.encounter-card h3{color:#111827;margin:0 0 6px;font-size:18px;line-height:1.15}.encounter-art{justify-self:center;width:min(100%,180px)}.encounter-result{color:#111827;font-weight:800}.player-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.player-card.active{background:#fffbeb;border-color:#f59e0b;box-shadow:inset 4px 0 #f59e0b}.player-card h2,.battle-status-card h2{color:#111827;margin:2px 0;font-size:18px;line-height:1.15}.player-card p,.battle-status-card p{margin:2px 0}.player-card-left-col{flex-direction:column;align-items:center;gap:4px;width:64px;display:flex}.player-card-icon{object-fit:contain;background:#f8fafc;border:2px solid #e2e8f0;border-radius:999px;width:36px;height:36px}.player-card.active .player-card-icon{border-color:#f59e0b;box-shadow:0 0 0 2px #fde68a}.player-card-art{width:64px}.active-party-status{gap:8px;margin:10px 0;display:grid}.party-monster-status{background:#fff;border:1px solid #fde68a;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.party-monster-art{width:48px}.party-monster-body{min-width:0}.party-monster-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.party-monster-heading h3{color:#111827;margin:0;font-size:15px;line-height:1.15}.party-monster-heading p{color:#4b5563;font-size:12px}.party-monster-heading strong{color:#92400e;flex:none;font-size:14px}.hp-meter{background:#fee2e2;border-radius:999px;height:8px;margin:6px 0;overflow:hidden}.hp-meter span{border-radius:inherit;background:#22c55e;height:100%;display:block}.party-monster-stats{color:#374151;flex-wrap:wrap;gap:4px 10px;font-size:12px;font-weight:700;display:flex}.party-order-controls{margin-top:8px;display:flex}.party-lead-badge,.party-lead-button{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex}.party-lead-badge{color:#92400e;background:#fffbeb;border:1px solid #f59e0b}.party-lead-button{width:100%}.battle-panel{width:min(100%,1120px)}.battle-showcase{grid-template-columns:200px minmax(0,1fr) 200px;align-items:stretch;gap:16px;margin-top:18px;display:grid}.battle-matchup{color:#111827;margin:8px 0 0;font-size:20px;font-weight:900}.battle-player-card,.battle-arena{background:#fcfbf8;border:1px solid #e5e1d8;border-radius:14px;min-width:0}.battle-player-card{flex-direction:column;gap:10px;padding:14px;display:flex}.battle-player-card.active{border-color:#b45309;box-shadow:0 0 0 2px #b453091f}.battle-player-head{align-items:center;gap:8px;display:flex}.battle-player-chip{border-radius:999px;flex:none;width:14px;height:14px}.battle-player-card h2,.battle-fighter-card h2{color:#111827;margin:0;line-height:1.15}.battle-player-card h2{font-size:15px}.battle-player-role,.battle-party-mini p,.battle-fighter-level,.battle-hpnum{color:#8b8578;margin:0;font-size:12px}.battle-party-mini{gap:6px;display:grid}.battle-party-mini p{align-items:center;gap:6px;display:flex}.battle-party-mini .lead{color:#111827;font-weight:800}.battle-party-dot{border-radius:999px;flex:none;width:8px;height:8px}.battle-arena{background:linear-gradient(#fff,#f6f3ec);gap:12px;padding:14px;display:grid}.battle-canvas-frame{min-width:0}.battle-canvas-frame .battle-canvas{background:#fff;border-color:#e5e1d8}.battle-fighters{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.battle-fighter-card{background:#ffffffdb;border:1px solid #e5e1d8;border-radius:12px;min-width:0;padding:12px}.battle-fighter-card h2{margin-top:6px;font-size:16px}.battle-vs{color:#8b8578;font-size:13px;font-weight:900}.battle-hpbar{background:#e9e5dc;border:1px solid #e5e1d8;border-radius:999px;height:12px;margin-top:8px;overflow:hidden}.battle-hpbar span{border-radius:inherit;background:#22c55e;height:100%;display:block}.battle-hpnum{margin-top:4px}.battle-control-grid{grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:14px;min-width:0;margin-top:14px;display:grid}.battle-command-panel,.battle-log-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:0;padding:14px}.battle-command-panel h2,.battle-log-panel h2,.battle-result h2{color:#111827;margin:0 0 10px;font-size:20px;line-height:1.15}.move-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.move-buttons button{width:100%}.effectiveness-message{color:#b45309;min-height:28px;margin:12px 0 0;font-size:18px;font-weight:800}.battle-result{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;gap:8px;margin-top:12px;padding:12px;display:grid}.battle-result p{color:#111827;margin:0;font-weight:800}.battle-log-panel ol{gap:6px;max-height:220px;margin:0;padding-left:20px;display:grid;overflow:auto}.battle-log-panel li{color:#374151}.boss-queue{grid-template-columns:repeat(3,minmax(0,1fr))}.boss-queue p{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:10px}.battle-screen{--battle-bg:#09111f;--battle-panel:#0d1726db;--battle-line:#d3e2ff2e;--battle-ink:#f8fafc;--battle-sub:#b8c5d8;--battle-accent:#d6a84f;--battle-accent-soft:#0d1726d1;--battle-stage-floor:#94a3b838;--battle-stage-line:#e2e8f03d;--battle-stage-ring:#d6a84f6b;--battle-mon-size:clamp(176px, 48vw, 204px);--battle-mon-shadow:#02061785;--foe-aura:#3b82f680;--mine-aura:#ef444485;--hp-good:#22c55e;--hp-mid:#eab308;--hp-low:#ef4444;z-index:40;background:radial-gradient(circle at 20% 18%, var(--foe-aura), transparent 28%), radial-gradient(circle at 80% 18%, var(--mine-aura), transparent 28%), linear-gradient(180deg, #111827 0%, #07111f 48%, #05070d 100%);color:var(--battle-ink);flex-direction:column;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.battle-screen-bar{z-index:2;background:var(--battle-accent-soft);border-bottom:1px solid var(--battle-line);flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:relative}.battle-screen-tag{background:var(--battle-accent);color:#1a1305;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.battle-screen-hint{color:var(--battle-sub)}.battle-screen-arena{isolation:isolate;flex-direction:column;flex:1;justify-content:space-between;align-items:stretch;gap:6px;min-height:0;padding:16px 14px 18px;display:flex;position:relative;overflow:hidden}.battle-screen-arena-bg{z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 22% 38%, var(--foe-aura), transparent 22%), radial-gradient(ellipse at 78% 38%, var(--mine-aura), transparent 22%), radial-gradient(ellipse at 50% 52%, #d6a84f2e, transparent 36%), linear-gradient(180deg, #0f172a59, #020617eb);position:absolute;inset:0}.battle-screen-arena-bg:before,.battle-screen-arena-bg:after{content:"";pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.battle-screen-arena-bg:before{background:repeating-radial-gradient(ellipse at 50% 50%, transparent 0 28px, var(--battle-stage-line) 29px 30px), radial-gradient(ellipse at 50% 50%, var(--battle-stage-floor), transparent 72%);border:1px solid var(--battle-stage-line);border-radius:50%;width:min(76vw,980px);height:min(34vh,280px);bottom:8%;box-shadow:inset 0 0 46px #ffffff0d,0 26px 80px #00000057}.battle-screen-arena-bg:after{border:1px solid var(--battle-stage-ring);width:min(36vw,440px);height:min(10vh,86px);box-shadow:-30vw 0 46px var(--foe-aura), 30vw 0 46px var(--mine-aura), inset 0 0 28px #d6a84f29;border-radius:50%;bottom:18%}.battle-screen-side{z-index:1;flex-direction:column;flex:1;gap:6px;min-width:0;display:flex;position:relative}.battle-screen-side--foe{justify-content:flex-start;align-items:flex-start}.battle-screen-side--mine{justify-content:flex-end;align-items:flex-end}.battle-screen-side--mine .battle-screen-mon-row{justify-content:flex-end}.battle-screen-mon-row{z-index:1;align-items:center;gap:8px;width:100%;min-width:0;display:flex;position:relative}.battle-screen-side--foe .battle-screen-mon-row{justify-content:flex-start}.battle-screen-trainer-cutin{pointer-events:none;z-index:0;opacity:.94;flex-direction:column;justify-content:flex-end;width:clamp(120px,34vw,260px);transition:opacity .2s,filter .2s;display:flex;position:absolute;top:0;bottom:0}.battle-screen-trainer-cutin--active{opacity:1;filter:drop-shadow(0 0 14px var(--trainer-glow,#7c3aed47))}.battle-screen-trainer-cutin--mine{align-items:flex-start;left:-14px}.battle-screen-trainer-cutin--foe{align-items:flex-end;right:-14px}.battle-screen-trainer-cutin-art{width:100%;height:clamp(156px,42vh,312px);position:relative;overflow:hidden}.battle-screen-trainer-cutin--mine .battle-screen-trainer-cutin-art{-webkit-mask-image:linear-gradient(90deg,#000 78%,#0000008c 92%,#0000 100%);mask-image:linear-gradient(90deg,#000 78%,#0000008c 92%,#0000 100%)}.battle-screen-trainer-cutin--foe .battle-screen-trainer-cutin-art{-webkit-mask-image:linear-gradient(270deg,#000 78%,#0000008c 92%,#0000 100%);mask-image:linear-gradient(270deg,#000 78%,#0000008c 92%,#0000 100%)}.battle-screen-trainer-cutin-art:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.battle-screen-trainer-cutin--mine .battle-screen-trainer-cutin-art:before{background:linear-gradient(108deg,#0000 0% 42%,#060a1459 58%,#040812c7 68%,#080c188c 78%,#0000 92%)}.battle-screen-trainer-cutin--foe .battle-screen-trainer-cutin-art:before{background:linear-gradient(252deg,#0000 0% 42%,#060a1459 58%,#040812c7 68%,#080c188c 78%,#0000 92%)}.battle-screen-trainer-cutin-art:after{content:"";z-index:2;pointer-events:none;opacity:.22;position:absolute;inset:0}.battle-screen-trainer-cutin--mine .battle-screen-trainer-cutin-art:after{background:radial-gradient(ellipse 90% 38% at 6% 96%, var(--trainer-aura,#7c3aed38), transparent 72%), linear-gradient(to right, var(--trainer-aura,#7c3aed1f) 0%, transparent 28%)}.battle-screen-trainer-cutin--foe .battle-screen-trainer-cutin-art:after{background:radial-gradient(ellipse 90% 38% at 94% 96%, var(--trainer-aura,#7c3aed38), transparent 72%), linear-gradient(to left, var(--trainer-aura,#7c3aed1f) 0%, transparent 28%)}.battle-screen-trainer-cutin--active .battle-screen-trainer-cutin-art:after{opacity:.34}.battle-screen-trainer-cutin-art img{object-fit:cover;object-position:50% 6%;filter:saturate(.97)brightness(.94);width:100%;height:100%;transition:filter .2s;display:block}.battle-screen-trainer-cutin--active .battle-screen-trainer-cutin-art img{filter:saturate()brightness(1.02)}.battle-screen-trainer-cutin-cap{letter-spacing:.02em;color:#f8fafceb;max-width:88%;text-shadow:0 1px 10px #000000e0, 0 0 18px var(--trainer-aura,#7c3aed73);background:linear-gradient(#0f172a14,#0f172a6b);border-radius:4px;padding:3px 10px 4px;font-size:clamp(10px,2.5vw,13px);font-weight:700;position:absolute;bottom:10%}.battle-screen-trainer-cutin--mine .battle-screen-trainer-cutin-cap{text-align:left;border-left:2px solid var(--trainer-edge,#7c3aedb8);left:10px}.battle-screen-trainer-cutin--foe .battle-screen-trainer-cutin-cap{text-align:right;border-right:2px solid var(--trainer-edge,#7c3aedb8);right:10px}.battle-screen-trainer-cutin--red{--trainer-aura:#ef444447;--trainer-edge:#ef4444e0;--trainer-glow:#ef444452}.battle-screen-trainer-cutin--blue{--trainer-aura:#3b82f647;--trainer-edge:#3b82f6e0;--trainer-glow:#3b82f652}.battle-screen-trainer-cutin--green{--trainer-aura:#22c55e42;--trainer-edge:#22c55ee0;--trainer-glow:#22c55e4d}.battle-screen-trainer-cutin--yellow{--trainer-aura:#eab30847;--trainer-edge:#eab308e0;--trainer-glow:#eab30852}.battle-screen-trainer-cutin-name{line-height:1.2;display:block}.battle-screen-fighter{align-items:center;gap:8px;width:100%;min-width:0;display:flex;position:relative}.battle-screen-fighter--foe{justify-content:flex-start}.battle-screen-fighter--mine{flex-direction:row-reverse;justify-content:flex-end}.battle-screen-mon{width:var(--battle-mon-size);height:var(--battle-mon-size);z-index:0;background:radial-gradient(circle at 50% 54%,#fffffffa,#e2e8f033 58%,#0000 72%),radial-gradient(circle at 50% 58%,#d6a84f47,#0000 76%);border:1px solid #f5eabf47;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 22px 54px #00000061,inset 0 0 28px #ffffff1f}.battle-screen-mon:before,.battle-screen-mon:after{content:"";pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.battle-screen-mon:before{z-index:-1;background:radial-gradient(ellipse at 50% 50%, var(--battle-mon-shadow), transparent 70%);filter:blur(2px);border-radius:50%;width:102%;height:26%;bottom:-4%}.battle-screen-mon:after{z-index:-1;border:1px solid var(--battle-stage-ring);width:118%;height:38%;box-shadow:inset 0 0 18px #d6a84f2e, 0 0 22px var(--foe-aura);border-radius:50%;bottom:-8%}.battle-screen-mon--mine:after{box-shadow:inset 0 0 18px #d6a84f2e, 0 0 22px var(--mine-aura)}.battle-screen-mon .monster-portrait-frame,.battle-screen-mon .battle-screen-mon-art,.battle-screen-mon .monster-portrait{z-index:1;width:100%;height:100%;box-shadow:none;object-fit:contain;background:0 0;border:none;padding:0;position:relative}.battle-screen-mon .monster-portrait-frame{place-items:center;display:grid}.battle-screen-mon .element-badge{display:none}.battle-screen-info{text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#121a2cf0,#080c18e6);border:1px solid #d6a84f3d;border-radius:10px;flex:1;min-width:min(148px,100%);max-width:min(248px,62vw);padding:8px 10px 7px;box-shadow:0 10px 24px #00000057,inset 0 1px #ffffff12}.battle-screen-info-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.battle-screen-element-icon{border:1.5px solid #ffffff38;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid;overflow:hidden;box-shadow:0 2px 8px #00000059,inset 0 1px #ffffff47}.battle-screen-element-icon img{object-fit:contain;filter:drop-shadow(0 1px 2px #00000059);width:72%;height:72%}.battle-screen-element-icon.fire{background:linear-gradient(145deg,#ef4444,#b91c1c)}.battle-screen-element-icon.water{background:linear-gradient(145deg,#3b82f6,#1d4ed8)}.battle-screen-element-icon.forest{background:linear-gradient(145deg,#22c55e,#15803d)}.battle-screen-element-icon.thunder{background:linear-gradient(145deg,#facc15,#ca8a04)}.battle-screen-info-title{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 6px;min-width:0;display:grid}.battle-screen-name{color:#f1f5f9;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:clamp(10px,2.9vw,14px);font-weight:800;line-height:1.2;overflow:hidden}.battle-screen-level{color:#94a3b8;white-space:nowrap;font-size:11px;font-weight:600;line-height:1.2}.battle-screen-bigmove-badge{color:#d6c48a;background:#00000047;border:1px solid #d6a84f52;border-radius:999px;margin-top:4px;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.3;display:inline-block}.battle-screen-hpbar{background:#0000006b;border:1px solid #ffffff1f;border-radius:999px;height:15px;margin-top:6px;overflow:hidden;box-shadow:inset 0 2px 4px #00000059}.battle-screen-hpbar span{border-radius:999px;height:100%;transition:width .25s;display:block;position:relative;box-shadow:inset 0 1px #ffffff59}.battle-screen-hpbar span:after{content:"";pointer-events:none;background:linear-gradient(#ffffff6b,#0000);border-radius:999px;height:42%;position:absolute;top:1px;left:3px;right:3px}.battle-screen-hpnum{color:#dbe4f0;letter-spacing:.02em;margin:4px 0 0;font-size:11px;font-weight:600}.battle-screen-vs{text-align:center;color:var(--battle-sub);font-size:16px;font-weight:800;display:none}.battle-screen-float{text-shadow:0 1px 8px #0000008c;pointer-events:none;z-index:2;font-weight:800;position:absolute}.battle-screen-float--dmg{color:var(--hp-low);font-size:32px;top:34%;left:30%}.battle-screen-float--eff{color:#fff;background:var(--battle-accent);border-radius:999px;padding:3px 10px;font-size:13px;top:28%;left:46%}.battle-screen-commands{border-top:1px solid var(--battle-line);padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));z-index:1;background:#050910f0;flex:none;position:relative}.battle-screen-commands-lead{color:var(--battle-sub);margin:0 2px 8px;font-size:11px}.battle-screen-cmd-deck{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:4px;display:grid}.battle-screen-cmd-panel{gap:6px;min-width:0;display:grid}.battle-screen-cmd-panel-heading{text-align:center;letter-spacing:.08em;color:var(--battle-accent);text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.battle-screen-cmd-panel--big .battle-screen-cmd-panel-heading{color:#93c5fd}.battle-screen-cmd-card{width:100%;min-height:52px;color:var(--battle-ink);cursor:pointer;background:linear-gradient(#182234f5,#0a101cfa);border:1px solid #d6a84f6b;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00000047}.battle-screen-cmd-card--big{background:linear-gradient(#12203afa,#080e1cfa);border-color:#60a5fa80;box-shadow:inset 0 0 0 1px #3b82f62e,inset 0 1px #ffffff14,0 8px 18px #00000047}.battle-screen-cmd-card--fire{border-color:#f871718c}.battle-screen-cmd-card--water{border-color:#60a5fa8c}.battle-screen-cmd-card--forest{border-color:#4ade808c}.battle-screen-cmd-card--thunder{border-color:#facc158c}.battle-screen-cmd-card-body{text-align:left;flex:1;gap:2px;min-width:0;display:grid}.battle-screen-cmd-card-name{text-overflow:ellipsis;white-space:nowrap;line-height:1.2;overflow:hidden}.battle-screen-cmd-card-tag{color:#fcd34d;font-size:10px;font-weight:700}.battle-screen-cmd-card-status,.battle-screen-item-slot-status{color:#fca5a5;letter-spacing:.04em;flex:none;font-size:10px;font-weight:700}.battle-screen-cmd-card--locked,.battle-screen-item-slot--locked{opacity:.48;cursor:not-allowed}.battle-screen-cmd-card:disabled,.battle-screen-item-slot:disabled{cursor:not-allowed}.battle-screen-item-slots{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:8px;display:grid}.battle-screen-item-slot{min-height:48px;color:var(--battle-ink);cursor:pointer;background:#0c1422eb;border:1px solid #d6a84f57;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff0f}.battle-screen-item-slot-name{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.battle-screen-item-slot-count{color:var(--battle-accent);font-size:12px;font-weight:800}.battle-screen-item-slot-status{grid-column:1/-1;justify-self:end}.battle-screen-cmd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.battle-screen-cmd-grid button{border:1px solid var(--battle-ink);color:#0f172a;cursor:pointer;background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:14px 10px;font-size:14px;font-weight:700;display:flex}.battle-screen-cmd-grid button.ghost{color:var(--battle-ink);border-color:var(--battle-line);background:#0f172ab3}.battle-screen-cmd-grid button.used{opacity:.45}.battle-screen-cmd-grid button:disabled{opacity:.45;cursor:not-allowed}.battle-screen-item-buttons{gap:8px;margin-top:8px;display:grid}.battle-screen-item-action{gap:4px;display:grid}.battle-screen-item-btn{border:1px solid var(--battle-line);width:100%;color:var(--battle-ink);cursor:pointer;background:#0f172ab3;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:14px 10px;font-size:14px;font-weight:700;display:flex}.battle-screen-item-btn:disabled{opacity:.45;cursor:not-allowed}.battle-screen-item-desc{color:var(--battle-sub);font-size:11px}.battle-screen-log-panel{color:var(--battle-sub);margin:8px 2px 0;font-size:11px;line-height:1.6}.battle-screen-log-panel h2,.battle-screen-log-panel .metric-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.battle-screen-log-panel ol{margin:0;padding-left:18px}.battle-screen-log-panel li{margin:0}.battle-screen-helper{color:var(--battle-sub);margin:8px 2px 0;font-size:11px}.battle-screen-log{color:var(--battle-sub);margin:8px 2px 0;font-size:11px;line-height:1.6}.battle-screen-result{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;gap:8px;margin-top:10px;padding:12px;display:grid}.battle-screen-result h2{margin:0;font-size:20px}.battle-screen-result p{margin:0;font-weight:800}.battle-screen-legacy{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=767px){.battle-screen{--battle-mon-size:clamp(136px, 36vw, 204px)}.battle-screen-info{max-width:min(248px,62vw)}}@media (width>=768px){.battle-screen{--battle-mon-size:clamp(248px, 30vw, 304px)}.battle-screen-arena{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;padding:16px 24px;display:grid}.battle-screen-side{align-items:stretch;gap:10px}.battle-screen-side--foe{align-items:flex-end;padding-right:clamp(4px,1.8vw,28px)}.battle-screen-side--mine{align-items:flex-start;padding-left:clamp(4px,1.8vw,28px)}.battle-screen-side--mine .battle-screen-mon-row{order:1}.battle-screen-mon-row,.battle-screen-side--mine .battle-screen-mon-row{flex-direction:column;justify-content:center;gap:10px;width:auto}.battle-screen-fighter,.battle-screen-fighter--mine{flex-direction:column;justify-content:center;align-items:center}.battle-screen-fighter--foe{transform:translate(5%)}.battle-screen-fighter--mine{transform:translate(-5%)}.battle-screen-info{min-width:248px;max-width:280px;margin-top:-4px}.battle-screen-trainer-cutin{width:clamp(156px,24vw,284px)}.battle-screen-trainer-cutin--mine{left:-24px}.battle-screen-trainer-cutin--foe{right:-24px}.battle-screen-trainer-cutin-art{height:clamp(196px,46vh,348px)}.battle-screen-float--dmg{top:40%;left:30%}.battle-screen-float--eff{top:32%;left:36%}.battle-screen-cmd-deck{grid-template-columns:minmax(0,1.1fr) minmax(0,1.1fr) minmax(180px,.9fr);align-items:start}.battle-screen-item-slots{grid-column:auto;grid-template-columns:1fr;align-self:stretch}.battle-screen-cmd-card,.battle-screen-item-slot{min-height:56px}}@media (width>=1280px){.battle-screen{--battle-mon-size:clamp(304px, 23vw, 348px)}.battle-screen-side--foe{padding-right:clamp(18px,3vw,56px)}.battle-screen-side--mine{padding-left:clamp(18px,3vw,56px)}.battle-screen-trainer-cutin{width:clamp(176px,20vw,300px)}.battle-screen-trainer-cutin-art{height:clamp(216px,48vh,380px)}.battle-screen-float--dmg{top:40%;left:30%}.battle-screen-float--eff{top:32%;left:36%}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.board-panel{width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.board-fullscreen{background:linear-gradient(160deg,#f7f3ea,#efe9dd);width:100%;height:100%;position:relative}.board-fullscreen .board-canvas{aspect-ratio:unset;min-height:unset;border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:100px 0 172px;overflow:hidden}@media (width>=600px){.board-fullscreen .board-canvas{top:64px;bottom:160px}}@media (width>=1024px){.board-fullscreen .board-canvas{top:64px;bottom:150px}}.board-canvas-inner{flex:none;position:relative}.board-canvas-inner canvas{display:block;width:100%!important;height:100%!important}.board-hud{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;background:#ffffffeb;border:1px solid #e5e1d8;border-radius:14px;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:flex;position:absolute;top:8px;left:8px;right:8px;box-shadow:0 3px 10px #2c2a2614}.board-hud-turn{background:#fcefdc;border:1px solid #b45309;border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 9px 3px 4px;display:flex}.board-hud-avatar{object-fit:cover;border:2px solid;border-radius:50%;flex:none;width:22px;height:22px}.board-hud-name{color:#2c2a26;font-size:12px;font-weight:700}.board-hud-stat{color:#8b8578;white-space:nowrap;font-size:11px}.board-hud-stat strong{color:#2c2a26}.board-hud-stat--wide{display:none}@media (width>=600px){.board-hud-stat--wide{display:inline}}.board-hud-spacer{flex:1}.board-hud-goal{color:#fff;background:#2c2a26;border-radius:999px;flex:none;padding:3px 10px;font-size:11px;font-weight:700}.board-hud-lead-peek{background:#fff;border:1px solid #e5e1d8;border-radius:999px;flex:none;align-items:center;gap:5px;padding:2px 8px 2px 3px;display:flex}.board-hud-lead-face{background:linear-gradient(#fff,#f8fafc);border:1px solid #e5e1d8;border-radius:50%;flex:none;width:22px;height:22px;display:block;overflow:hidden}.board-hud-lead-portrait{width:22px;height:22px}.board-hud-lead-meta{flex-direction:column;gap:2px;line-height:1.1;display:flex}.board-hud-lead-hp-bar{background:#e9e5dc;border:1px solid #e5e1d8;border-radius:999px;width:40px;height:5px;display:block;overflow:hidden}.board-hud-lead-hp-bar>span{background:#22c55e;border-radius:999px;height:100%;display:block}.board-hud-lead-hp-txt{color:#8b8578;font-size:9px}.board-others{z-index:4;flex-wrap:wrap;gap:5px;display:flex;position:absolute;top:52px;left:8px;right:8px}.board-other-chip{color:#8b8578;cursor:pointer;background:#ffffffe6;border:1px solid #e5e1d8;border-radius:999px;align-items:center;gap:4px;min-height:44px;padding:3px 12px 3px 3px;font-size:10px;display:flex}.board-other-chip:hover{background:#fff;border-color:#b45309}.board-other-avatar{object-fit:cover;border:2px solid;border-radius:50%;flex:none;width:16px;height:16px}.board-other-name{color:#2c2a26;font-weight:600}.board-other-loc{color:#8b8578}.board-dice-overlay{pointer-events:none}.board-dice-label{margin:0}.dice-roll-canvas{pointer-events:none;overflow:visible}.board-tile-overlay{z-index:7;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:10px;left:8px;right:8px}.board-item-banner{background:#fffffff7;border:1px solid #b45309;border-radius:16px;align-items:center;gap:12px;padding:12px;display:flex;box-shadow:0 6px 18px #2c2a2624}.board-item-banner .metric-label{margin-bottom:4px;display:block}.board-item-banner h2{color:#2c2a26;margin:0 0 4px;font-size:15px}.board-item-banner p{color:#8b8578;margin:0;font-size:12px}.board-item-pic{background:#fcefdc;border:1px solid #b45309;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.board-item-txt{flex:1;min-width:0;padding-bottom:40px}.board-item-banner{position:relative}.board-item-banner-action{position:absolute;bottom:12px;right:12px}.board-item-banner-action button{min-height:40px;padding:8px 18px;font-size:13px}.board-tile-overlay-actions{justify-content:flex-end;display:flex}.board-confirm-overlay{z-index:9;background:#2c2a2673;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.board-confirm-card{background:#fff;border:1px solid #e5e1d8;border-radius:18px;gap:8px;width:100%;max-width:360px;padding:18px;display:grid;box-shadow:0 10px 30px #2c2a2647}.board-confirm-card h2{color:#2c2a26;margin:0;font-size:17px}.board-confirm-card p{color:#8b8578;margin:0;font-size:13px}.board-confirm-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.message-dialog-kicker{letter-spacing:.12em;text-transform:uppercase;color:#a8a296;margin:0;font-size:10px;font-weight:600}.message-dialog-actions{gap:10px;margin-top:10px;display:grid}.message-dialog-actions--single{grid-template-columns:1fr}.message-dialog-actions--dual{grid-template-columns:1fr 1fr}.message-dialog-actions--stack{grid-template-columns:1fr}.message-dialog-btn{min-height:44px;font:inherit;cursor:pointer;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}.message-dialog-btn--primary{color:#fff;background:#ea580c;border:1px solid #ea580c}.message-dialog-btn--primary:hover{background:#d97706;border-color:#d97706}.message-dialog-btn--secondary{color:#2c2a26;background:#fff;border:1px solid #e5e1d8}.message-dialog-btn--secondary:hover{background:#faf9f7;border-color:#d4cfc4}.message-dialog-reward{background:#faf9f7;border:1px solid #e5e1d8;border-radius:12px;align-items:center;gap:12px;margin-top:4px;padding:10px 12px;display:flex}.message-dialog-reward-icon{background:#fff;border:1px solid #e5e1d8;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.message-dialog-reward-text{color:#8b8578;font-size:13px;line-height:1.5}.battle-screen .message-dialog-overlay{z-index:20;position:absolute}.board-encounter-overlay{bottom:unset;z-index:8;top:50%;left:12px;right:12px;transform:translateY(-50%)}.board-encounter-card{background:#fffffff7;border:1px solid #fed7aa;border-radius:16px;gap:8px;padding:16px;display:grid;box-shadow:0 8px 24px #2c2a2629}.board-encounter-card h2{color:#2c2a26;margin:0;font-size:18px}.board-encounter-card h3{color:#2c2a26;margin:0 0 4px;font-size:15px}.board-encounter-card p{color:#4b5563;margin:0;font-size:13px}.board-enc-overlay{z-index:8;color:#fff;cursor:default;background:radial-gradient(circle at 50% 20%,#dbeafe8f,#0000 18%),radial-gradient(circle at 50% 42%,#3b82f657,#0000 28%),radial-gradient(circle at 82% 8%,#22c55e2e,#0000 26%),radial-gradient(circle at 16% 80%,#3b82f638,#0000 32%),linear-gradient(165deg,#06233f 0%,#0f4d68 48%,#071a2e 100%);justify-content:center;align-items:stretch;padding:16px 14px 12px;display:flex;position:absolute;inset:0;overflow:hidden}.board-enc-overlay:before{content:"";pointer-events:none;background:radial-gradient(#0000 42%,#040e18b8 78%),linear-gradient(90deg,#0000,#ffffff14,#0000);position:absolute;inset:0}.board-enc-overlay:after{content:"";opacity:.28;pointer-events:none;background:repeating-linear-gradient(105deg,#ffffff0b 0 1px,#0000 1px 18px);position:absolute;inset:0}.board-enc-sheet{z-index:1;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;width:100%;max-width:520px;display:grid;position:relative}.board-enc-banner{color:#2c2a26;text-align:center;background:linear-gradient(#fffffff5,#dbeafee6);border:1px solid #ffffffb8;border-radius:8px;justify-self:center;max-width:100%;padding:10px 18px 12px;box-shadow:0 10px 26px #040e1857}.board-enc-appear{color:#2c2a26;margin:0 0 7px;font-size:16px;font-weight:900;line-height:1.25}@media (width>=640px){.board-enc-appear{font-size:20px}}@media (width>=1100px){.board-enc-appear{font-size:24px}}.board-enc-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.board-enc-lv{color:#fff;background:#2c2a26db;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}.board-enc-stage{place-items:center;min-height:0;display:grid;position:relative}.board-enc-monster-wrap{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;min-height:clamp(220px,52vw,320px);padding-bottom:6px;display:flex;position:relative}.board-enc-aura{filter:blur(2px);background:radial-gradient(circle,#dbeafec7 0%,#3b82f66b 34%,#0ea5e929 56%,#0000 72%);border-radius:50%;position:absolute;inset:10% 0 20%}.board-enc-spotlight{background:radial-gradient(#dbeafead,#3b82f647 48%,#0000 72%);border-radius:50%;height:28px;position:absolute;bottom:10%;left:15%;right:15%}.board-enc-shadow{filter:blur(2px);background:#0108126b;border-radius:50%;width:min(180px,42%);height:14px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.board-enc-monster-wrap .monster-portrait-frame{z-index:1;justify-content:center;align-items:flex-end;width:100%;max-width:100%;display:flex;position:relative}.board-enc-art{z-index:1;filter:drop-shadow(0 12px 24px #00000052);width:100%;max-width:100%;position:relative}.board-enc-monster-wrap .monster-portrait-frame .board-enc-art,.board-enc-art.monster-portrait{box-shadow:none;object-fit:contain;object-position:center bottom;aspect-ratio:1;background:0 0;border:none;height:auto;max-height:min(68vw,300px);padding:0}.board-enc-info{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.board-enc-info-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#ffffffd1;background:#ffffff29;border:1px solid #ffffff47;border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:7px 4px;font-size:10px;display:flex;box-shadow:inset 0 1px #ffffff2e}.board-enc-info-item strong{color:#fff;font-size:15px;line-height:1.1;display:block}.board-enc-actions{flex-direction:column;gap:6px;display:flex}@media (width>=1100px){.board-enc-actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}}.board-enc-btn{color:#2c2a26;cursor:pointer;text-align:left;background:#fffffff0;border:1px solid #ffffff47;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:52px;padding:9px 12px;font-size:13px;font-weight:700;display:flex;box-shadow:0 8px 18px #040e1833}.board-enc-btn:active{opacity:.85}.board-enc-ico{flex:none;font-size:22px}.board-enc-txt{flex-direction:column;gap:1px;display:flex}.board-enc-lbl{font-size:14px;font-weight:800}.board-enc-desc{color:#8b8578;font-size:10px;font-weight:400}.board-enc-btn--primary{color:#fff;background:linear-gradient(#d97706,#b45309);border-color:#ffffff5c;box-shadow:0 10px 22px #b4530957}.board-enc-btn--primary .board-enc-desc{color:#fffc}.board-enc-btn--flee{color:#8b8578;background:#ffffffd1}@media (width>=1100px){.board-enc-btn{flex-direction:column;justify-content:center;align-items:flex-start;min-height:88px}.board-enc-sheet{gap:14px;max-width:680px}}.board-enc-dice-wrap{z-index:1;place-items:center;width:100%;min-height:240px;display:grid;position:relative;overflow:visible}.board-enc-result-wrap{z-index:1;cursor:pointer;place-items:center;width:100%;padding:20px;display:grid;position:relative}.board-enc-result{color:#2c2a26;text-align:center;background:linear-gradient(#fffffff7,#f7f3eaed);border:1px solid #ffffffb8;border-radius:10px;width:min(100%,298px);padding:20px 18px 16px;box-shadow:0 14px 34px #040e1861}.board-enc-result--captured{border-color:#d977065c}.board-enc-result--escaped,.board-enc-result--flee{border-color:#8b857857}.board-enc-result-kicker{color:#fff;background:#b45309;border-radius:999px;justify-content:center;align-items:center;min-height:22px;padding:2px 10px;font-size:11px;font-weight:800;display:inline-flex}.board-enc-result--escaped .board-enc-result-kicker,.board-enc-result--flee .board-enc-result-kicker{background:#8b8578}.board-enc-result-portrait{justify-content:center;margin:12px 0 8px;display:flex}.board-enc-result-portrait .monster-portrait-frame{width:auto}.board-enc-result-art{width:160px;max-width:70%}.board-enc-result-art.monster-portrait{box-shadow:none;background:0 0;border:none;padding:0}.board-enc-result-title{margin:0;font-size:18px;font-weight:900;line-height:1.45}.board-enc-result-line{display:block}.board-cmd-overlay{z-index:6;background:#fffffff5;border:1px solid #e5e1d8;border-radius:16px;padding:10px;position:absolute;bottom:10px;left:8px;right:8px;box-shadow:0 6px 18px #2c2a261f}.board-cmd-label{color:#8b8578;margin:0 2px 8px;font-size:11px}.board-cmd-row{gap:6px;margin-bottom:6px;display:flex}.board-cmd-btn{color:#2c2a26;cursor:pointer;background:#fff;border:1px solid #e5e1d8;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:56px;padding:10px 4px;font-size:11px;font-weight:700;display:flex}.board-cmd-btn:disabled{color:#64748b;background:#e2e8f0;border-color:#cbd5e1}.board-cmd-btn--primary{color:#fff;background:#b45309;border-color:#b45309}.board-cmd-btn--primary:disabled{color:#64748b;background:#e2e8f0;border-color:#cbd5e1}.board-cmd-ico{font-size:18px;line-height:1}.board-cmd-lbl{text-align:center;font-size:10px;line-height:1.2}.board-cmd-end{width:100%;min-height:44px;padding:10px 12px;font-size:12px}.board-cmd-hint{color:#64748b;text-align:center;margin:6px 0 0;font-size:12px;line-height:1.4}.board-move-item-area{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:6px 8px;display:flex}.board-party-overlay{z-index:8;background:#2c2a2659;justify-content:center;align-items:flex-end;padding:8px;display:flex;position:absolute;inset:0}.board-party-sheet{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff5;border:1px solid #e5e1d8;border-radius:18px;flex-direction:column;gap:10px;width:100%;max-width:560px;max-height:calc(100% - 16px);padding:12px;display:flex;overflow-y:auto;box-shadow:0 -6px 24px #2c2a2633}.board-party-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.board-party-head h2{color:#2c2a26;margin:0;font-size:15px}.board-party-sub,.board-party-ro-note{color:#8b8578;margin:2px 0 0;font-size:11px}.board-party-close{border-radius:999px;flex:none;min-height:44px;padding:10px 12px;font-size:12px}.board-party-list{flex-direction:column;gap:8px;display:flex}.board-party-sheet--readonly .board-party-head h2{color:#8b8578}.board-mon-card{background:#fcfbf8;border:1px solid #e5e1d8;border-radius:14px;align-items:center;gap:10px;padding:9px 10px;display:flex}.board-mon-card--lead{background:#fcefdc;border-color:#b45309}.board-mon-card>.monster-portrait-frame{border-radius:12px;flex:0 0 46px;width:46px;height:46px;overflow:hidden}.board-mon-art{border-radius:12px;width:46px;height:46px}.board-mon-body{flex:1;min-width:0}.board-mon-top{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.board-mon-top h3{color:#2c2a26;margin:0;font-size:13px;font-weight:700}.board-mon-lv{color:#8b8578;font-size:11px}.board-mon-lead-badge{color:#fff;background:#b45309;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.board-mon-bars{flex-direction:column;gap:3px;margin-top:5px;display:flex}.bar-row-mini{color:#8b8578;align-items:center;gap:4px;font-size:10px;display:flex}.bar-label-mini{flex:none;width:22px}.bar-track-mini{background:#e9e5dc;border:1px solid #e5e1d8;border-radius:999px;flex:1;height:6px;overflow:hidden}.bar-fill-hp{background:#22c55e;border-radius:999px;height:100%;display:block}.bar-fill-exp{background:#3b82f6;border-radius:999px;height:100%;display:block}.bar-num-mini{white-space:nowrap;text-align:right;min-width:30px;font-size:9px}.board-mon-act{flex:none}.board-lead-btn{white-space:nowrap;color:#b45309;border-color:#b45309;border-radius:10px;min-height:44px;padding:8px 10px;font-size:12px}@media (width<=900px){.starter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-layout{grid-template-columns:1fr}.turn-panel{gap:12px;display:grid}.battle-showcase{grid-template-columns:1fr}.battle-arena{order:-1}.battle-control-grid{grid-template-columns:1fr}.battle-player-card{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.battle-party-mini{flex-wrap:wrap;justify-content:flex-end;gap:6px 10px;display:flex}.guide-grid,.rule-grid,.party-manage-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell{padding:24px 16px}.status-grid,.starter-grid,.board-layout{grid-template-columns:1fr}.board-canvas{min-height:320px}.turn-summary,.boss-queue,.move-buttons,.name-fields,.player-count-options{grid-template-columns:1fr}.battle-arena{padding:12px}.battle-canvas{min-height:220px}.battle-fighters{gap:8px}.battle-fighter-card{padding:10px}.battle-fighter-card h2{font-size:14px}.player-card{grid-template-columns:56px minmax(0,1fr)}.player-card.active{grid-template-columns:1fr}.player-card.active .player-card-art{width:56px}.party-monster-status{grid-template-columns:44px minmax(0,1fr)}.party-monster-art{width:44px}}