: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}.app-shell:has(.result-screen){background:#05070d;align-content:stretch;justify-items:stretch;gap:0;padding:0}.result-screen{min-height:100svh;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));color:#fff7df;isolation:isolate;background:radial-gradient(circle at 18% 12%,#60a5fa57,#0000 26%),radial-gradient(circle at 82% 8%,#f8c75a42,#0000 22%),linear-gradient(#121827 0%,#05070d 54%,#02040a 100%);place-items:center;display:grid;position:relative;overflow:hidden}.result-screen:before{content:"";z-index:-3;background:radial-gradient(at 50% 36%,#f8c75a3d,#0000 28%),radial-gradient(at 50% 100%,#172554d1,#0000 52%),repeating-linear-gradient(90deg,#0000 0 72px,#ffffff09 73px 74px);position:absolute;inset:0}.result-screen:after{content:"";z-index:-2;aspect-ratio:1;background:conic-gradient(#0000 0deg 10deg,#ffe37d38 11deg 16deg,#0000 17deg 33deg,#ffffff24 34deg 39deg,#0000 40deg 58deg);border-radius:50%;width:min(720px,112vw);animation:34s linear infinite result-slow-spin;position:absolute;top:8%;left:50%;transform:translate(-50%)}.result-confetti,.result-sparkles{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.result-confetti span,.result-sparkles span{display:block;position:absolute}.result-confetti span{opacity:.82;width:8px;height:15px;transform:rotate(var(--tilt));background:var(--piece);border-radius:3px}.result-sparkles span{opacity:.82;width:7px;height:7px;animation:2.6s ease-in-out infinite result-blink;animation-delay:var(--delay);background:#fff6bf;border-radius:50%;box-shadow:0 0 14px #fff0a8}.result-c1{--piece:#f8c75a;--tilt:-18deg;top:16%;left:8%}.result-c2{--piece:#60a5fa;--tilt:14deg;top:52%;left:18%}.result-c3{--piece:#22c55e;--tilt:38deg;top:9%;left:30%}.result-c4{--piece:#ef4444;--tilt:-34deg;top:13%;left:72%}.result-c5{--piece:#a78bfa;--tilt:24deg;top:44%;left:88%}.result-c6{--piece:#f97316;--tilt:42deg;top:78%;left:10%}.result-c7{--piece:#34d399;--tilt:-24deg;top:76%;left:82%}.result-c8{--piece:#fef08a;--tilt:12deg;top:6%;left:56%}.result-s1{--delay:0s;top:28%;left:16%}.result-s2{--delay:.4s;top:70%;left:26%}.result-s3{--delay:.8s;top:14%;left:46%}.result-s4{--delay:1.2s;top:30%;left:74%}.result-s5{--delay:1.6s;top:66%;left:86%}.result-card{grid-template-columns:minmax(220px,.86fr) minmax(0,1.14fr);align-items:stretch;gap:clamp(14px,3vw,28px);width:min(100%,980px);display:grid}.result-hero-panel,.result-detail-panel{background:linear-gradient(#ffffff12,#0000 22%),#0e1626e6;border:1px solid #ffe8a93d;border-radius:16px;position:relative;box-shadow:0 20px 48px #00000075,inset 0 1px #ffffff1a}.result-hero-panel{grid-template-rows:auto 1fr auto;justify-items:center;min-height:540px;padding:clamp(18px,3.2vw,34px);display:grid;overflow:hidden}.result-hero-panel:before{content:"";z-index:0;background:radial-gradient(#f8c75a57,#0000 55%),radial-gradient(at 50% 88%,#60a5fa38,#0000 64%);height:54%;position:absolute;inset:12% -36% auto}.result-clear-copy,.result-winner-stage,.result-victory-name{z-index:1;position:relative}.result-clear-copy{text-align:center;width:100%}.result-boss-down{color:#ffe9a8;background:#080d1a9e;border:1px solid #f8c75a6b;border-radius:999px;justify-content:center;align-items:center;min-height:28px;margin:0;padding:4px 12px;font-size:clamp(13px,2vw,15px);font-weight:800;line-height:1.2;display:inline-flex}.result-clear-title{color:#fff7ce;text-shadow:0 3px #b76a19,0 12px 28px #f8c75a7a;margin:8px 0 0;font-size:clamp(44px,8.6vw,82px);font-weight:900;line-height:.92}.result-winner-stage{place-items:center;width:100%;padding-top:10px;display:grid}.result-portrait-ring{aspect-ratio:1;border:5px solid var(--winner-color);width:min(260px,64vw);box-shadow:0 0 0 8px color-mix(in srgb, var(--winner-color) 22%, transparent), 0 0 44px color-mix(in srgb, var(--winner-color) 44%, transparent), 0 24px 48px #0000006b;background:radial-gradient(circle at 50% 20%,#ffffff7a,#0000 28%),linear-gradient(160deg,#1d4ed8 0%,#172554 52%,#0f172a 100%);border-radius:34px;place-items:end center;display:grid;position:relative;overflow:hidden}.result-portrait-ring:before{content:"";background:radial-gradient(#f8c75a6b,#0000 68%);border-radius:50%;width:78%;height:20%;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.result-player-portrait{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 24px #00000061);width:112%;height:112%;position:relative}.result-portrait-fallback{color:#fff7ce;text-align:center;place-items:center;padding:16px;font-size:18px;font-weight:900}.result-victory-name{color:#10203b;text-align:center;background:linear-gradient(#ffefad,#f8c75a);border:1px solid #ffffff85;border-radius:14px;width:100%;margin:16px 0 0;padding:12px 14px;font-size:clamp(22px,3.6vw,32px);font-weight:900;line-height:1.15;box-shadow:0 10px 26px #f8c75a3d}.result-detail-panel{align-content:center;gap:14px;padding:clamp(14px,2.6vw,24px);display:grid}.result-section-title{color:#ffe9a8;letter-spacing:0;margin:0 0 10px;font-size:14px;font-weight:900}.result-party-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.result-monster-card{background:linear-gradient(#ffffff14,#0000),#090f1cc2;border:1px solid #e2e8f02e;border-radius:12px;justify-items:center;gap:8px;min-width:0;padding:10px;display:grid;box-shadow:inset 0 1px #ffffff14}.result-monster-card .monster-portrait-frame{aspect-ratio:1;width:clamp(62px,9vw,82px)}.result-monster-art{border-radius:50%;width:100%;height:100%}.result-monster-name{color:#fff7df;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;font-size:clamp(13px,2.1vw,15px);font-weight:900;overflow:hidden}.result-level-badge{color:#07111f;background:#fde68a;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:12px;font-weight:900;display:inline-flex}.result-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result-stat{background:linear-gradient(#f8c75a1f,#080d1ab8);border:1px solid #f8c75a3d;border-radius:12px;align-content:center;gap:2px;min-height:78px;padding:10px 12px;display:grid}.result-stat-label{color:#c6d0df;font-size:12px;font-weight:800}.result-stat-value{color:#fff7ce;font-size:clamp(20px,2.4vw,24px);font-weight:900;line-height:1.16}.result-replay-button{color:#101827;width:100%;min-height:58px;font:inherit;cursor:pointer;background:linear-gradient(#ffffff70,#0000 42%),linear-gradient(#fef08a,#f8c75a 46%,#e98a1d);border:0;border-radius:14px;font-size:clamp(18px,3vw,23px);font-weight:900;box-shadow:0 12px 26px #f8c75a42,inset 0 -3px #87490e57}.result-replay-button:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}@keyframes result-slow-spin{to{transform:translate(-50%)rotate(360deg)}}@keyframes result-blink{0%,to{opacity:.45;transform:scale(.72)}45%{opacity:.95;transform:scale(1.25)}}.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-trainer-size:calc(var(--battle-mon-size) * .55);--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{padding-bottom:calc(var(--battle-trainer-size) * .06);padding-right:calc(var(--battle-trainer-size) * .38);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{padding-top:calc(var(--battle-trainer-size) * .06);padding-left:calc(var(--battle-trainer-size) * .38);justify-content:flex-start}.battle-screen-trainer-face{max-width:var(--battle-trainer-size);pointer-events:none;z-index:0;flex-direction:column;align-items:stretch;gap:3px;transition:opacity .2s,filter .2s;display:flex;position:absolute}.battle-screen-trainer-face--corner-tl{align-items:flex-start;top:0;left:0}.battle-screen-trainer-face--corner-br{flex-direction:column-reverse;align-items:flex-end;bottom:0;right:0}.battle-screen-trainer-face--active{opacity:1;filter:brightness(1.04)}.battle-screen-trainer-face--inactive{opacity:.62;filter:brightness(.82)saturate(.88)}.battle-screen-trainer-face-art{width:var(--battle-trainer-size);height:var(--battle-trainer-size);background:#080c188c;transition:box-shadow .2s,filter .2s;position:relative;overflow:hidden;box-shadow:0 4px 14px #0000006b,inset 0 1px #ffffff14}.battle-screen-trainer-face-art:before{content:"";border:2.5px solid var(--trainer-edge,#d6a84fb8);pointer-events:none;z-index:1;transition:border-color .2s;position:absolute;inset:0}.battle-screen-trainer-face--corner-tl .battle-screen-trainer-face-art,.battle-screen-trainer-face--corner-tl .battle-screen-trainer-face-art:before{clip-path:polygon(0 0,100% 0,0 100%)}.battle-screen-trainer-face--corner-br .battle-screen-trainer-face-art,.battle-screen-trainer-face--corner-br .battle-screen-trainer-face-art:before{clip-path:polygon(100% 0,100% 100%,0 100%)}.battle-screen-trainer-face--active .battle-screen-trainer-face-art{box-shadow:0 0 0 1px #ffffff1f, 0 0 16px var(--trainer-glow,#d6a84f6b), 0 4px 14px #0000006b}.battle-screen-trainer-face--active .battle-screen-trainer-face-art:before{border-color:var(--trainer-edge,#d6a84ff2)}.battle-screen-trainer-face-art img{object-fit:cover;object-position:center;width:100%;height:100%;transition:filter .2s;display:block}.battle-screen-trainer-face--corner-br .battle-screen-trainer-face-art img{transform-origin:78% 100%;transform:scale(.72)}.battle-screen-trainer-face--active .battle-screen-trainer-face-art img{filter:saturate(1.02)brightness(1.04)}.battle-screen-trainer-face--inactive .battle-screen-trainer-face-art img{filter:saturate(.9)brightness(.9)}.battle-screen-trainer-face--fire{--trainer-edge:#ef4444eb;--trainer-glow:#ef444461}.battle-screen-trainer-face--water{--trainer-edge:#3b82f6eb;--trainer-glow:#3b82f661}.battle-screen-trainer-face--forest{--trainer-edge:#22c55eeb;--trainer-glow:#22c55e5c}.battle-screen-trainer-face--thunder{--trainer-edge:#eab308eb;--trainer-glow:#eab30861}.battle-screen-trainer-face-name{letter-spacing:.02em;color:#fffffff5;text-align:center;text-shadow:0 1px 2px #000000d1,0 0 6px #00000073;white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:clamp(9px,2.1vw,11px);font-weight:800;line-height:1.15;display:block;overflow:hidden}.battle-screen-trainer-face--corner-tl .battle-screen-trainer-face-name{text-align:left}.battle-screen-trainer-face--corner-br .battle-screen-trainer-face-name{text-align:right}.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;flex:none;place-items:center;display:grid;position:relative}.battle-screen-mon:before{content:"";pointer-events:none;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%;position:absolute;bottom:-4%;left:50%;transform:translate(-50%)}.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-mon>.battle-screen-float--dmg,.battle-screen-mon>.battle-screen-float--heal{top:6%;left:50%}.battle-screen-float--dmg{color:var(--hp-low);font-size:clamp(24px,6vw,32px)}.battle-screen-float--heal{color:var(--hp-good);font-size:clamp(24px,6vw,32px)}.battle-screen-mon>.battle-screen-float--eff{text-align:center;white-space:normal;max-width:min(92vw,220px);top:58%;left:50%;transform:translate(-50%)}.battle-screen-mon>.battle-screen-float--eff-super{color:#fff;background:linear-gradient(135deg, #f97316, var(--hp-low));border-radius:999px;padding:4px 11px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #ef444447}.battle-screen-mon>.battle-screen-float--eff-weak{color:#e2e8f0eb;background:#1e3a5fc7;border:1px solid #94a3b859;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:500}.battle-screen-float--animate{animation:1.1s ease-out forwards battle-float-rise}.battle-screen-float--eff.battle-screen-float--animate{animation:1.4s ease-out forwards battle-eff-pop}@keyframes battle-float-rise{0%{opacity:0;transform:translate(-50%,8px)scale(.92)}15%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-28px)scale(1)}}@keyframes battle-eff-pop{0%{opacity:0;transform:translate(-50%,6px)scale(.95)}12%{opacity:1;transform:translate(-50%)scale(1)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-4px)scale(1)}}.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:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid;position:relative}.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--ghost{text-align:center;border-color:var(--battle-line);background:#0f172ab3;justify-content:center;font-size:13px;box-shadow:inset 0 1px #ffffff0f}.battle-screen-cmd-card--item{justify-content:center;gap:6px}.battle-screen-cmd-card--item-open{border-color:#d6a84fb8;box-shadow:inset 0 0 0 1px #d6a84f47,0 8px 18px #00000047}.battle-screen-cmd-card--item-disabled{flex-direction:column;gap:4px;padding-block:6px}.battle-screen-cmd-card-reason{color:#fca5a5;font-size:9px;font-weight:700;line-height:1.2;display:block}.battle-screen-item-toggle-wrap{flex-direction:column;align-items:stretch;min-width:0;display:flex;position:relative}.battle-screen-item-toggle-icon{background:#d6a84f2e;border:1px solid #d6a84f59;border-radius:6px;flex:none;place-items:center;width:24px;height:24px;font-size:14px;line-height:1;display:grid}.battle-screen-item-popover{z-index:4;background:#080c16f5;border:1px solid #d6a84f6b;border-radius:12px;gap:6px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 28px #00000073}.battle-screen-item-popover-heading{letter-spacing:.08em;color:var(--battle-accent);text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.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 summary{cursor:pointer;color:var(--battle-accent);font-weight:700;list-style:none}.battle-screen-log-panel summary::-webkit-details-marker{display:none}.battle-screen-log-panel summary:before{content:"▸ "}.battle-screen-log-panel[open] summary:before{content:"▾ "}.battle-screen-log-panel-note{margin:6px 0 0}.battle-screen-log-panel ol{margin:6px 0 0;padding-left:18px}.battle-screen-log-panel li{margin:0}.battle-screen-log-ticker{background:#080c16e0;border:1px solid #d6a84f59;border-radius:10px;min-height:2.8em;margin:8px 2px 0;padding:8px 10px;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.battle-screen-log-ticker__line{color:var(--battle-ink);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.battle-screen-log-ticker__line+.battle-screen-log-ticker__line{color:var(--battle-sub);margin-top:2px}.battle-screen-log-ticker__line--enter{animation:.35s ease-out battle-log-ticker-in}@keyframes battle-log-ticker-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.battle-screen-log-ticker__line--enter,.battle-screen-float--animate,.battle-screen-trainer-face,.battle-screen-trainer-face-art img{transition:none;animation:none}}.battle-screen-helper{color:var(--battle-sub);margin:8px 2px 0;font-size:11px}.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-side--foe .battle-screen-mon-row{padding-top:calc(var(--battle-trainer-size) * .1);padding-left:calc(var(--battle-trainer-size) * .45)}.battle-screen-side--mine .battle-screen-mon-row{padding-bottom:calc(var(--battle-trainer-size) * .1);padding-right:calc(var(--battle-trainer-size) * .45)}.battle-screen-trainer-face--corner-tl{top:0;left:0}.battle-screen-trainer-face--corner-br{bottom:0;right:0}.battle-screen-cmd-deck{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.battle-screen-item-popover{width:min(280px,100%);left:50%;right:auto;transform:translate(-50%)}.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)}}.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;justify-content:center;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}.app-shell:has(.result-screen){padding:0}.result-screen{min-height:100svh;padding:5px 8px calc(7px + env(safe-area-inset-bottom,0px));align-items:start}.result-card{grid-template-columns:1fr;gap:6px}.result-hero-panel{grid-template-rows:auto auto auto;min-height:0;padding:9px 10px 8px}.result-boss-down{min-height:24px;font-size:12px}.result-clear-title{margin-top:2px;font-size:clamp(36px,12vw,48px)}.result-winner-stage{padding-top:4px}.result-portrait-ring{border-width:4px;border-radius:22px;width:min(150px,43vw)}.result-victory-name{border-radius:12px;margin-top:6px;padding:7px 10px;font-size:clamp(20px,6vw,24px)}.result-detail-panel{gap:7px;padding:8px}.result-section-title{margin-bottom:7px;font-size:12px}.result-party-grid{gap:6px}.result-monster-card{gap:4px;padding:5px 4px}.result-monster-card .monster-portrait-frame{width:clamp(44px,15vw,54px)}.result-monster-name{font-size:11px}.result-level-badge{min-height:20px;padding:2px 8px;font-size:11px}.result-stats-grid{gap:7px}.result-stat{min-height:54px;padding:8px}.result-stat-label{font-size:11px}.result-stat-value{font-size:clamp(16px,4.8vw,22px)}.result-replay-button{border-radius:12px;min-height:50px}.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}}@media (width<=390px){.result-confetti .result-c2,.result-confetti .result-c6{display:none}}