: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}:root{--mg-bg:#060a12;--mg-bg-base:var(--mg-bg);--mg-bg-elevated:#0b1320;--mg-panel:#090f1ae6;--mg-bg-panel:var(--mg-panel);--mg-bg-panel-strong:#060a12f5;--mg-overlay:#02050cb8;--mg-bg-overlay:var(--mg-overlay);--mg-bg-accent-soft:#080d17f0;--mg-ink:#f4f7fb;--mg-sub:#afbfd2;--mg-muted:#718096;--mg-ink-on-gold:#1c1305;--mg-gold:#d7aa4f;--mg-accent-gold:var(--mg-gold);--mg-accent-gold-soft:#d7aa4f2e;--mg-accent-gold-line:#d7aa4f6b;--mg-accent-gold-ring:#e6c46f38;--mg-fire:#ff6a3d;--mg-elem-fire:var(--mg-fire);--mg-water:#5cc8ff;--mg-elem-water:var(--mg-water);--mg-forest:#4ade80;--mg-elem-forest:var(--mg-forest);--mg-thunder:#facc15;--mg-elem-thunder:var(--mg-thunder);--mg-hp-good:#20d17b;--mg-hp-mid:#f2c94c;--mg-hp-low:#ff5d5d;--mg-foe-aura:#5cc8ff26;--mg-mine-aura:#ff6a3d24;--mg-line:#bed3eb33;--mg-metal:#e6c46f70;--mg-line-strong:var(--mg-metal);--mg-trainer-edge-fire:#ff6a3d94;--mg-trainer-edge-water:#5cc8ff85;--mg-trainer-edge-forest:#4ade8085;--mg-trainer-edge-thunder:#facc1585;--mg-shadow:0 12px 32px #0000006b;--mg-shadow-card:var(--mg-shadow);--mg-shadow-elevated:0 18px 42px #00000061;--mg-shadow-element:0 8px 18px #00000047;--mg-shadow-inset-highlight:inset 0 1px 0 #ffffff0f;--mg-radius-sm:8px;--mg-radius-md:12px;--mg-radius-lg:18px;--mg-space-1:4px;--mg-space-2:8px;--mg-space-3:12px;--mg-space-4:16px;--mg-space-5:24px;--mg-space-6:32px}.app-shell{gap:var(--mg-space-5);min-height:100svh;padding:var(--mg-space-6);background:radial-gradient(circle at 18% 8%, var(--mg-foe-aura), transparent 30%), radial-gradient(circle at 86% 12%, var(--mg-mine-aura), transparent 28%), linear-gradient(180deg, #07111d 0%, var(--mg-bg) 100%);color:var(--mg-ink);align-content:center;justify-items:center;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(.hero-panel) .hero-panel{border:1px solid var(--mg-line-strong);border-radius:var(--mg-radius-md);box-shadow:var(--mg-shadow-elevated);background:var(--mg-bg-elevated);overflow:hidden}.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:var(--mg-bg);border-radius:0;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{padding:var(--mg-space-6) 40px;background:linear-gradient(#0000 0%,#02050c85 58%,#02050ce0 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:absolute;inset:0}.title-lead{margin:0 0 var(--mg-space-4);color:#f4f7fbeb;text-shadow:0 1px 6px #000000a6;max-width:520px;font-size:15px;line-height:1.65}.title-actions{gap:var(--mg-space-3);flex-wrap:wrap;display:flex}.title-actions button{color:var(--mg-ink-on-gold);border-radius:var(--mg-radius-md);background:linear-gradient(#f3cc72,#c8912f);border:1px solid #e6c46f8c;font-weight:800;box-shadow:inset 0 1px #ffffff59,0 8px 18px #00000052}.title-actions button:hover{background:linear-gradient(180deg, #f8d884, var(--mg-gold));border-color:#e6c46f8c}.title-actions .action-link.secondary{border:1px solid var(--mg-line);color:var(--mg-ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--mg-radius-md);box-shadow:var(--mg-shadow-inset-highlight), var(--mg-shadow-element);background:linear-gradient(#162031eb,#080d16f0)}.title-actions .action-link.secondary:hover{border-color:var(--mg-accent-gold-line);background:linear-gradient(#1c283cfa,#0a101cfa)}@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:var(--mg-accent-gold);text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;font-size:14px;font-weight:700}.lead{max-width:620px;color:var(--mg-sub);font-size:18px}.flow-panel h1{color:var(--mg-ink);margin:0 0 12px;font-size:32px;line-height:1.15}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.actions.vertical{display:grid}.move-item-panel{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-elevated);box-shadow:var(--mg-shadow-inset-highlight);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{border:1px solid var(--mg-line);color:var(--mg-ink);box-shadow:var(--mg-shadow-inset-highlight), var(--mg-shadow-element);background:linear-gradient(#162031eb,#080d16f0);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{color:var(--mg-ink);align-items:center;gap:6px;font-size:13px;font-weight:600;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:var(--mg-sub);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{border-radius:var(--mg-radius-md);min-height:44px;color:var(--mg-ink-on-gold);cursor:pointer;font:inherit;background:linear-gradient(#f3cc72,#c8912f);border:1px solid #e6c46f8c;padding:10px 18px;font-weight:700;box-shadow:inset 0 1px #ffffff59,0 8px 18px #00000052}button:disabled{opacity:.42;border-color:var(--mg-line);color:var(--mg-muted);cursor:not-allowed;box-shadow:var(--mg-shadow-inset-highlight);background:linear-gradient(#162031eb,#080d16f0)}button.secondary{border:1px solid var(--mg-line);color:var(--mg-ink);box-shadow:var(--mg-shadow-inset-highlight), var(--mg-shadow-element);background:linear-gradient(#162031eb,#080d16f0)}button.secondary:disabled{opacity:.42;color:var(--mg-muted);background:linear-gradient(#162031eb,#080d16f0)}.action-link{border-radius:var(--mg-radius-md);min-height:44px;color:var(--mg-ink-on-gold);font:inherit;background:linear-gradient(#f3cc72,#c8912f);border:1px solid #e6c46f8c;align-items:center;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 8px 18px #00000052}.action-link.secondary{border:1px solid var(--mg-line);color:var(--mg-ink);box-shadow:var(--mg-shadow-inset-highlight), var(--mg-shadow-element);background:linear-gradient(#162031eb,#080d16f0)}.guide-panel{gap:var(--mg-space-4);border:1px solid var(--mg-line-strong);border-radius:var(--mg-radius-md);background:var(--mg-bg-panel);width:min(100%,980px);min-width:0;padding:var(--mg-space-5);box-shadow:var(--mg-shadow-card);display:grid}.guide-panel .eyebrow{color:var(--mg-accent-gold);letter-spacing:.1em}.guide-panel h2{color:var(--mg-ink);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{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-panel-strong);padding:var(--mg-space-4);box-shadow:var(--mg-shadow-inset-highlight)}.compact-guide{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-panel-strong);padding:var(--mg-space-3);box-shadow:var(--mg-shadow-inset-highlight)}.guide-grid h3,.rule-grid h3{margin:0 0 var(--mg-space-2);color:var(--mg-accent-gold);font-size:16px}.guide-grid p,.rule-grid p{color:var(--mg-sub);margin:0;font-size:14px;line-height:1.65}.compact-guide p,.helper-text{color:var(--mg-sub);margin:0}.rule-grid article{border-color:var(--mg-accent-gold-line);background:linear-gradient(180deg, #d7aa4f14, transparent 48%), var(--mg-bg-panel-strong)}.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:var(--mg-ink);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;border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-panel-strong);width:100%;min-height:44px;color:var(--mg-ink);font:inherit;box-shadow:var(--mg-shadow-inset-highlight);padding:10px 12px}.name-field input::placeholder{color:var(--mg-sub)}.name-field input:focus{border-color:var(--mg-accent-gold-line);box-shadow:0 0 0 3px var(--mg-accent-gold-ring), var(--mg-shadow-inset-highlight);outline:none}.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{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-panel);padding:var(--mg-space-4);text-align:center;box-shadow:var(--mg-shadow-element)}.monster-card,.turn-panel{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-panel);padding:var(--mg-space-4);box-shadow:var(--mg-shadow-element)}.status-grid span{color:var(--mg-accent-gold);font-size:32px;font-weight:800;line-height:1.1;display:block}.status-grid p{margin:var(--mg-space-1) 0 0;color:var(--mg-sub);font-size:13px}.monster-card p,.turn-panel p{color:var(--mg-sub);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{border-color:var(--mg-accent-gold);background:var(--mg-accent-gold-soft);box-shadow:inset 0 0 0 2px var(--mg-accent-gold)}.party-keep-toggle{min-height:44px;color:var(--mg-ink);align-items:center;gap:10px;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:var(--mg-ink);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:var(--mg-ink);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 .monster-portrait{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:radial-gradient(circle at 50% 84%, #1118271f, transparent 36%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.monster-card .monster-portrait-placeholder{color:var(--mg-ink)}.monster-card .monster-portrait-placeholder.fire{background:radial-gradient(circle at 50% 84%, #ff6a3d33, transparent 38%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.monster-card .monster-portrait-placeholder.water{background:radial-gradient(circle at 50% 84%, #5cc8ff33, transparent 38%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.monster-card .monster-portrait-placeholder.forest{background:radial-gradient(circle at 50% 84%, #4ade8033, transparent 38%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.monster-card .monster-portrait-placeholder.thunder{background:radial-gradient(circle at 50% 84%, #facc1538, transparent 38%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.monster-card h2{color:var(--mg-ink);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{border:1px solid var(--mg-line-strong);border-radius:var(--mg-radius-md);background:var(--mg-bg-elevated);aspect-ratio:1;min-height:320px;box-shadow:0 0 0 1px #bed3eb14, var(--mg-shadow-elevated), inset 0 0 48px #02050c59;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{border:1px solid var(--mg-accent-gold-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-panel);padding:var(--mg-space-3);box-shadow:var(--mg-shadow-element);margin:0}.die-result{color:var(--mg-ink);font-size:20px;font-weight:800}.tile-event-card{gap:8px;display:grid}.tile-event-card h2{color:var(--mg-ink);margin:0;font-size:20px;line-height:1.15}.tile-event-card p{color:var(--mg-sub);margin:0}.encounter-card{border-color:var(--mg-accent-gold-line);background:var(--mg-bg-panel)}.encounter-card h3{color:var(--mg-ink);margin:0 0 6px;font-size:18px;line-height:1.15}.encounter-art{justify-self:center;width:min(100%,180px)}.encounter-result{color:var(--mg-ink);font-weight:800}.player-card{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-panel);box-shadow:var(--mg-shadow-element);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.player-card.active{border-color:var(--mg-accent-gold);background:var(--mg-accent-gold-soft);box-shadow:inset 4px 0 0 var(--mg-accent-gold)}.player-card h2,.battle-status-card h2{color:var(--mg-ink);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;border:2px solid var(--mg-line);background:var(--mg-bg-panel-strong);border-radius:999px;width:36px;height:36px}.player-card.active .player-card-icon{border-color:var(--mg-accent-gold);box-shadow:0 0 0 2px var(--mg-accent-gold-ring)}.player-card-art{width:64px}.active-party-status{gap:8px;margin:10px 0;display:grid}.party-monster-status{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:var(--mg-bg-panel);box-shadow:var(--mg-shadow-element);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:var(--mg-ink);margin:0;font-size:15px;line-height:1.15}.party-monster-heading p{color:var(--mg-sub);font-size:12px}.party-monster-heading strong{color:var(--mg-accent-gold);flex:none;font-size:14px}.party-monster-status .monster-portrait{border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);background:radial-gradient(circle at 50% 84%, #1118271f, transparent 36%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.party-monster-status .monster-portrait-placeholder.fire{background:radial-gradient(circle at 50% 84%, #ff6a3d33, transparent 38%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.party-monster-status .monster-portrait-placeholder.water{background:radial-gradient(circle at 50% 84%, #5cc8ff33, transparent 38%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.party-monster-status .monster-portrait-placeholder.forest{background:radial-gradient(circle at 50% 84%, #4ade8033, transparent 38%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.party-monster-status .monster-portrait-placeholder.thunder{background:radial-gradient(circle at 50% 84%, #facc1538, transparent 38%), linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel))}.hp-meter{border:1px solid var(--mg-line);background:#bed3eb1f;border-radius:999px;height:8px;margin:6px 0;overflow:hidden}.hp-meter span{border-radius:inherit;background:var(--mg-hp-good);height:100%;display:block}.party-monster-stats{color:var(--mg-sub);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{border:1px solid var(--mg-accent-gold-line);background:var(--mg-accent-gold-soft);color:var(--mg-accent-gold)}.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{color:var(--mg-ink);margin:0;font-size:15px;line-height:1.15}.battle-fighter-card h2{color:#111827;margin:0;line-height:1.15}.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:var(--mg-ink);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:var(--mg-bg);--battle-panel:var(--mg-bg-panel);--battle-line:var(--mg-line);--battle-ink:var(--mg-ink);--battle-sub:var(--mg-sub);--battle-accent:var(--mg-accent-gold);--battle-accent-soft:var(--mg-bg-accent-soft);--battle-stage-floor:#d7aa4f21;--battle-stage-line:#c6d5e72e;--battle-stage-ring:var(--mg-accent-gold-ring);--battle-mon-size:clamp(176px, 48vw, 204px);--battle-avatar-size:20px;--battle-mon-shadow:#02061785;--foe-aura:#5cc8ff61;--mine-aura:#ff6a3d5c;--hp-good:var(--mg-hp-good);--hp-mid:var(--mg-hp-mid);--hp-low:var(--mg-hp-low);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, #101827 0%, #07101d 46%, #03060d 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:linear-gradient(180deg, #151f2ff5, var(--battle-accent-soft)), linear-gradient(90deg, #5cc8ff1f, #ff6a3d1f);border-bottom:1px solid #e6c46f40;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:relative;box-shadow:inset 0 -1px #ffffff0a}.battle-screen-tag{color:#1c1305;background:linear-gradient(#f3cc72,#c8912f);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;box-shadow:0 0 16px #d7aa4f40}.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:linear-gradient(90deg,#1a578a33,#0000 39% 61%,#91361e38),radial-gradient(at 50% 62%,#d7aa4f2b,#0000 42%),linear-gradient(#151f2f47,#03060deb);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 27px, var(--battle-stage-line) 28px 29px), linear-gradient(90deg, #5cc8ff21, #d7aa4f14, #ff6a3d24);border:1px solid var(--battle-stage-line);border-radius:50%;width:min(80vw,900px);height:min(36vh,280px);top:62%;bottom:auto;transform:translate(-50%,-50%);box-shadow:inset 0 0 40px #ffffff0a,0 30px 80px #0000006b}.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%;top:69%;bottom:auto;transform:translate(-50%,-50%)}.battle-screen-start-flash{z-index:3;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,#fff8dc6b 0%,#d7aa4f24 28%,#0000 62%);animation:.34s ease-out both battle-start-flash;position:absolute;inset:0}.battle-screen-start-teleprompter{z-index:4;pointer-events:none;letter-spacing:.14em;color:#0000;filter:drop-shadow(0 0 18px #d7aa4f8c);text-shadow:0 0 1px #ffffffe6,0 2px #1c130559;opacity:0;background:linear-gradient(#fff6d8 0%,#f3cc72 42%,#c8912f 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(28px,8vw,44px);font-weight:900;line-height:1;animation:1.5s cubic-bezier(.22,1,.36,1) .1s both battle-start-teleprompter;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)scale(.72)}.battle-screen--start .battle-screen-arena-bg:before{animation:.52s cubic-bezier(.22,1,.36,1) 80ms backwards battle-start-ring-floor}.battle-screen--start .battle-screen-arena-bg:after{animation:.48s cubic-bezier(.22,1,.36,1) .14s backwards battle-start-ring}.battle-screen--start .battle-screen-side--foe{opacity:0;animation:.46s cubic-bezier(.22,1,.36,1) .2s both battle-start-foe-in}.battle-screen--start .battle-screen-side--mine{opacity:0;animation:.46s cubic-bezier(.22,1,.36,1) .26s both battle-start-mine-in}.battle-screen-side--enter.battle-screen-side--foe{opacity:0;animation:.46s cubic-bezier(.22,1,.36,1) .2s both battle-start-foe-in}.battle-screen-side--enter.battle-screen-side--mine{opacity:0;animation:.46s cubic-bezier(.22,1,.36,1) .26s both battle-start-mine-in}.battle-screen--start .battle-screen-bar,.battle-screen--start .battle-screen-commands{animation:.38s ease-out .42s both battle-start-ui-in}@keyframes battle-start-flash{0%{opacity:0}18%{opacity:.72}to{opacity:0}}@keyframes battle-start-teleprompter{0%{opacity:0;transform:translate(-50%,-50%)scale(.72)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}75%{opacity:.92;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.04)}}@keyframes battle-start-ring-floor{0%{opacity:0;filter:brightness(1.55)}52%{opacity:1;filter:brightness(1.22)}to{opacity:1;filter:brightness()}}@keyframes battle-start-ring{0%{opacity:0;filter:brightness(1.45)}58%{opacity:1;filter:brightness(1.18)}to{opacity:1;filter:brightness()}}@keyframes battle-start-foe-in{0%{opacity:0;transform:translateY(-18px)}72%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes battle-start-mine-in{0%{opacity:0;transform:translateY(18px)}72%{opacity:1;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes battle-start-ui-in{0%{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.battle-screen-mon-row--knockout{overflow:hidden}.battle-screen-side--foe .battle-screen-mon-row--knockout,.battle-screen-side--mine .battle-screen-mon-row--knockout{z-index:6;overflow:visible}.battle-screen--knockout-foe .battle-screen-arena,.battle-screen--knockout-mine .battle-screen-arena{overflow:visible}.battle-screen-mon--knockout{z-index:6;pointer-events:none;transform-origin:bottom;animation:.85s cubic-bezier(.42,0,.74,.36) both battle-knockout-fall;position:relative}.battle-screen-mon--foe.battle-screen-mon--knockout{filter:drop-shadow(0 0 10px var(--foe-aura,#d7aa4f59))}.battle-screen-mon--mine.battle-screen-mon--knockout{filter:drop-shadow(0 0 10px var(--mine-aura,#d7aa4f59))}.battle-screen--knockout-active .battle-screen-commands,.battle-screen--knockout-active .battle-screen-cmd-deck{pointer-events:none}@keyframes battle-knockout-fall{0%{opacity:1;transform:translateY(0)scaleY(1)}70%{opacity:1;transform:translateY(28px)scaleY(.9)}to{opacity:0;transform:translateY(64px)scaleY(.72)}}.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--foe .battle-screen-mon-row{justify-content: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-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--hidden{visibility:hidden;pointer-events:none}.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(#121b2af5,#070b13f0),linear-gradient(90deg,#5cc8ff0f,#ff6a3d0f);border:1px solid #e6c46f57;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-info-row--avatar{grid-template-columns:auto auto minmax(0,1fr)}.battle-screen-trainer-avatar{width:var(--battle-avatar-size);height:var(--battle-avatar-size);border:1.5px solid var(--trainer-edge,#d6a84fb8);background:#03060dd1;border-radius:50%;flex:none;transition:opacity .2s,filter .2s;overflow:hidden;box-shadow:0 1px 4px #00000059}.battle-screen-trainer-avatar img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:filter .2s;display:block}.battle-screen-trainer-avatar--fire{--trainer-edge:#ff6a3de6}.battle-screen-trainer-avatar--water{--trainer-edge:#5cc8ffe6}.battle-screen-trainer-avatar--forest{--trainer-edge:#22c55eeb}.battle-screen-trainer-avatar--thunder{--trainer-edge:#eab308eb}.battle-screen-trainer-avatar--inactive{opacity:.62;filter:brightness(.82)saturate(.88)}.battle-screen-trainer-avatar--inactive img{filter:saturate(.9)brightness(.9)}.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,#ff6a3d,#c2410c)}.battle-screen-element-icon.water{background:linear-gradient(145deg,#5cc8ff,#2563eb)}.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-mon--hit .battle-screen-mon-art{animation:.6s ease-out battle-hit-shake}.battle-screen-mon--hit .battle-screen-mon-art:after{content:"";pointer-events:none;border-radius:8px;animation:.6s ease-out battle-hit-flash;position:absolute;inset:0}@keyframes battle-hit-shake{0%,to{transform:translate(0)rotate(0)}15%{transform:translate(-9px,3px)rotate(-3.5deg)}30%{transform:translate(9px,-3px)rotate(3.5deg)}45%{transform:translate(-7px,2px)rotate(-2.5deg)}60%{transform:translate(7px,-2px)rotate(2.5deg)}75%{transform:translate(-4px,1px)rotate(-1.5deg)}90%{transform:translate(4px,-1px)rotate(1.5deg)}}@keyframes battle-hit-flash{0%,to{opacity:0;background:0 0}12%{opacity:.92;background:#fffffff2}35%{opacity:.45;background:#ffffff8c}}.battle-screen-fx{pointer-events:none;z-index:3;position:absolute;inset:-28%;overflow:visible}.battle-screen-fx--animate{--fx-duration:.72s;animation:.72s ease-out forwards battle-fx-fade}.battle-screen-fx--big.battle-screen-fx--animate{--fx-duration:1.125s;animation:1.125s ease-out forwards battle-fx-fade-big}.battle-screen-fx--big.battle-screen-fx--animate:before{content:"";pointer-events:none;border-radius:50%;animation:1.125s ease-out forwards battle-fx-big-screen-glow;position:absolute;inset:-60%}.battle-screen-fx__main,.battle-screen-fx__core,.battle-screen-fx__burst,.battle-screen-fx__ripple,.battle-screen-fx__slash,.battle-screen-fx__particle{pointer-events:none;position:absolute;top:50%;left:50%}.battle-screen-fx__main{z-index:2;opacity:0;transform:translate(-50%,-50%)}.battle-screen-fx--animate .battle-screen-fx__main{animation:battle-fx-main-pop var(--fx-duration,.72s) ease-out forwards}.battle-screen-fx--big .battle-screen-fx__main{--fx-main-scale:1.28}.battle-screen-fx--super .battle-screen-fx__main{filter:brightness(1.4)saturate(1.25)}.battle-screen-fx--weak .battle-screen-fx__main{filter:brightness(.58)saturate(.7);opacity:.65}.battle-screen-fx__core{opacity:0;border-radius:50%;width:55%;height:55%;transform:translate(-50%,-50%)}.battle-screen-fx--animate .battle-screen-fx__core{animation:battle-fx-core-flash var(--fx-duration,.72s) ease-out forwards}.battle-screen-fx__burst{width:100%;height:100%;transform:translate(-50%,-50%)}.battle-screen-fx__burst:before,.battle-screen-fx__burst:after{content:"";pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.battle-screen-fx--animate .battle-screen-fx__burst:before,.battle-screen-fx--animate .battle-screen-fx__burst:after{animation:battle-fx-burst-pop var(--fx-duration,.72s) ease-out forwards}.battle-screen-fx--animate .battle-screen-fx__burst:after{animation-delay:40ms}.battle-screen-fx__ripple{opacity:0;border-radius:50%;width:100%;height:100%;transform:translate(-50%,-50%)}.battle-screen-fx--water.battle-screen-fx--animate .battle-screen-fx__ripple{animation:battle-fx-water-ripple var(--fx-duration,.72s) ease-out forwards}.battle-screen-fx--water.battle-screen-fx--animate .battle-screen-fx__ripple:before,.battle-screen-fx--water.battle-screen-fx--animate .battle-screen-fx__ripple:after{content:"";animation:battle-fx-water-ring var(--fx-duration,.72s) ease-out forwards;border:3px solid #60a5fad9;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 12px #3b82f699}.battle-screen-fx--water.battle-screen-fx--animate .battle-screen-fx__ripple:after{animation-delay:80ms}.battle-screen-fx__slash{opacity:0;border-radius:3px;width:95%;height:7px;transform:translate(-50%,-50%)rotate(-38deg)scaleX(0)}.battle-screen-fx__slash--cross{transform:translate(-50%,-50%)rotate(38deg)scaleX(0)}.battle-screen-fx--basic.battle-screen-fx--animate .battle-screen-fx__slash{animation:.63s ease-out forwards battle-fx-slash-sweep}.battle-screen-fx--basic.battle-screen-fx--animate .battle-screen-fx__slash--cross{animation:.63s ease-out 40ms forwards battle-fx-slash-sweep-cross}.battle-screen-fx--big.battle-screen-fx--animate .battle-screen-fx__slash{width:115%;height:9px;animation:.93s ease-out forwards battle-fx-slash-sweep-big}.battle-screen-fx--big.battle-screen-fx--animate .battle-screen-fx__slash--cross{animation-delay:50ms}.battle-screen-fx__particle{opacity:0;width:12px;height:12px;transform:translate(-50%,-50%)}.battle-screen-fx--big .battle-screen-fx__particle{width:14px;height:14px}.battle-screen-fx--animate .battle-screen-fx__particle{animation:battle-fx-particle-fly var(--fx-duration,.72s) ease-out forwards;animation-delay:calc(var(--fx-i,0) * 14ms)}.battle-screen-fx--fire .battle-screen-fx__main{--fx-main-scale:1;filter:drop-shadow(0 0 28px #f97316f2);background:radial-gradient(80% 55% at 50% 88%,#dc2626 0%,#ea580c 35%,#0000 72%),linear-gradient(#0000 0%,#fef08a 22%,#fbbf24 38%,#fb923c 58%,#f97316 78%,#b91c1c 100%);border-radius:45% 45% 18% 18%/55% 55% 22% 22%;width:82%;height:165%;top:auto;bottom:-8%;left:50%;transform:translate(-50%);box-shadow:0 -8px 32px #f97316f2,0 0 48px #ef4444bf,inset 0 -20px 40px #dc26268c}.battle-screen-fx--fire.battle-screen-fx--animate .battle-screen-fx__main{animation-name:battle-fx-main-fire}.battle-screen-fx--fire.battle-screen-fx--big .battle-screen-fx__main{width:98%;height:185%;box-shadow:0 -12px 44px #f97316,0 0 64px #ef4444e6,inset 0 -24px 52px #dc2626a6}.battle-screen-fx--fire .battle-screen-fx__core{background:radial-gradient(circle,#fff 0%,#fde68a 25%,#f97316 55%,#0000 72%);box-shadow:0 0 24px #f97316e6,0 0 48px #ef44448c}.battle-screen-fx--fire .battle-screen-fx__burst:before{background:radial-gradient(circle,#fef3c7f2 0%,#f97316a6 45%,#0000 70%);border-radius:50%;width:70%;height:70%;box-shadow:0 0 20px #f97316bf}.battle-screen-fx--fire .battle-screen-fx__burst:after{filter:blur(1px);background:radial-gradient(at 50% 80%,#ef4444cc 0%,#f9731680 50%,#0000 75%);border-radius:50% 50% 20% 20%;width:45%;height:55%}.battle-screen-fx--fire .battle-screen-fx__slash{background:linear-gradient(90deg,#0000,#fbbf24,#fff,#ef4444,#0000);box-shadow:0 0 16px #f97316d9,0 0 28px #ef444480}.battle-screen-fx--fire .battle-screen-fx__particle{opacity:.75;background:radial-gradient(circle at 40% 30%,#fef08a 0%,#f97316 50%,#dc2626 100%);border-radius:50% 50% 30% 30%;box-shadow:0 0 10px #f97316e6,0 0 18px #ef444473}.battle-screen-fx--fire.battle-screen-fx--animate .battle-screen-fx__particle{animation-name:battle-fx-particle-fly-fire}.battle-screen-fx--water .battle-screen-fx__main{--fx-main-scale:1;filter:drop-shadow(0 0 24px #3b82f6cc);background:linear-gradient(#0000 0%,#bfdbfe73 28%,#60a5fab3 48%,#3b82f6d9 72%,#1d4ed8f2 100%);border-radius:42% 42% 48% 48%/35% 35% 55% 55%;width:62%;height:155%;top:auto;bottom:-5%;left:50%;transform:translate(-50%);box-shadow:0 0 36px #3b82f6d9,0 -6px 28px #93c5fda6}.battle-screen-fx--water .battle-screen-fx__main:before,.battle-screen-fx--water .battle-screen-fx__main:after{content:"";pointer-events:none;border:4px solid #60a5fae6;border-radius:50%;width:130%;height:130%;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)scale(.2);box-shadow:0 0 18px #3b82f6bf,inset 0 0 12px #93c5fd59}.battle-screen-fx--water.battle-screen-fx--animate .battle-screen-fx__main{animation-name:battle-fx-main-water}.battle-screen-fx--water.battle-screen-fx--animate .battle-screen-fx__main:before{animation:battle-fx-main-water-ring var(--fx-duration,.72s) ease-out forwards}.battle-screen-fx--water.battle-screen-fx--animate .battle-screen-fx__main:after{animation:battle-fx-main-water-ring var(--fx-duration,.72s) ease-out forwards;animation-delay:.1s}.battle-screen-fx--water.battle-screen-fx--big .battle-screen-fx__main{width:78%;height:175%}.battle-screen-fx--water.battle-screen-fx--big .battle-screen-fx__main:before,.battle-screen-fx--water.battle-screen-fx--big .battle-screen-fx__main:after{border-width:5px;width:155%;height:155%}.battle-screen-fx--water .battle-screen-fx__core{background:radial-gradient(circle,#fff 0%,#bfdbfe 30%,#3b82f6 60%,#0000 75%);box-shadow:0 0 22px #3b82f6d9,0 0 40px #60a5fa80}.battle-screen-fx--water .battle-screen-fx__burst:before{background:radial-gradient(circle,#e0f2fef2 0%,#3b82f68c 50%,#0000 72%);border-radius:50%;width:65%;height:65%;box-shadow:0 0 18px #3b82f6b3}.battle-screen-fx--water .battle-screen-fx__burst:after{background:radial-gradient(circle,#ffffffe6 0%,#93c5fd99 50%,#0000 70%);border-radius:50%;width:40%;height:40%}.battle-screen-fx--water .battle-screen-fx__slash{background:linear-gradient(90deg,#0000,#93c5fd,#fff,#2563eb,#0000);box-shadow:0 0 14px #3b82f6cc,0 0 24px #60a5fa73}.battle-screen-fx--water .battle-screen-fx__particle{opacity:.7;background:radial-gradient(circle at 35% 25%,#e0f2fe 0%,#60a5fa 55%,#1d4ed8 100%);border-radius:50% 50% 50% 10%;box-shadow:0 0 10px #3b82f6bf}.battle-screen-fx--forest .battle-screen-fx__main{--fx-main-scale:1;filter:drop-shadow(0 0 22px #22c55ecc);background:radial-gradient(circle,#bbf7d08c 0%,#22c55e59 45%,#0000 72%);border-radius:50%;width:95%;height:95%;box-shadow:0 0 40px #22c55ebf,0 0 64px #16a34a73}.battle-screen-fx--forest .battle-screen-fx__main:before,.battle-screen-fx--forest .battle-screen-fx__main:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ecfccb 0%,#4ade80 35%,#16a34a 70%,#15803d 100%);border-radius:80% 0;width:52%;height:72%;position:absolute;top:50%;left:50%;box-shadow:0 0 16px #22c55ed9,0 0 28px #16a34a80}.battle-screen-fx--forest .battle-screen-fx__main:before{transform:translate(-85%,-65%)rotate(-35deg)}.battle-screen-fx--forest .battle-screen-fx__main:after{transform:translate(-15%,-55%)rotate(42deg)scale(.88)}.battle-screen-fx--forest.battle-screen-fx--animate .battle-screen-fx__main{animation-name:battle-fx-main-forest}.battle-screen-fx--forest.battle-screen-fx--animate .battle-screen-fx__main:before{animation:battle-fx-main-forest-leaf-a var(--fx-duration,.72s) ease-out forwards}.battle-screen-fx--forest.battle-screen-fx--animate .battle-screen-fx__main:after{animation:battle-fx-main-forest-leaf-b var(--fx-duration,.72s) ease-out forwards;animation-delay:50ms}.battle-screen-fx--forest.battle-screen-fx--big .battle-screen-fx__main{width:115%;height:115%}.battle-screen-fx--forest.battle-screen-fx--big .battle-screen-fx__main:before,.battle-screen-fx--forest.battle-screen-fx--big .battle-screen-fx__main:after{width:62%;height:85%}.battle-screen-fx--forest .battle-screen-fx__core{background:radial-gradient(circle,#ecfccb 0%,#4ade80 40%,#16a34a 65%,#0000 78%);box-shadow:0 0 20px #22c55ed9,0 0 36px #16a34a73}.battle-screen-fx--forest .battle-screen-fx__burst:before{background:radial-gradient(circle,#bbf7d0f2 0%,#22c55e99 48%,#0000 72%);border-radius:50%;width:68%;height:68%;box-shadow:0 0 18px #22c55eb3}.battle-screen-fx--forest .battle-screen-fx__burst:after{clip-path:polygon(50% 0%,80% 20%,100% 50%,70% 80%,50% 100%,30% 80%,0% 50%,20% 20%);background:radial-gradient(circle,#86efac 0%,#22c55e 60%,#0000 80%);width:50%;height:50%}.battle-screen-fx--forest .battle-screen-fx__slash{background:linear-gradient(90deg,#0000,#86efac,#fff,#15803d,#0000);box-shadow:0 0 14px #22c55ebf,0 0 22px #16a34a66}.battle-screen-fx--forest .battle-screen-fx__particle{opacity:.72;background:linear-gradient(135deg,#bbf7d0 0%,#22c55e 55%,#15803d 100%);border-radius:80% 0;width:10px;height:16px;box-shadow:0 0 8px #22c55eb3}.battle-screen-fx--forest.battle-screen-fx--animate .battle-screen-fx__particle{animation-name:battle-fx-particle-fly-forest}.battle-screen-fx--thunder .battle-screen-fx__main{--fx-main-scale:1;clip-path:polygon(48% 0%,62% 12%,38% 16%,68% 30%,32% 34%,72% 50%,28% 54%,78% 70%,22% 74%,65% 88%,35% 92%,58% 100%,20% 86%,52% 82%,18% 66%,50% 62%,15% 46%,46% 42%,12% 26%,42% 22%,10% 10%);filter:drop-shadow(0 0 24px #fffffff2);background:linear-gradient(#fff 0%,#fef08a 18%,#fff 42%,#fde047 68%,#fff 100%);width:38px;height:195%;top:8%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 32px #fffffffa,0 0 56px #eab308e6,0 0 80px #facc158c}.battle-screen-fx--thunder .battle-screen-fx__main:before{content:"";pointer-events:none;background:radial-gradient(circle,#fffffffa 0%,#fef08a8c 35%,#0000 68%);border-radius:50%;width:120%;height:120%;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)scale(.15)}.battle-screen-fx--thunder .battle-screen-fx__main:after{content:"";clip-path:polygon(50% 0%,68% 18%,42% 22%,75% 42%,38% 48%,80% 68%,32% 74%,62% 100%,25% 78%,55% 72%,22% 52%,48% 48%,18% 28%,45% 24%);opacity:0;pointer-events:none;background:linear-gradient(#fef08a 0%,#fff 55%,#facc15 100%);width:22px;height:72%;position:absolute;top:18%;left:62%;box-shadow:0 0 20px #facc15d9}.battle-screen-fx--thunder.battle-screen-fx--animate .battle-screen-fx__main{animation-name:battle-fx-main-thunder}.battle-screen-fx--thunder.battle-screen-fx--animate .battle-screen-fx__main:before{animation:battle-fx-main-thunder-flash var(--fx-duration,.72s) ease-out forwards}.battle-screen-fx--thunder.battle-screen-fx--animate .battle-screen-fx__main:after{animation:battle-fx-main-thunder-branch var(--fx-duration,.72s) ease-out forwards;animation-delay:30ms}.battle-screen-fx--thunder.battle-screen-fx--big .battle-screen-fx__main{width:48px;height:220%}.battle-screen-fx--thunder.battle-screen-fx--big .battle-screen-fx__main:after{width:28px;height:80%}.battle-screen-fx--thunder .battle-screen-fx__core{background:radial-gradient(circle,#fff 0%,#fef08a 20%,#eab308 50%,#0000 72%);box-shadow:0 0 28px #fffffff2,0 0 44px #eab308b3}.battle-screen-fx--thunder .battle-screen-fx__burst:before{clip-path:polygon(45% 0%,60% 18%,40% 22%,65% 42%,35% 46%,70% 68%,30% 72%,55% 100%,25% 78%,50% 74%,20% 52%,48% 48%,15% 28%,42% 24%);background:linear-gradient(#fff 0%,#fde047 40%,#fff 100%);width:8px;height:75%;animation-name:battle-fx-thunder-bolt-1;box-shadow:0 0 14px #fffffff2,0 0 22px #eab308cc}.battle-screen-fx--thunder .battle-screen-fx__burst:after{clip-path:polygon(55% 0%,70% 20%,45% 25%,75% 45%,40% 50%,80% 72%,35% 76%,60% 100%,30% 80%,55% 75%,25% 55%,50% 50%,20% 30%,48% 26%);background:linear-gradient(#fef08a 0%,#fff 50%,#facc15 100%);width:7px;height:60%;animation-name:battle-fx-thunder-bolt-2;box-shadow:0 0 12px #facc15d9}.battle-screen-fx--thunder .battle-screen-fx__slash{background:linear-gradient(90deg,#0000,#fde047,#fff,#fde047,#0000);box-shadow:0 0 18px #ffffffe6,0 0 30px #eab30899}.battle-screen-fx--thunder .battle-screen-fx__particle{opacity:.68;background:radial-gradient(circle,#fff 0%,#fde047 45%,#ca8a04 100%);border-radius:50%;box-shadow:0 0 12px #ffffffe6,0 0 20px #eab308a6}.battle-screen-fx--thunder.battle-screen-fx--animate .battle-screen-fx__particle{animation-name:battle-fx-particle-fly-thunder;animation-duration:calc(var(--fx-duration,.72s) * .85)}.battle-screen-fx--super.battle-screen-fx--animate{animation-name:battle-fx-fade-super}.battle-screen-fx--weak.battle-screen-fx--animate{animation-name:battle-fx-fade-weak}.battle-screen-fx--super .battle-screen-fx__core,.battle-screen-fx--super .battle-screen-fx__particle{filter:brightness(1.35)saturate(1.2)}.battle-screen-fx--super .battle-screen-fx__main{--fx-main-scale:1.18}.battle-screen-fx--super .battle-screen-fx__particle{transform:translate(-50%,-50%)scale(1.15)}.battle-screen-fx--weak .battle-screen-fx__core,.battle-screen-fx--weak .battle-screen-fx__burst:before,.battle-screen-fx--weak .battle-screen-fx__burst:after,.battle-screen-fx--weak .battle-screen-fx__main,.battle-screen-fx--weak .battle-screen-fx__main:before,.battle-screen-fx--weak .battle-screen-fx__main:after,.battle-screen-fx--weak .battle-screen-fx__particle,.battle-screen-fx--weak .battle-screen-fx__slash{filter:brightness(.65)saturate(.75);opacity:.7}.battle-screen-fx--weak{inset:-18%}.battle-screen-fx--weak .battle-screen-fx__particle{width:8px;height:8px}@keyframes battle-fx-main-pop{0%{opacity:0;transform:translate(-50%, -50%) scale(calc(.35 * var(--fx-main-scale,1)))}14%{opacity:1;transform:translate(-50%, -50%) scale(calc(1.08 * var(--fx-main-scale,1)))}to{opacity:0;transform:translate(-50%, -50%) scale(calc(1.35 * var(--fx-main-scale,1)))}}@keyframes battle-fx-main-fire{0%{opacity:0;transform:translate(-50%)scaleY(.25)scaleX(.6)}12%{opacity:1;transform:translate(-50%)scaleY(1.05)scaleX(1.02)}30%{opacity:.95;transform:translate(-52%)scaleY(1.12)scaleX(.98)}55%{opacity:.8;transform:translate(-48%)scaleY(1.18)scaleX(1.04)}to{opacity:0;transform:translate(-50%)scaleY(1.35)scaleX(1.1)}}@keyframes battle-fx-main-water{0%{opacity:0;transform:translate(-50%)scaleY(.2)scaleX(.55)}14%{opacity:1;transform:translate(-50%)scaleY(1.08)scaleX(1.05)}to{opacity:0;transform:translate(-50%)scaleY(1.32)scaleX(1.15)}}@keyframes battle-fx-main-water-ring{0%{opacity:.95;transform:translate(-50%,-50%)scale(.15)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@keyframes battle-fx-main-forest{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(0)}16%{opacity:1;transform:translate(-50%,-50%)scale(1.1)rotate(18deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)rotate(55deg)}}@keyframes battle-fx-main-forest-leaf-a{0%{opacity:0;transform:translate(-85%,-65%)rotate(-35deg)scale(.3)}18%{opacity:1;transform:translate(-95%,-75%)rotate(-55deg)scale(1.05)}to{opacity:0;transform:translate(-115%,-95%)rotate(-120deg)scale(.7)}}@keyframes battle-fx-main-forest-leaf-b{0%{opacity:0;transform:translate(-15%,-55%)rotate(42deg)scale(.25)}18%{opacity:1;transform:translate(-5%,-65%)rotate(68deg)scale(1)}to{opacity:0;transform:translate(25%,-85%)rotate(145deg)scale(.65)}}@keyframes battle-fx-main-thunder{0%{opacity:0;transform:translate(-50%,-120%)scaleY(.15)}8%{opacity:1;transform:translate(-50%,-50%)scaleY(1.12)}14%{opacity:1;transform:translate(-50%,-48%)scaleY(1.05)}to{opacity:0;transform:translate(-50%,-45%)scaleY(1.15)}}@keyframes battle-fx-main-thunder-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.1)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.35)}28%{opacity:.75;transform:translate(-50%,-50%)scale(1.65)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}@keyframes battle-fx-main-thunder-branch{0%{opacity:0;transform:translateY(-40%)scaleY(.2)}10%{opacity:.95;transform:translateY(0)scaleY(1)}to{opacity:0;transform:translateY(8%)scaleY(1.08)}}@keyframes battle-fx-fade{0%{opacity:1;transform:scale(.75)}to{opacity:0;transform:scale(1.25)}}@keyframes battle-fx-fade-big{0%{opacity:1;transform:scale(.7)}15%{transform:scale(1.08)}to{opacity:0;transform:scale(1.4)}}@keyframes battle-fx-fade-super{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.55)}}@keyframes battle-fx-fade-weak{0%{opacity:.65;transform:scale(.7)}to{opacity:0;transform:scale(.9)}}@keyframes battle-fx-big-screen-glow{0%{opacity:0;background:radial-gradient(circle,#ffffff73 0%,#0000 55%);transform:scale(.6)}18%{opacity:1;background:radial-gradient(circle,#ffffff59 0%,#ffc86426 40%,#0000 65%)}to{opacity:0;background:radial-gradient(circle,#0000 0% 100%);transform:scale(1.5)}}@keyframes battle-fx-core-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}35%{opacity:.65;transform:translate(-50%,-50%)scale(1.35)}to{opacity:0;transform:translate(-50%,-50%)scale(1.6)}}@keyframes battle-fx-burst-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.15)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.55)}}@keyframes battle-fx-water-ripple{0%{opacity:.8;background:radial-gradient(circle,#bfdbfe80 0%,#0000 70%);transform:translate(-50%,-50%)scale(.3)}to{opacity:0;background:radial-gradient(circle,#60a5fa33 0%,#0000 70%);transform:translate(-50%,-50%)scale(1.4)}}@keyframes battle-fx-water-ring{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(1.35)}}@keyframes battle-fx-particle-fly{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.35)}18%{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--fx-angle,0deg) * .15)) scale(1.25)}to{opacity:0;transform:translate(calc(-50% + var(--fx-dx,0px)), calc(-50% + var(--fx-dy,0px))) rotate(calc(var(--fx-angle,0deg) + 120deg)) scale(.5)}}@keyframes battle-fx-particle-fly-fire{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.35)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}to{opacity:0;transform:translate(calc(-50% + var(--fx-dx,0px)), calc(-50% + var(--fx-dy,0px) - 18px)) rotate(calc(var(--fx-angle,0deg) + 90deg)) scale(.4)}}@keyframes battle-fx-particle-fly-forest{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.35)}18%{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--fx-angle,0deg) * .2)) scale(1.2)}to{opacity:0;transform:translate(calc(-50% + var(--fx-dx,0px)), calc(-50% + var(--fx-dy,0px))) rotate(calc(var(--fx-angle,0deg) + 240deg)) scale(.45)}}@keyframes battle-fx-particle-fly-thunder{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}8%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}25%{opacity:.9;transform:translate(calc(-50% + var(--fx-dx,0px) * .4), calc(-50% + var(--fx-dy,0px) * .4)) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + var(--fx-dx,0px)), calc(-50% + var(--fx-dy,0px))) scale(.3)}}@keyframes battle-fx-thunder-bolt-1{0%{opacity:0;transform:translate(-50%,-50%)scaleY(.2)rotate(-8deg)}10%{opacity:1;transform:translate(-50%,-50%)scaleY(1.1)rotate(-8deg)}30%{opacity:.85;transform:translate(-50%,-50%)scaleY(1)rotate(-5deg)}to{opacity:0;transform:translate(-50%,-50%)scaleY(1.15)rotate(-3deg)}}@keyframes battle-fx-thunder-bolt-2{0%{opacity:0;transform:translate(-50%,-50%)scaleY(.15)rotate(12deg)translate(18px)}12%{opacity:1;transform:translate(-50%,-50%)scaleY(1)rotate(12deg)translate(18px)}to{opacity:0;transform:translate(-50%,-50%)scaleY(1.1)rotate(8deg)translate(22px)}}@keyframes battle-fx-slash-sweep{0%{opacity:0;transform:translate(-50%,-50%)rotate(-38deg)scaleX(0)}15%{opacity:1;transform:translate(-50%,-50%)rotate(-38deg)scaleX(1.05)}to{opacity:0;transform:translate(-50%,-50%)rotate(-38deg)scaleX(1.2)}}@keyframes battle-fx-slash-sweep-cross{0%{opacity:0;transform:translate(-50%,-50%)rotate(38deg)scaleX(0)}15%{opacity:1;transform:translate(-50%,-50%)rotate(38deg)scaleX(1.05)}to{opacity:0;transform:translate(-50%,-50%)rotate(38deg)scaleX(1.2)}}@keyframes battle-fx-slash-sweep-big{0%{opacity:0;transform:translate(-50%,-50%)rotate(-38deg)scaleX(0)}12%{opacity:1;transform:translate(-50%,-50%)rotate(-38deg)scaleX(1.15)}to{opacity:0;transform:translate(-50%,-50%)rotate(-38deg)scaleX(1.35)}}.battle-screen-fx--big.battle-screen-fx--animate .battle-screen-fx__slash--cross{animation-name:battle-fx-slash-sweep-big-cross}@keyframes battle-fx-slash-sweep-big-cross{0%{opacity:0;transform:translate(-50%,-50%)rotate(38deg)scaleX(0)}17%{opacity:1;transform:translate(-50%,-50%)rotate(38deg)scaleX(1.15)}to{opacity:0;transform:translate(-50%,-50%)rotate(38deg)scaleX(1.35)}}.battle-screen-commands{padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));z-index:1;background:linear-gradient(#080d17fa,#03060bfa);border-top:1px solid #e6c46f40;flex:none;position:relative;box-shadow:inset 0 1px #ffffff0a}.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(#162031fa,#080d16fa);border:1px solid #e6c46f52;border-radius:10px;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:#5cc8ff85;box-shadow:inset 0 0 0 1px #3b82f62e,inset 0 1px #ffffff14,0 8px 18px #00000047}.battle-screen-cmd-card--ghost{text-align:center;background:#0d1522c7;border-color:#bed3eb38;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:#d7aa4fb8;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:#d7aa4f29;border:1px solid #d7aa4f61;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:#ff6a3d94}.battle-screen-cmd-card--water{border-color:#5cc8ff85}.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:linear-gradient(#080d17eb,#03060be6);border:1px solid #d7aa4f5c;border-radius:10px;min-height:2.8em;margin:8px 2px 0;padding:8px 10px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.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-fx--animate,.battle-screen-fx--animate:before,.battle-screen-mon--hit .battle-screen-mon-art,.battle-screen-mon--hit .battle-screen-mon-art:after,.battle-screen-fx__core,.battle-screen-fx__main,.battle-screen-fx__main:before,.battle-screen-fx__main:after,.battle-screen-fx__burst:before,.battle-screen-fx__burst:after,.battle-screen-fx__ripple,.battle-screen-fx__ripple:before,.battle-screen-fx__ripple:after,.battle-screen-fx__slash,.battle-screen-fx__particle,.battle-screen-trainer-avatar,.battle-screen-trainer-avatar img,.battle-screen-start-flash,.battle-screen-start-teleprompter,.battle-screen--start .battle-screen-arena-bg:before,.battle-screen--start .battle-screen-arena-bg:after,.battle-screen--start .battle-screen-side--foe,.battle-screen--start .battle-screen-side--mine,.battle-screen-side--enter.battle-screen-side--foe,.battle-screen-side--enter.battle-screen-side--mine,.battle-screen--start .battle-screen-bar,.battle-screen--start .battle-screen-commands{transition:none;animation:none}.battle-screen-mon--knockout{opacity:0;filter:none;animation:none;transform:none}.battle-screen-start-flash,.battle-screen-start-teleprompter{opacity:0}.battle-screen--start .battle-screen-side--foe,.battle-screen--start .battle-screen-side--mine,.battle-screen-side--enter.battle-screen-side--foe,.battle-screen-side--enter.battle-screen-side--mine,.battle-screen--start .battle-screen-bar,.battle-screen--start .battle-screen-commands{opacity:1;transform:none}.battle-screen--start .battle-screen-arena-bg:before,.battle-screen--start .battle-screen-arena-bg:after{filter: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-arena{justify-content:center;gap:clamp(18px,4.6vh,34px)}.battle-screen-arena-bg{background:linear-gradient(90deg,#1a578a38,#0000 38% 62%,#91361e3d),radial-gradient(#d7aa4f24,#0000 38%),linear-gradient(#151f2f47,#03060deb)}.battle-screen-arena-bg:before{opacity:.62;background:repeating-radial-gradient(#0000 0 22px,#c6d5e724 23px 24px),linear-gradient(90deg,#5cc8ff1f,#d7aa4f0f,#ff6a3d1f);border-color:#e6c46f29;width:min(86vw,340px);height:min(28vh,230px);top:50%;bottom:auto;transform:translate(-50%,-50%);box-shadow:inset 0 0 26px #ffffff06}.battle-screen-arena-bg:after{opacity:.5;width:min(40vw,180px);height:min(8vh,64px);top:50%;bottom:auto;transform:translate(-50%,-50%);box-shadow:-28vw 0 36px #5cc8ff47,28vw 0 36px #ff6a3d3d,inset 0 0 22px #d7aa4f1a}.battle-screen-side{flex:0 auto}.battle-screen-info{max-width:min(248px,62vw)}}@media (width>=768px){@keyframes battle-start-foe-in{0%{opacity:0;transform:translate(-36px)}72%{opacity:1;transform:translate(3px)}to{opacity:1;transform:translate(0)}}@keyframes battle-start-mine-in{0%{opacity:0;transform:translate(36px)}72%{opacity:1;transform:translate(-3px)}to{opacity:1;transform:translate(0)}}.battle-screen{--battle-mon-size:clamp(248px, 30vw, 304px);--battle-cluster-offset:clamp(70px, 11vh, 92px)}.battle-screen-arena{grid-template-columns:1fr 1fr;align-items:center;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-side--foe,.battle-screen-side--mine{justify-content:center}.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%, calc(-1 * var(--battle-cluster-offset)))}.battle-screen-fighter--mine{transform:translate(-5%, var(--battle-cluster-offset))}.battle-screen-info{min-width:248px;max-width:280px;margin-top:-4px}.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>=768px) and (width<=1279px){.battle-screen-arena-bg:before{opacity:.72;width:min(82vw,760px);height:min(32vh,300px);top:62%;bottom:auto;transform:translate(-50%,-50%)}.battle-screen-arena-bg:after{opacity:.58;width:min(34vw,300px);height:min(8vh,76px);top:69%;bottom:auto;transform:translate(-50%,-50%);box-shadow:-30vw 0 40px #5cc8ff4d,30vw 0 40px #ff6a3d42,inset 0 0 22px #d7aa4f1a}}@media (width>=1280px){.battle-screen{--battle-mon-size:clamp(304px, 23vw, 348px);--battle-cluster-offset:clamp(76px, 11vh, 96px)}.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:radial-gradient(circle at 20% 18%, var(--mg-foe-aura), transparent 28%), radial-gradient(circle at 80% 18%, var(--mg-mine-aura), transparent 28%), linear-gradient(180deg, #101827 0%, #07101d 46%, var(--mg-bg) 100%);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-fullscreen .board-canvas-inner{border-radius:var(--mg-radius-md);border:1px solid var(--mg-line-strong);box-shadow:0 0 0 1px #bed3eb14, var(--mg-shadow-elevated), inset 0 0 48px #02050c59;background:var(--mg-bg-elevated);overflow:hidden}.board-fullscreen .board-canvas-inner:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 80px #02050c47}.board-canvas-inner canvas{display:block;width:100%!important;height:100%!important}.board-hud{top:var(--mg-space-2);left:var(--mg-space-2);right:var(--mg-space-2);align-items:center;gap:var(--mg-space-2);background:var(--mg-bg-panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--mg-line-strong);border-radius:var(--mg-radius-md);z-index:5;box-shadow:var(--mg-shadow-element);padding:7px 10px;font-size:11px;display:flex;position:absolute}.board-hud-turn{background:var(--mg-accent-gold-soft);border:1px solid var(--mg-accent-gold-line);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:var(--mg-ink);font-size:12px;font-weight:700}.board-hud-stat{color:var(--mg-sub);white-space:nowrap;font-size:11px}.board-hud-stat strong{color:var(--mg-ink)}.board-hud-stat--wide{display:none}@media (width>=600px){.board-hud-stat--wide{display:inline}}.board-hud-spacer{flex:1}.board-hud-goal{color:var(--mg-ink-on-gold);background:linear-gradient(#f3cc72,#c8912f);border:1px solid #e6c46f73;border-radius:999px;flex:none;padding:3px 10px;font-size:11px;font-weight:800}.board-hud-lead-peek{border:1px solid var(--mg-line);background:#080d16d1;border-radius:999px;flex:none;align-items:center;gap:5px;padding:2px 8px 2px 3px;display:flex}.board-hud-lead-face{border:1px solid var(--mg-line);background:#0f172ae6;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{border:1px solid var(--mg-line);background:#bed3eb1f;border-radius:999px;width:40px;height:5px;display:block;overflow:hidden}.board-hud-lead-hp-bar>span{background:var(--mg-hp-good);border-radius:999px;height:100%;display:block}.board-hud-lead-hp-txt{color:var(--mg-muted);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{background:var(--mg-bg-panel);border:1px solid var(--mg-line);color:var(--mg-sub);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:44px;box-shadow:var(--mg-shadow-element);border-radius:999px;align-items:center;gap:4px;padding:3px 12px 3px 3px;font-size:10px;display:flex}.board-other-chip:hover{border-color:var(--mg-accent-gold-line);background:#0d1522eb}.board-other-avatar{object-fit:cover;border:2px solid;border-radius:50%;flex:none;width:16px;height:16px}.board-other-name{color:var(--mg-ink);font-weight:600}.board-other-loc{color:var(--mg-sub)}.board-dice-overlay{pointer-events:none}.board-dice-label{margin:0}.dice-roll-canvas{pointer-events:none;overflow:visible}.turn-banner{z-index:6;pointer-events:none;justify-content:center;display:flex;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.turn-banner__slide{will-change:transform;pointer-events:none;animation:1.3s forwards turn-banner-slide}.turn-banner__text{letter-spacing:.12em;color:var(--mg-ink);background:var(--mg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--mg-radius-md);border:1px solid color-mix(in srgb, var(--mg-gold) 65%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--turn-banner-accent) 35%, transparent), 0 0 28px color-mix(in srgb, var(--turn-banner-accent) 45%, transparent), 0 0 12px color-mix(in srgb, var(--mg-gold) 30%, transparent), inset 0 1px 0 #ffffff14;text-shadow:0 0 18px color-mix(in srgb, var(--turn-banner-accent) 55%, transparent), 0 2px 4px #00000073;white-space:nowrap;margin:0;padding:14px 32px;font-size:clamp(22px,5vw,32px);font-weight:800}.turn-banner__name{color:var(--turn-banner-accent,var(--mg-gold))}@keyframes turn-banner-slide{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-120%)}31%{opacity:1;animation-timing-function:linear;transform:translate(0)}69%{opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translate(0)}to{opacity:0;transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.turn-banner__slide{animation:.4s forwards turn-banner-fade}@keyframes turn-banner-fade{0%{opacity:0;transform:none}20%{opacity:1}80%{opacity:1}to{opacity:0}}}.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:var(--mg-bg-panel);border:1px solid var(--mg-accent-gold-line);border-radius:var(--mg-radius-lg);width:100%;max-width:360px;box-shadow:var(--mg-shadow-card);gap:8px;padding:18px;display:grid}.board-confirm-card h2{color:var(--mg-ink);margin:0;font-size:17px}.board-confirm-card p{color:var(--mg-sub);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:var(--mg-accent-gold);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:var(--mg-ink-on-gold);background:linear-gradient(#f3cc72,#c8912f);border:1px solid #e6c46f8c;box-shadow:inset 0 1px #ffffff59,0 8px 18px #00000052}.message-dialog-btn--primary:hover{background:linear-gradient(180deg, #f8d884, var(--mg-gold));border-color:#e6c46f8c}.message-dialog-btn--secondary{border:1px solid var(--mg-line);background:var(--mg-bg-panel);color:var(--mg-ink)}.message-dialog-btn--secondary:hover{border-color:var(--mg-accent-gold-line);background:var(--mg-bg-panel-strong)}.message-dialog-reward{border:1px solid var(--mg-line);background:var(--mg-bg-panel-strong);border-radius:12px;align-items:center;gap:12px;margin-top:4px;padding:10px 12px;display:flex}.message-dialog-reward-icon{border:1px solid var(--mg-line);background:var(--mg-bg-panel);border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.message-dialog-reward-text{color:var(--mg-sub);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:var(--mg-bg-panel);border:1px solid var(--mg-accent-gold-line);border-radius:var(--mg-radius-lg);padding:var(--mg-space-4);box-shadow:var(--mg-shadow-card);gap:8px;display:grid}.board-encounter-card h2{color:var(--mg-ink);margin:0;font-size:18px}.board-encounter-card h3{color:var(--mg-ink);margin:0 0 4px;font-size:15px}.board-encounter-card p{color:var(--mg-sub);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{background:linear-gradient(180deg, #0d1522f5, var(--mg-bg-panel));max-width:100%;color:var(--mg-ink);border:1px solid var(--mg-accent-gold-line);border-radius:var(--mg-radius-sm);box-shadow:var(--mg-shadow-card);text-align:center;justify-self:center;padding:10px 18px 12px}.board-enc-appear{color:var(--mg-ink);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-sheet--appear .board-enc-banner{animation:.42s ease-out both board-enc-banner-in}.board-enc-sheet--appear .board-enc-spotlight{opacity:0;animation:.38s ease-out 40ms both board-enc-spotlight-in;transform:scale(.9)}.board-enc-sheet--appear .board-enc-shadow{opacity:0;animation:.48s ease-out .12s both board-enc-shadow-in}.board-enc-sheet--appear .board-enc-aura{animation:.55s ease-out both board-enc-aura-flash}.board-enc-sheet--appear .board-enc-monster-wrap .monster-portrait-frame{animation:.52s cubic-bezier(.22,1,.36,1) 80ms both board-enc-art-in,3.2s ease-in-out .62s infinite board-enc-art-idle}.board-enc-sheet--appear .board-enc-art{animation:.52s ease-out 80ms both board-enc-art-shadow-in}.board-enc-sheet--appear .board-enc-aura,.board-enc-sheet--appear .board-enc-spotlight,.board-enc-sheet--appear .board-enc-shadow{pointer-events:none}@keyframes board-enc-banner-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes board-enc-spotlight-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes board-enc-shadow-in{0%{opacity:0;transform:translate(-50%)scaleX(.55)}to{opacity:1;transform:translate(-50%)scaleX(1)}}@keyframes board-enc-aura-flash{0%{opacity:0;filter:blur(2px)brightness(1.35)}28%{opacity:.95;filter:blur(1px)brightness(1.12)}to{opacity:1;filter:blur(2px)brightness()}}@keyframes board-enc-art-in{0%{opacity:0;transform:translateY(22px)scale(.9)}72%{opacity:1;transform:translateY(-3px)scale(1.015)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes board-enc-art-idle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.004)}}@keyframes board-enc-art-shadow-in{0%{filter:drop-shadow(0 4px 10px #0000001f)}72%{filter:drop-shadow(0 18px 30px #00000061)}to{filter:drop-shadow(0 12px 24px #00000052)}}@media (prefers-reduced-motion:reduce){.board-enc-sheet--appear .board-enc-banner,.board-enc-sheet--appear .board-enc-spotlight,.board-enc-sheet--appear .board-enc-shadow,.board-enc-sheet--appear .board-enc-aura,.board-enc-sheet--appear .board-enc-monster-wrap .monster-portrait-frame,.board-enc-sheet--appear .board-enc-art{opacity:1;animation:none}.board-enc-sheet--appear .board-enc-banner,.board-enc-sheet--appear .board-enc-monster-wrap .monster-portrait-frame{transform:none}.board-enc-sheet--appear .board-enc-spotlight{transform:scale(1)}.board-enc-sheet--appear .board-enc-shadow{transform:translate(-50%)}.board-enc-sheet--appear .board-enc-art{filter:drop-shadow(0 12px 24px #00000052)}}.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{border-radius:var(--mg-radius-md);border:1px solid var(--mg-line);width:100%;min-height:52px;color:var(--mg-ink);cursor:pointer;text-align:left;box-shadow:var(--mg-shadow-inset-highlight), var(--mg-shadow-element);background:linear-gradient(#162031fa,#080d16fa);align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:700;display:flex}.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:var(--mg-sub);font-size:10px;font-weight:400}.board-enc-btn--primary{color:var(--mg-ink-on-gold);background:linear-gradient(#f3cc72,#c8912f);border-color:#e6c46f8c;box-shadow:inset 0 1px #ffffff59,0 10px 22px #00000057}.board-enc-btn--primary .board-enc-desc{color:#1c1305c7}.board-enc-btn--secondary{border-color:var(--mg-line);color:var(--mg-ink);background:linear-gradient(#162031fa,#080d16fa)}.board-enc-btn--flee{color:var(--mg-sub);border-color:var(--mg-line);background:#080d16b8}@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{border-radius:var(--mg-radius-sm);border:1px solid var(--mg-accent-gold-line);background:linear-gradient(180deg, #0d1522fa, var(--mg-bg-panel));width:min(100%,298px);color:var(--mg-ink);box-shadow:var(--mg-shadow-card);text-align:center;padding:20px 18px 16px}.board-enc-result--captured{border-color:var(--mg-accent-gold-line)}.board-enc-result--escaped,.board-enc-result--flee{border-color:var(--mg-line)}.board-enc-result-kicker{min-height:22px;color:var(--mg-ink-on-gold);background:linear-gradient(180deg, #f3cc72, var(--mg-accent-gold));border-radius:999px;justify-content:center;align-items:center;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{color:var(--mg-ink);border:1px solid var(--mg-line);background:#0d1522eb}.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{left:var(--mg-space-2);right:var(--mg-space-2);z-index:6;background:var(--mg-bg-panel-strong);border:1px solid var(--mg-line-strong);border-radius:var(--mg-radius-lg);padding:var(--mg-space-3);box-shadow:var(--mg-shadow-card);position:absolute;bottom:10px}.board-cmd-label{color:var(--mg-sub);margin:0 2px var(--mg-space-2);font-size:11px}.board-cmd-row{gap:var(--mg-space-2);margin-bottom:6px;display:flex}.board-cmd-btn{border-radius:var(--mg-radius-md);border:1px solid var(--mg-line);color:var(--mg-ink);cursor:pointer;min-height:56px;box-shadow:var(--mg-shadow-inset-highlight), var(--mg-shadow-element);background:linear-gradient(#162031fa,#080d16fa);flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px;font-size:11px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.board-cmd-btn:hover:not(:disabled){border-color:var(--mg-accent-gold-line)}.board-cmd-btn:disabled{opacity:.45;cursor:not-allowed;border-color:var(--mg-line);color:var(--mg-sub);background:linear-gradient(#162031fa,#080d16fa)}.board-cmd-btn--primary{color:var(--mg-ink-on-gold);background:linear-gradient(#f3cc72,#c8912f);border-color:#e6c46f8c;box-shadow:inset 0 1px #ffffff59,0 8px 18px #00000052}.board-cmd-btn--primary:hover:not(:disabled){background:linear-gradient(180deg, #f8d884, var(--mg-gold))}.board-cmd-btn--primary:disabled{opacity:.45;border-color:var(--mg-line);color:var(--mg-sub);box-shadow:var(--mg-shadow-inset-highlight), var(--mg-shadow-element);background:linear-gradient(#162031fa,#080d16fa)}.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{margin:var(--mg-space-2) 0 0;color:var(--mg-muted);text-align:center;font-size:10px;line-height:1.4}.board-move-item-area{background:var(--mg-bg-elevated);border:1px solid var(--mg-line);border-radius:var(--mg-radius-sm);box-shadow:var(--mg-shadow-inset-highlight);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{background:var(--mg-bg-panel-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--mg-accent-gold-line);border-radius:var(--mg-radius-lg);width:100%;max-width:560px;max-height:calc(100% - 16px);box-shadow:var(--mg-shadow-elevated);flex-direction:column;gap:10px;padding:12px;display:flex;overflow-y:auto}.board-party-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.board-party-head h2{color:var(--mg-ink);margin:0;font-size:15px}.board-party-sub,.board-party-ro-note{color:var(--mg-sub);margin:2px 0 0;font-size:11px}.board-party-close{border:1px solid var(--mg-line);min-height:44px;color:var(--mg-ink);box-shadow:var(--mg-shadow-inset-highlight), var(--mg-shadow-element);background:linear-gradient(#162031eb,#080d16f0);border-radius:999px;flex:none;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:var(--mg-sub)}.board-mon-card{border:1px solid var(--mg-line);background:var(--mg-bg-elevated);box-shadow:var(--mg-shadow-element);border-radius:14px;align-items:center;gap:10px;padding:9px 10px;display:flex}.board-mon-card--lead{border-color:var(--mg-accent-gold);background:var(--mg-accent-gold-soft);box-shadow:0 0 12px var(--mg-accent-gold-ring), var(--mg-shadow-element)}.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:var(--mg-ink);margin:0;font-size:13px;font-weight:700}.board-mon-lv{color:var(--mg-sub);font-size:11px}.board-mon-lead-badge{color:var(--mg-ink-on-gold);background:linear-gradient(180deg, #f3cc72, var(--mg-accent-gold));border:1px solid var(--mg-accent-gold-line);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:var(--mg-sub);align-items:center;gap:4px;font-size:10px;display:flex}.bar-label-mini{flex:none;width:22px}.bar-track-mini{border:1px solid var(--mg-line);background:#bed3eb1f;border-radius:999px;flex:1;height:6px;overflow:hidden}.bar-fill-hp{background:var(--mg-hp-good);border-radius:999px;height:100%;display:block}.bar-fill-exp{background:var(--mg-water);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;border-color:var(--mg-accent-gold-line);min-height:44px;color:var(--mg-accent-gold);border-radius:10px;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}}