:root{--text:#ccc;--text-h:#fff;--bg:#0a0c14;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}html,body{overscroll-behavior:none;height:100%;margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.settings-overlay{z-index:300;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.settings-box{background:#0d0f1a;border:2px solid #3a3a6a;border-radius:8px;width:min(420px,92vw);padding:0;overflow:hidden}.settings-header{background:#0a0c14;border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.settings-title{color:#fc4;letter-spacing:2px;font-size:16px;font-weight:700}.settings-close{color:#888;cursor:pointer;background:0 0;border:1px solid #3a3a5a;border-radius:4px;width:28px;height:28px;font-size:12px}.settings-close:hover{color:#ccc}.settings-section{border-bottom:1px solid #1a1a2e;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.setting-row{align-items:center;gap:12px;display:flex}.setting-label{color:#aac;flex-shrink:0;width:70px;font-size:12px}.setting-slider{accent-color:#84f;cursor:pointer;flex:1;height:4px}.setting-value{text-align:right;color:#888;width:36px;font-size:11px}.radio-group{gap:4px;display:flex}.radio-btn{color:#889;cursor:pointer;background:#12141e;border:1px solid #3a3a5a;border-radius:3px;padding:4px 12px;font-size:12px;transition:all .12s}.radio-btn.active{color:#edf;background:#2a1a4a;border-color:#84f}.radio-btn:hover:not(.active){border-color:#556}.toggle{cursor:pointer;width:38px;height:20px;display:inline-block;position:relative}.toggle input{display:none}.toggle-slider{background:#2a2a3a;border-radius:20px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#666;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:#3a1a5a}.toggle input:checked+.toggle-slider:before{background:#a6f;transform:translate(18px)}.settings-footer{text-align:center;color:#446;padding:10px 20px;font-size:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px),(orientation:portrait) and (width<=1024px){.settings-close{width:36px;height:36px;font-size:14px}.radio-btn{min-height:38px;padding:8px 14px;font-size:12px}.setting-slider{height:24px}}.stats-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.stats-box{background:#0d0f1a;border:2px solid #3a3a6a;border-radius:8px;flex-direction:column;width:100%;max-width:540px;max-height:92vh;display:flex;overflow-y:auto}.stats-header{background:#0a0c14;border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.stats-title{color:#fc4;letter-spacing:2px;margin:0;font-size:16px;font-weight:700}.stats-close-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #3a3a5a;border-radius:3px;width:26px;height:26px;font-size:12px}.stats-close-btn:hover{color:#fff;border-color:#66a}.stats-section{border-bottom:1px solid #1a1a2e;padding:12px 18px}.stats-section:last-of-type{border-bottom:none}.stats-section-title{color:#668;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}.stats-grid.two{grid-template-columns:1fr 1fr;margin-top:6px}.stat-cell{text-align:center;background:#12141e;border:1px solid #2a2a4a;border-radius:4px;padding:8px 10px}.stat-cell-label{color:#889;letter-spacing:1px;margin-bottom:4px;font-size:10px}.stat-cell-value{color:#eef;font-family:monospace;font-size:18px;font-weight:700}.stat-cell-sub{color:#556;margin-top:2px;font-size:9px}.progress-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.progress-track{background:#181a2a;border:1px solid #2a2a4a;border-radius:7px;flex:1;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#64a,#a4d);height:100%;transition:width .3s}.progress-val{color:#ccd;font-family:monospace;font-size:12px;font-weight:700}.stats-footer{background:#0a0c14;border-top:1px solid #2a2a4a;gap:8px;padding:12px 18px;display:flex}.stats-reset-btn{color:#c88;cursor:pointer;background:#2a1a1a;border:1px solid #5a3030;border-radius:4px;flex:1;padding:8px 14px;font-size:12px;transition:all .15s}.stats-reset-btn:hover{color:#e99;background:#3a2222}.stats-reset-btn.confirming{color:#fc8;background:#5a2020;border-color:#a44}.stats-cancel-btn{color:#aaa;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:4px;padding:8px 14px;font-size:12px}.stats-cancel-btn:hover{color:#fff}.title-root{background:radial-gradient(#0d1530 0%,#050810 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.title-root:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffcc4405 2px 4px);position:absolute;inset:0}.title-box{background:#0a0c14eb;border:2px solid #3a3a6a;border-radius:4px;flex-direction:column;align-items:center;gap:28px;min-width:380px;padding:48px 64px;display:flex;box-shadow:0 0 40px #6450c826,inset 0 0 60px #00000080}.title-logo{text-align:center}.title-main{color:#fc4;letter-spacing:6px;text-shadow:0 0 20px #fa0,0 0 40px #f805;font-family:MS Gothic,monospace;font-size:36px;font-weight:700}.title-sub{color:#88a;letter-spacing:3px;margin-top:6px;font-size:13px}.title-divider{background:linear-gradient(90deg,#0000,#3a3a6a,#0000);width:100%;height:1px}.title-menu{flex-direction:column;gap:12px;width:100%;display:flex}.btn-story{background:#16122a;border-color:#4a3a7a}.btn-story:hover{background:#201840;border-color:#96f;box-shadow:0 0 14px #9966ff40}.title-btn{color:#ccd;cursor:pointer;letter-spacing:1px;background:#12141e;border:1px solid #3a3a6a;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:16px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex}.title-btn:hover{color:#edf;background:#1e2040;border-color:#86f;box-shadow:0 0 12px #86f3}.btn-icon{font-size:18px}.title-hint{color:#668;text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.title-sub-menu{gap:8px;width:100%;display:flex}.title-sub-btn{color:#77a;cursor:pointer;background:#0e1020;border:1px solid #2a2a4a;border-radius:4px;flex:1;padding:8px 12px;font-size:12px;transition:all .15s}.title-sub-btn:hover{color:#aad;background:#161830;border-color:#4a4a7a}.title-credit{color:#446;margin-top:-8px;font-size:10px}@media (width<=768px),(orientation:portrait) and (width<=1024px){.title-root{box-sizing:border-box;padding:12px}.title-box{gap:18px;width:100%;min-width:0;max-width:420px;padding:24px 20px}.title-main{letter-spacing:4px;font-size:26px}.title-sub{letter-spacing:2px;font-size:11px}.title-btn{min-height:48px;padding:14px 16px;font-size:15px}.title-sub-btn{min-height:44px;padding:12px 10px;font-size:12px}}.stage-select-root{box-sizing:border-box;background:radial-gradient(#0d1530 0%,#050810 100%);justify-content:center;width:100%;height:100%;padding:24px 16px;display:flex;overflow-y:auto}.stage-select-inner{flex-direction:column;gap:24px;width:100%;max-width:780px;display:flex}.story-header{justify-content:space-between;align-items:center;display:flex}.story-title{color:#fc4;letter-spacing:3px;text-shadow:0 0 12px #fa06;margin:0;font-size:22px;font-weight:700}.back-btn{color:#88a;cursor:pointer;background:0 0;border:1px solid #3a3a5a;border-radius:3px;padding:4px 12px;font-size:12px;transition:color .15s}.back-btn:hover{color:#ccd;border-color:#66a}.chapter-block{background:#0a0c18cc;border:1px solid #2a2a4a;border-radius:6px;overflow:hidden}.chapter-header{background:#0f1120;border-bottom:1px solid #2a2a4a;align-items:baseline;gap:12px;padding:10px 16px;display:flex}.chapter-num{color:#88a;letter-spacing:1px;font-size:11px;font-weight:700}.chapter-title{color:#fc4;font-size:16px;font-weight:700}.chapter-sub{color:#668;font-size:11px;font-style:italic}.stage-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:14px;display:grid}.stage-card{cursor:pointer;text-align:left;color:#ccc;background:#12141e;border:1px solid #3a3a5a;border-radius:5px;flex-direction:column;gap:6px;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.stage-card:hover:not(.locked){background:#1e2040;border-color:#64a}.stage-card.cleared{background:#18160a;border-color:#a80}.stage-card.locked{opacity:.4;cursor:not-allowed}.stage-card-top{justify-content:space-between;align-items:center;display:flex}.stage-id{color:#668;font-family:monospace;font-size:10px}.stage-status{color:#fc4;font-size:11px}.stage-card.cleared .stage-status{color:#fc4}.stage-card.locked .stage-status{color:#556}.stage-name{color:#eef;font-size:15px;font-weight:700}.stage-info{color:#889;flex-wrap:wrap;gap:8px;font-size:10px;display:flex}.map-badge{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:3px;padding:1px 5px}.enemy-elem{font-weight:700}.deck-size{color:#668}.stage-record{border-top:1px solid #1a1a2a;align-items:center;gap:6px;margin-top:4px;padding-top:4px;display:flex}.record-rating-sm{font-size:14px;font-weight:700}.record-turns{color:#889;font-size:10px}.progress-info{text-align:center;color:#668;padding:8px;font-size:11px}@media (width<=768px),(orientation:portrait) and (width<=1024px){.stage-select-root{padding:12px 8px}.stage-select-inner{gap:16px}.story-title{letter-spacing:2px;font-size:18px}.stage-list{grid-template-columns:1fr;gap:10px;padding:10px}.stage-card{min-height:60px;padding:12px}.back-btn{min-height:40px;padding:8px 14px;font-size:13px}}.briefing-root{box-sizing:border-box;background:radial-gradient(#0d1530 0%,#050810 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.briefing-box{background:#0a0c18f2;border:2px solid #3a3a6a;border-radius:6px;flex-direction:column;gap:16px;width:100%;max-width:680px;padding:28px 32px;display:flex}.briefing-stage-id{color:#668;letter-spacing:1px;text-transform:uppercase;font-size:11px}.briefing-stage-name{color:#fc4;text-shadow:0 0 16px #fa05;letter-spacing:2px;margin:0;font-size:26px;font-weight:700}.briefing-text{background:#0a0c18;border-left:3px solid #4a3a7a;border-radius:0 4px 4px 0;padding:12px 16px}.briefing-text p{color:#bbbbd4;margin:0 0 6px;font-size:13px;line-height:1.6}.briefing-text p:last-child{margin-bottom:0}.briefing-text p.hint{color:#77a;font-size:12px}.briefing-divider{background:linear-gradient(90deg,#0000,#3a3a6a,#0000);height:1px}.briefing-matchup{align-items:flex-start;gap:16px;display:flex}.matchup-side{flex-direction:column;flex:1;gap:8px;display:flex}.matchup-label{color:#889;letter-spacing:1px;font-size:11px;font-weight:700}.player-side .matchup-label{color:#fc4}.enemy-side .matchup-label{color:#f66}.master-info{background:#0d0f1a;border:1px solid;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}.elem-badge{color:#000;opacity:.9;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.master-name{color:#eee;font-size:13px;font-weight:700}.deck-preview{color:#88a;font-size:11px}.natial-chips{flex-wrap:wrap;gap:4px;display:flex}.natial-chip{color:#ccc;background:#0a0c18;border:1px solid;border-radius:3px;padding:2px 6px;font-size:10px}.vs-label{color:#64a;align-self:center;padding-top:24px;font-size:20px;font-weight:700}.briefing-meta{color:#889;gap:20px;font-size:11px;display:flex}.briefing-actions{justify-content:flex-end;gap:12px;margin-top:4px;display:flex}.briefing-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:700;transition:background .15s}.btn-back{color:#889;background:#1a1c2e;border:1px solid #3a3a5a}.btn-back:hover{color:#aaa;background:#252840}.btn-start{color:#edf;letter-spacing:1px;background:#3a2a5a;border:1px solid #64a}.btn-start:hover{background:#4a3a7a;box-shadow:0 0 12px #8844ff4d}@media (width<=768px),(orientation:portrait) and (width<=1024px){.briefing-root{align-items:flex-start;padding:12px;overflow-y:auto}.briefing-box{gap:12px;padding:18px 16px}.briefing-stage-name{letter-spacing:1px;font-size:20px}.briefing-matchup{flex-direction:column;gap:10px}.vs-label{align-self:center;padding-top:0;font-size:16px}.briefing-meta{flex-wrap:wrap;gap:10px}.briefing-actions{justify-content:stretch}.briefing-btn{flex:1;min-height:48px;padding:12px 16px;font-size:13px}}.deck-root{box-sizing:border-box;background:radial-gradient(#0d1530 0%,#050810 100%);justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex}.deck-box{background:#0d0f1a;border:2px solid #3a3a6a;border-radius:8px;flex-direction:column;width:100%;max-width:820px;max-height:92vh;display:flex;overflow:hidden}.deck-header{background:#0a0c14;border-bottom:1px solid #2a2a4a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.deck-title{color:#fc4;letter-spacing:2px;margin:0;font-size:18px;font-weight:700}.deck-player{color:#86f;font-size:14px;font-weight:400}.deck-counter{color:#aac;font-size:13px;font-weight:700}.deck-back-btn{color:#88a;cursor:pointer;background:0 0;border:1px solid #3a3a5a;border-radius:3px;padding:4px 12px;font-size:12px;transition:color .15s,border-color .15s}.deck-back-btn:hover{color:#ccd;border-color:#66a}.master-section{border-bottom:1px solid #1a1a2e;flex-shrink:0;padding:12px 20px}.section-label{color:#668;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:700}.master-grid{gap:8px;display:flex}.master-card{cursor:pointer;color:#ccc;background:#12141e;border:1px solid #2a2a4a;border-radius:5px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:8px 10px;transition:all .15s;display:flex}.master-card:hover{background:#1a1c2e}.master-card.active{background:#16182e}.master-elem{font-size:11px;font-weight:700}.master-name-sm{font-size:12px;font-weight:700}.master-stats-sm{color:#888;font-size:10px}.master-passive-tip{color:#98c;background:#0f101e;border:1px solid #2a2a4a;border-radius:4px;margin-top:6px;padding:5px 10px;font-size:11px}.natial-section{flex-direction:column;flex:1;padding:12px 20px;display:flex;overflow:hidden}.natial-header-row{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.elem-filters{gap:4px;display:flex}.ef-btn{color:#889;cursor:pointer;background:#12141e;border:1px solid #2a2a4a;border-radius:3px;padding:3px 10px;font-size:11px;transition:all .12s}.ef-btn.active{background:#1e2040}.ef-btn:hover:not(.active){border-color:#555}.natial-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;padding-right:4px;display:grid;overflow-y:auto}.natial-card{cursor:pointer;text-align:left;color:#ccc;background:#12141e;border:1px solid #2a2a4a;border-radius:5px;flex-direction:column;gap:2px;padding:8px 10px;transition:all .12s;display:flex}.natial-card:hover:not(.disabled){background:#1a1c2e}.natial-card.selected{background:#161c30}.natial-card.disabled{opacity:.35;cursor:not-allowed}.nc-top{justify-content:space-between;display:flex}.nc-elem{font-size:10px;font-weight:700}.nc-check{color:#8f8;font-size:11px}.nc-name{font-size:12px;font-weight:700}.nc-stats{color:#888;font-size:9px}.nc-cost{color:#86f;margin-top:2px;font-size:11px}.deck-footer{background:#0a0c14;border-top:1px solid #2a2a4a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.deck-summary{color:#88a;font-size:12px}.confirm-btn{color:#edf;cursor:pointer;letter-spacing:1px;background:#3a2a5a;border:1px solid #64a;border-radius:4px;padding:10px 28px;font-size:14px;font-weight:700;transition:background .15s}.confirm-btn:hover:not(.disabled){background:#4a3a7a}.confirm-btn.disabled{opacity:.4;cursor:not-allowed}@media (width<=768px),(orientation:portrait) and (width<=1024px){.deck-root{align-items:stretch;padding:0}.deck-box{border:none;border-radius:0;height:100dvh;max-height:100dvh}.deck-header{flex-wrap:wrap;gap:6px;padding:10px 14px}.deck-title{letter-spacing:1px;font-size:15px}.deck-player{font-size:12px}.deck-back-btn{min-height:40px;padding:8px 12px;font-size:12px}.master-section{padding:10px 14px}.master-grid{flex-wrap:wrap;gap:6px}.master-card{min-width:calc(50% - 3px);padding:10px}.natial-section{padding:10px 14px}.natial-header-row{flex-wrap:wrap;gap:6px}.elem-filters{flex-wrap:wrap}.ef-btn{min-height:36px;padding:6px 10px;font-size:11px}.natial-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:5px}.natial-card{padding:8px}.deck-footer{flex-wrap:wrap;gap:8px;padding:10px 14px}.confirm-btn{flex:1;min-height:48px;padding:12px 20px;font-size:13px}}.damage-overlay{pointer-events:none;position:absolute;inset:0;overflow:hidden}.damage-number{color:#f44;text-shadow:0 0 6px red,1px 1px #000,-1px -1px #000;pointer-events:none;white-space:nowrap;font-size:18px;font-weight:700;animation:.9s ease-out forwards floatUp;position:absolute;transform:translate(-50%)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%)translateY(0)}60%{opacity:1;transform:translate(-50%)translateY(-36px)}to{opacity:0;transform:translate(-50%)translateY(-54px)}}.battle-map-shell{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;position:relative}.battle-map-wrap{-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior:contain;background:#0d1117;border:2px solid #3a3a5a;border-radius:4px;flex:1;min-height:0;position:relative;overflow:auto}.zoom-controls{-webkit-user-select:none;user-select:none;background:#0d0f1a;border:1px solid #3a3a5a;border-radius:4px;flex-direction:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:6px;padding:4px 8px;display:flex}.zoom-btn{color:#ccd;cursor:pointer;touch-action:manipulation;background:#1a1c2e;border:1px solid #3a3a5a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:background .12s,border-color .12s;display:flex}.zoom-btn:hover{background:#252840;border-color:#64a}.zoom-btn:active{background:#2a1a4a}.zoom-btn.zoom-reset{font-size:13px}.zoom-level{color:#aac;text-align:center;min-width:42px;font-family:monospace;font-size:11px}@media (width<=768px),(orientation:portrait) and (width<=1024px){.battle-map-wrap{min-height:40vh}.unit-tooltip{display:none}.zoom-controls{gap:4px;padding:4px 6px}.zoom-btn{width:36px;height:36px;font-size:18px}.zoom-level{min-width:36px;font-size:10px}}.battle-map-inner{min-width:100%;min-height:100%;display:inline-block;position:relative}.battle-map-svg{cursor:pointer;display:block}.battle-map-svg.ai-thinking{cursor:wait;opacity:.88}.hit-flash{pointer-events:none;animation:.35s ease-out forwards hitFlash}@keyframes hitFlash{0%{opacity:.75}40%{opacity:.5}to{opacity:0}}.unit-g{transform-box:fill-box;transform-origin:50%;transition:transform .32s cubic-bezier(.4,0,.2,1)}.unit-g.spawning{animation:.45s ease-out unitSpawn}@keyframes unitSpawn{0%{opacity:0}20%{opacity:.4}to{opacity:1}}.unit-g.dying{pointer-events:none;animation:.45s ease-in forwards unitDie}@keyframes unitDie{0%{opacity:1;filter:brightness()}35%{opacity:1;filter:brightness(2.2)}to{opacity:0;filter:brightness(.5)}}.unit-g.hit-shake>circle,.unit-g.hit-shake>text,.unit-g.hit-shake>rect,.unit-g.hit-shake>ellipse{animation:.32s ease-out hitShake}.unit-g.exhausted>text{opacity:.55}.master-aura{animation:2.4s ease-in-out infinite masterPulse}@keyframes masterPulse{0%,to{opacity:.35;stroke-width:1px}50%{opacity:.85;stroke-width:1.8px}}.mana-spring-marker{transform-origin:50%;transform-box:fill-box;animation:2.8s ease-in-out infinite manaSparkle}@keyframes manaSparkle{0%,to{opacity:.85;transform:rotate(0)}50%{opacity:1;transform:rotate(45deg)}}@keyframes hitShake{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1.5px,1.5px)}80%{transform:translate(1px)}to{transform:translate(0)}}.selected-pulse{animation:1.2s ease-in-out infinite selectedPulse}@keyframes selectedPulse{0%,to{opacity:.5;stroke-width:2px}50%{opacity:1;stroke-width:3px}}.ai-overlay{pointer-events:none;justify-content:flex-end;align-items:flex-start;padding:10px;display:flex;position:absolute;inset:0}.ai-thinking-box{background:#0a0a1ee0;border:1px solid #64a;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;display:flex}.ai-label{color:#b8f;font-size:12px;font-weight:700}.ai-dot{background:#b8f;border-radius:50%;width:5px;height:5px;animation:1s infinite blink}.ai-dot:nth-child(2){animation-delay:.2s}.ai-dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.unit-tooltip{z-index:50;color:#ccd;pointer-events:none;background:#0a0c18f7;border:1px solid #3a3a6a;border-radius:5px;min-width:130px;padding:8px 12px;font-size:11px;position:fixed;box-shadow:0 2px 12px #0009}.tooltip-name{margin-bottom:4px;font-size:13px;font-weight:700}.tooltip-side{color:#889;margin-left:4px;font-size:10px;font-weight:400}.tooltip-hp{color:#8c8;margin-bottom:4px;font-size:11px}.tooltip-stats{color:#aaa;grid-template-columns:1fr 1fr;gap:2px 8px;font-size:10px;display:grid}.tooltip-cost{color:#86f;margin-top:4px;font-size:10px}.unit-panel{color:#ccc;background:#12141e;border:2px solid #3a3a5a;border-radius:4px;flex-direction:column;flex-shrink:0;gap:0;width:220px;font-size:12px;display:flex;overflow-y:auto}.player-info{border-bottom:1px solid #2a2a3a;padding:10px;transition:background .2s}.player-info.active{background:#1a1a2e}.player-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.player-label{color:#fc4;font-size:13px;font-weight:700}.master-name{font-size:11px;font-weight:700}.stat-row{align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.stat-row>span:first-child{color:#aaa;flex-shrink:0;width:20px}.hp-bar-wrap{background:#222;border-radius:3px;flex:1;height:12px;position:relative;overflow:hidden}.hp-bar-fill{border-radius:3px;height:100%;transition:width .3s}.hp-bar-text{color:#fff;text-shadow:0 0 2px #000;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;inset:0}.defeated-text{color:#f44;text-align:center;padding:4px;font-weight:700}.master-passive-line{color:#aac;background:#181a2a;border-left:2px solid #64a;border-radius:2px;margin-top:4px;padding:3px 5px;font-size:9.5px;line-height:1.3}.panel-divider{background:#2a2a4a;height:1px}.selected-unit-info{padding:10px}.unit-name{margin-bottom:6px;font-size:13px;font-weight:700}.unit-stats-grid{color:#aaa;grid-template-columns:1fr 1fr;gap:3px 8px;margin-top:6px;font-size:11px;display:grid}.unit-stats-grid b{color:#fff}.unit-status{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.status-tag{border-radius:3px;padding:2px 5px;font-size:10px}.status-tag.moved{color:#6c6;background:#242}.status-tag.attacked{color:#f64;background:#422}.wind-badge{color:#6c6;opacity:.8;margin-top:4px;font-size:10px}.panel-spacer{flex:1}.element-chart{background:#0d0f18;border-top:1px solid #2a2a4a;padding:8px 10px}.chart-title{color:#668;letter-spacing:.5px;margin-bottom:5px;font-size:10px;font-weight:700}.chart-rows{flex-direction:column;gap:3px;display:flex}.chart-row{align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.chart-arrow{color:#556;font-size:9px}.chart-eq{color:#556;font-size:10px;font-weight:400}.chart-footer{color:#556;border-top:1px solid #1a1a2a;margin-top:6px;padding-top:5px;font-size:9px}@media (width<=768px),(orientation:portrait) and (width<=1024px){.unit-panel{border-width:1px;flex-direction:row;flex-shrink:0;order:-1;width:100%;max-height:none;overflow:auto visible}.player-info{border-bottom:none;flex:1;min-width:0;padding:5px 8px}.player-info:first-of-type{border-right:1px solid #2a2a4a}.player-header{margin-bottom:3px}.player-label{font-size:11px}.master-name{font-size:10px}.stat-row{gap:4px;margin-bottom:2px;font-size:9px}.stat-row>span:first-child{width:14px;font-size:9px}.hp-bar-wrap{height:9px}.hp-bar-text{font-size:8px}.panel-divider,.selected-unit-info,.master-passive-line,.panel-spacer,.element-chart{display:none}}.summon-menu{background:#12141e;border:2px solid #3a3a5a;border-radius:4px;flex-direction:column;gap:6px;min-width:0;padding:8px;display:flex}.summon-header{color:#aaa;border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding-bottom:4px;font-size:12px;font-weight:700;display:flex}.mp-display{color:#86f;font-size:13px}.summon-list{flex-wrap:wrap;gap:6px;display:flex}.summon-card{cursor:pointer;color:#ccc;background:#1a1c2e;border:1px solid #3a3a5a;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;min-width:100px;padding:5px 8px;transition:background .15s,border-color .15s;display:flex}.summon-card:hover:not(.disabled){background:#252840;border-color:#64a}.summon-card.selected{background:#2a1a4a;border-color:#b8f}.summon-card.disabled{opacity:.4;cursor:not-allowed}.card-elem{font-size:10px;font-weight:700}.card-name{color:#eee;font-size:12px;font-weight:700}.card-cost{color:#86f;font-size:11px}.card-stats{color:#888;font-size:9px}.empty-deck{color:#666;padding:4px;font-size:11px}.summon-hint{color:#b8f;border-top:1px solid #2a2a4a;align-items:center;gap:8px;padding-top:4px;font-size:11px;display:flex}.cancel-btn{color:#b8f;cursor:pointer;background:#3a2a4a;border:1px solid #64a;border-radius:3px;padding:2px 8px;font-size:11px}.cancel-btn:hover{background:#4a3a5a}@media (width<=768px),(orientation:portrait) and (width<=1024px){.summon-menu{flex-shrink:0;max-height:30vh}.summon-list{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow:auto hidden}.summon-card{flex-shrink:0;min-width:90px;padding:8px 10px}.cancel-btn{padding:6px 14px;font-size:12px}}.action-bar{background:#0d0f1a;border:2px solid #3a3a5a;border-radius:4px;flex-shrink:0;align-items:stretch;height:80px;display:flex;overflow:hidden}.action-log-wrap{border-right:1px solid #2a2a4a;flex:1;overflow:hidden}.action-log{flex-direction:column;gap:2px;height:100%;padding:6px 10px;display:flex;overflow:hidden}.log-entry{color:#aaa;white-space:nowrap;text-overflow:ellipsis;font-size:11px;transition:opacity .2s;overflow:hidden}.action-controls{flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex}.turn-block{flex-direction:column;align-items:center;gap:2px;display:flex}.turn-info{color:#889;white-space:nowrap;font-size:11px}.side-label{white-space:nowrap;font-size:14px;font-weight:700}.side-label.side-0{color:#fc4}.side-label.side-1{color:#c8f}.mode-badge{color:#668;background:#1a1a2e;border:1px solid #3a3a5a;border-radius:3px;padding:1px 4px;font-size:9px}.btn{cursor:pointer;border:none;border-radius:4px;padding:7px 16px;font-size:13px;font-weight:700;transition:background .15s}.btn-end-turn{color:#acf;background:#2a3a5a;border:1px solid #3a5a8a}.btn-end-turn:hover:not(:disabled){background:#3a4a6a}.btn-end-turn:disabled{opacity:.4;cursor:not-allowed}.winner-box{color:#fc4;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}@media (width<=768px),(orientation:portrait) and (width<=1024px){.action-bar{flex-shrink:0;height:auto;min-height:64px}.action-log-wrap{display:none}.action-controls{flex:1;justify-content:space-between;gap:8px;padding:8px 12px}.turn-info{font-size:10px}.side-label{font-size:13px}.btn{min-height:44px;padding:10px 16px;font-size:13px}}.result-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.result-modal{background:#0d0f1a;border-radius:8px;flex-direction:column;align-items:center;gap:12px;min-width:300px;padding:40px 52px;display:flex;position:relative;overflow:hidden}.result-modal.win{border:2px solid #fc4}.result-modal.lose{border:2px solid #64a}.result-glow{pointer-events:none;position:absolute;inset:0}.result-modal.win .result-glow{background:radial-gradient(#ffaa0015 0%,#0000 70%)}.result-modal.lose .result-glow{background:radial-gradient(#66009920 0%,#0000 70%)}.result-icon{font-size:48px;animation:.5s bounce}.result-title{letter-spacing:4px;font-size:36px;font-weight:700}.result-modal.win .result-title{color:#fc4;text-shadow:0 0 20px #fa0}.result-modal.lose .result-title{color:#a6f;text-shadow:0 0 20px #60a}.result-stage{color:#aac;margin-top:4px;font-size:14px}.result-side{color:#fc4;font-size:14px}.result-record{background:#0a0c18;border:1px solid #2a2a4a;border-radius:6px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:12px 20px;display:flex}.record-rating{text-shadow:0 0 20px;font-size:48px;font-weight:700;line-height:1}.record-stats{color:#aac;gap:16px;font-size:12px;display:flex}.record-hint{color:#668;font-size:11px}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.result-btn{cursor:pointer;border:none;border-radius:4px;padding:10px 22px;font-size:14px;font-weight:700;transition:background .15s}.btn-secondary{color:#889;background:#1a1c2e;border:1px solid #3a3a5a}.btn-secondary:hover{background:#252840}.btn-primary{color:#edf;background:#3a2a5a;border:1px solid #64a}.btn-primary:hover{background:#4a3a7a}@keyframes bounce{0%{transform:scale(.5)}70%{transform:scale(1.2)}to{transform:scale(1)}}@media (width<=768px),(orientation:portrait) and (width<=1024px){.result-overlay{box-sizing:border-box;padding:16px}.result-modal{width:100%;min-width:0;max-width:360px;padding:28px 24px}.result-icon{font-size:36px}.result-title{letter-spacing:2px;font-size:26px}.record-rating{font-size:36px}.result-btn{min-height:44px;padding:12px 18px;font-size:13px}}.book-root{z-index:200;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.book-container{background:#0d0f1a;border:2px solid #3a3a6a;border-radius:8px;flex-direction:column;width:min(860px,95vw);height:min(600px,90vh);display:flex;overflow:hidden}.book-header{background:#0a0c14;border-bottom:1px solid #2a2a4a;flex-shrink:0;align-items:center;gap:12px;padding:12px 18px;display:flex}.book-title{color:#fc4;letter-spacing:2px;margin:0;font-size:18px;font-weight:700}.book-count{color:#668;flex:1;font-size:11px}.book-close{color:#889;cursor:pointer;background:0 0;border:1px solid #3a3a5a;border-radius:3px;padding:4px 12px;font-size:12px}.book-close:hover{color:#ccc}.book-filter{border-bottom:1px solid #2a2a4a;flex-shrink:0;gap:6px;padding:10px 16px;display:flex}.filter-btn{color:#889;cursor:pointer;background:#12141e;border:1px solid #3a3a5a;border-radius:3px;padding:4px 14px;font-size:12px;transition:all .15s}.filter-btn.active{background:#1e2040}.filter-btn:hover:not(.active){color:#aaa;border-color:#556}.book-body{flex:1;display:flex;overflow:hidden}.book-list{border-right:1px solid #2a2a4a;flex-direction:column;flex-shrink:0;gap:2px;width:220px;padding:8px;display:flex;overflow-y:auto}.book-item{cursor:pointer;text-align:left;color:#ccc;background:#12141e;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:7px 10px;transition:all .12s;display:flex}.book-item:hover{background:#1a1c2e;border-color:#3a3a5a}.book-item.active{background:#1a1c30}.item-elem{flex-shrink:0;font-size:10px;font-weight:700}.item-name{flex:1;font-size:12px}.item-cost{color:#86f;font-size:10px}.book-detail{flex:1;padding:20px 24px;overflow-y:auto}.detail-empty{color:#446;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;font-size:13px;display:flex}.detail-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.detail-elem-badge{color:#000;opacity:.9;border-radius:3px;padding:3px 10px;font-size:11px;font-weight:700}.detail-name{color:#eee;font-size:22px;font-weight:700}.detail-cost{color:#86f;margin-left:auto;font-size:13px}.detail-desc{color:#99b;margin:0 0 8px;font-size:13px;line-height:1.6}.detail-adv{margin:0 0 16px;font-size:12px;font-weight:700}.detail-stats{flex-direction:column;gap:8px;display:flex}.detail-stat-row{align-items:center;gap:10px;display:flex}.stat-label{color:#889;width:32px;font-size:11px;font-weight:700}.stat-bar{background:#1a1a2e;border-radius:5px;flex:1;height:10px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,#46f,#84f);border-radius:5px;height:100%}.stat-value{text-align:right;color:#ccc;width:28px;font-size:12px;font-weight:700}.detail-passive{color:#6c6;background:#0a1a0a;border:1px solid #242;border-radius:4px;margin-top:14px;padding:6px 10px;font-size:12px}@media (width<=768px),(orientation:portrait) and (width<=1024px){.book-container{border:none;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none}.book-header{padding:10px 14px}.book-title{letter-spacing:1px;font-size:15px}.book-close{min-height:40px;padding:8px 14px;font-size:12px}.book-filter{flex-wrap:wrap;padding:8px 12px}.filter-btn{min-height:36px;padding:6px 12px;font-size:12px}.book-body{flex-direction:column}.book-list{border-bottom:1px solid #2a2a4a;border-right:none;flex-flow:row;flex-shrink:0;width:100%;max-height:30vh;padding:8px;overflow:auto hidden}.book-item{flex-shrink:0;min-width:130px}.book-detail{padding:14px 16px}.detail-name{font-size:18px}}.game-root{color:#ccc;background:#0a0c14;flex-direction:column;width:100%;height:100dvh;font-family:MS Gothic,Noto Sans KR,monospace;display:flex;overflow:hidden}.game-header{background:#0d0f1a;border-bottom:2px solid #3a3a6a;flex-shrink:0;align-items:baseline;gap:12px;padding:6px 14px;display:flex}.game-title{color:#fc4;letter-spacing:3px;text-shadow:0 0 8px #fa0;font-size:18px;font-weight:700}.game-subtitle{color:#88a;letter-spacing:1px;flex:1;font-size:12px}.header-hints{color:#556;gap:10px;margin-right:8px;font-size:10px;display:flex}.header-icon-btn{color:#779;cursor:pointer;background:0 0;border:1px solid #2a2a4a;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .15s;display:flex}.header-icon-btn:hover{color:#aaaac4;border-color:#55a}.header-back-btn{color:#88a;cursor:pointer;background:0 0;border:1px solid #3a3a5a;border-radius:3px;padding:3px 10px;font-size:11px;transition:color .15s,border-color .15s}.header-back-btn:hover{color:#ccd;border-color:#66a}.game-body{flex:1;gap:8px;min-height:0;padding:8px;display:flex;overflow:hidden}.game-bottom{flex-shrink:0;gap:8px;height:160px;padding:0 8px 8px;display:flex}@media (width<=768px),(orientation:portrait) and (width<=1024px){.game-header{flex-wrap:wrap;gap:6px;padding:6px 8px}.game-title{letter-spacing:1.5px;font-size:14px}.game-subtitle,.header-hints{display:none}.header-icon-btn{width:36px;height:36px;font-size:16px}.header-back-btn{padding:6px 10px;font-size:12px}.game-body{flex-direction:column;gap:6px;padding:6px}.game-bottom{flex-direction:column;gap:6px;height:auto;padding:0 6px 6px}}