:root{--ink: #07111d;--ink-2: #0b1624;--panel: rgba(13, 17, 20, .92);--panel-2: rgba(30, 27, 22, .94);--gold: #d9b46a;--gold-2: #8d6734;--cream: #fff0c8;--muted: #d8c39a;--blue: #1d5795;--green: #3d7a31;--red: #9e382f;--purple: #60348a;--brown: #71502d;--unit-color: #446eb1;color-scheme:dark;font-family:Yu Gothic,Hiragino Sans,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(43,81,103,.36),transparent 52%),#020812;color:var(--cream);-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{width:100vw;height:100vh;height:100svh;height:100dvh;display:grid;place-items:center;overflow:hidden;padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:linear-gradient(180deg,#040d16eb,#03080d),radial-gradient(circle at center,#19364d,#040a12 68%)}.game-frame{position:relative;width:min(100%,calc((100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom))) * 16 / 9));height:min(100%,calc((100vw - max(8px,env(safe-area-inset-left)) - max(8px,env(safe-area-inset-right)))*.5625));max-width:1600px;max-height:900px;aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;background:#0b1420;border:clamp(1px,.16vw,3px) solid var(--gold-2);box-shadow:0 0 0 clamp(2px,.26vw,5px) #06101a,0 1.8vh 5vh #00000094}.screen{position:relative;width:100%;height:100%;overflow:hidden}.rotate-notice{width:100vw;height:100dvh;display:grid;place-items:center;background:#07111d;color:var(--cream);padding:24px}.rotate-card{width:min(92vw,520px);border:2px solid var(--gold);background:linear-gradient(180deg,#12243a,#0b1420);border-radius:10px;padding:28px;text-align:center}.rotate-title{font-size:24px;font-weight:800;margin-bottom:12px}.toast{position:absolute;z-index:30;left:50%;bottom:clamp(8px,2vh,22px);transform:translate(-50%);min-width:min(280px,80%);padding:clamp(8px,1.3vh,12px) clamp(16px,2.4vw,24px);border:2px solid var(--gold);border-radius:8px;background:#091018f0;color:#ffe7a2;text-align:center;font-weight:800;box-shadow:0 10px 24px #00000059}.action-button,.small-fantasy-button,.nav-back,.tab,.hud-square,.hud-speed,.promotion-option{min-height:clamp(30px,5.2vh,50px);border:clamp(1px,.14vw,2px) solid var(--gold);border-radius:7px;color:var(--cream);background:linear-gradient(180deg,rgba(255,246,204,.1),transparent 45%),linear-gradient(180deg,#2d3339,#14191f);box-shadow:inset 0 0 0 1px #ffffff17,inset 0 -12px 18px #00000047,0 3px #392815;cursor:pointer;touch-action:manipulation;text-shadow:0 2px 0 rgba(0,0,0,.5)}.action-button{padding:clamp(6px,1.1vh,10px) clamp(12px,1.8vw,22px);font-weight:900;font-size:clamp(15px,2.1vw,30px)}.action-button:active,.small-fantasy-button:active,.nav-back:active,.tab:active,.hud-square:active,.hud-speed:active{transform:translateY(2px);box-shadow:inset 0 0 0 1px #ffffff17,0 1px #392815}.action-button:disabled{cursor:not-allowed;opacity:.45;filter:grayscale(.8)}.action-button.green{background:linear-gradient(180deg,#88b957,#315f27 70%,#1b391a)}.action-button.blue{background:linear-gradient(180deg,#4b8bcf,#1d4f87 70%,#0f2b55)}.action-button.purple{background:linear-gradient(180deg,#8660bd,#4b2f78 70%,#2b194a)}.action-button.red{background:linear-gradient(180deg,#c76757,#7e2d28 70%,#4a1716)}.action-button.gray{background:linear-gradient(180deg,#6a675d,#31302d 70%,#1c1b18)}.action-button.brown{background:linear-gradient(180deg,#96703d,#4f351f 70%,#2b1c10)}.title-screen{background:linear-gradient(180deg,#040c140d,#040c1459),url(/assets/generated/title-background.png?v=20260517-ui2) center / cover no-repeat}.title-landscape{position:absolute;top:0;right:0;bottom:0;left:0}.enemy-column{position:absolute;left:5%;top:24%;width:20%;height:48%}.banner-skull{position:absolute;left:4%;top:4%;width:clamp(42px,5.8vw,90px);height:clamp(72px,15vh,150px);display:grid;place-items:center;color:#fff1d0;font-size:clamp(22px,3vw,44px);font-weight:900;background:linear-gradient(180deg,#8a231f,#3c1717);border:3px solid #6e4a2a;clip-path:polygon(16% 0,84% 0,78% 100%,50% 86%,22% 100%)}.enemy-shape{position:absolute;display:block;border:3px solid rgba(20,12,16,.85);box-shadow:0 10px 22px #00000061}.enemy-shape.bat{left:30%;top:20%;width:16%;aspect-ratio:1;background:#56337f;border-radius:50% 10%;transform:rotate(35deg)}.enemy-shape.slime{left:54%;top:52%;width:18%;aspect-ratio:1.2;background:#67bc55;border-radius:50% 50% 42% 42%}.enemy-shape.brute{left:15%;top:62%;width:23%;aspect-ratio:1;background:#6e543d;border-radius:45% 45% 32% 32%}.title-castle-flag{position:absolute;right:9.2%;top:20%;width:clamp(36px,5vw,74px);height:clamp(70px,15vh,150px);border-left:6px solid #5f4528}.title-castle-flag:after{content:"";position:absolute;left:5px;top:4px;width:clamp(40px,6vw,90px);height:clamp(28px,6vh,58px);background:linear-gradient(90deg,#1f5c9c,#14376b);border:2px solid #d9b46a;clip-path:polygon(0 0,100% 10%,82% 50%,100% 90%,0 100%)}.title-logo{position:absolute;left:50%;top:7%;transform:translate(-50%);width:min(48%,720px);min-width:330px;text-align:center;padding:clamp(10px,1.7vh,20px) clamp(18px,2.4vw,34px) clamp(14px,2.6vh,28px);color:#f7e7bf;text-shadow:0 5px 0 #2b1a14,0 0 18px rgba(255,233,165,.45);background:linear-gradient(90deg,#ffe8ae00,#ffe8ae1f,#ffe8ae00),linear-gradient(180deg,#132032ed,#101a2bdb);border:clamp(2px,.25vw,4px) solid #b8985f;border-radius:16px;box-shadow:inset 0 0 0 2px #fff6cb1f,0 18px 36px #00000052}.title-logo img{position:absolute;left:50%;top:-18%;width:clamp(42px,5.5vw,86px);transform:translate(-50%);filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.title-main{font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,6.1vw,86px);font-weight:900;line-height:.92}.title-sub{margin-top:clamp(4px,1vh,10px);font-size:clamp(18px,2.7vw,36px);font-weight:900}.title-top-actions{position:absolute;left:clamp(10px,1.4vw,22px);top:clamp(10px,1.8vh,22px);z-index:2;display:grid;gap:clamp(8px,1.4vh,14px)}.small-fantasy-button,.account-button{padding:clamp(7px,1.2vh,12px) clamp(13px,2vw,22px);font-weight:900;background:#0b1218e6}.account-button{position:absolute;right:clamp(10px,1.4vw,22px);top:clamp(10px,1.8vh,22px);z-index:2;border:2px solid var(--gold);border-radius:8px;color:var(--cream);box-shadow:inset 0 0 0 1px #ffffff14,0 8px 18px #00000040}.warden-row{position:absolute;left:22%;right:17%;bottom:20.5%;display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(5px,.9vw,14px);align-items:end}.title-warden{position:relative;height:clamp(58px,11vh,116px);display:grid;place-items:center;border:3px solid #1e2430;border-radius:48% 48% 30% 30%;background:radial-gradient(circle at 50% 24%,rgba(255,239,184,.26),transparent 22%),linear-gradient(180deg,#2b5b40,#11181d);color:#f8e7ba;font-size:clamp(22px,3.2vw,44px);font-weight:900;box-shadow:0 8px #00000040}.title-warden:nth-child(2),.title-warden:nth-child(7){height:clamp(68px,12.5vh,130px);background:linear-gradient(180deg,#375078,#141a22)}.title-warden:nth-child(3),.title-warden:nth-child(8){background:linear-gradient(180deg,#3b315c,#12141b)}.title-warden small{position:absolute;left:50%;bottom:-1.55em;transform:translate(-50%);min-width:4em;color:#fff0c8;font-size:clamp(9px,1.1vw,14px);text-align:center;text-shadow:0 2px 3px #000}.title-menu{position:absolute;left:7.6%;right:7.6%;bottom:8%;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.8vw,22px)}.version-label{position:absolute;left:clamp(12px,1.5vw,22px);bottom:clamp(8px,1.4vh,18px);font-size:clamp(12px,1.4vw,18px);color:#f9edcf}.map-header,.management-header,.simple-header,.top-hud{height:clamp(44px,8vh,72px);display:flex;align-items:center;gap:clamp(6px,.9vw,12px);padding:clamp(5px,.9vh,9px) clamp(7px,1vw,14px);background:linear-gradient(180deg,#071522,#0a1119);border-bottom:2px solid #8b6b3f}.nav-back,.tab,.hud-square,.hud-speed{padding:clamp(6px,.9vh,10px) clamp(10px,1.5vw,18px);font-weight:900;font-size:clamp(12px,1.5vw,22px)}.map-title,.management-header h1,.simple-header h1{margin:0 clamp(4px,.6vw,10px) 0 0;font-size:clamp(18px,2.4vw,34px);font-weight:900;white-space:nowrap}.tab.active,.hud-speed.active{background:linear-gradient(180deg,#c99a45,#70491f);box-shadow:inset 0 0 0 1px #fff5c82e,0 0 16px #ffcf6038}.header-stat,.hud-stat{min-width:clamp(92px,12vw,168px);padding:clamp(7px,1.1vh,11px) clamp(8px,1.3vw,16px);border:2px solid #8b6b3f;border-radius:8px;background:#070c12db;font-weight:900;text-align:center;white-space:nowrap;font-size:clamp(12px,1.35vw,21px)}.hud-spacer{flex:1}.stage-screen,.unit-management-screen,.encyclopedia-screen,.settings-screen{background:radial-gradient(circle at 20% 16%,rgba(63,91,111,.24),transparent 34%),linear-gradient(180deg,#0b1420,#060b11)}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(265px,27vw,385px);gap:clamp(7px,.95vw,14px);height:calc(100% - clamp(44px,8vh,72px));padding:clamp(7px,1.2vh,12px)}.world-map{position:relative;overflow:hidden;border:2px solid #9b7846;background:url(/assets/generated/map-background.png?v=20260517-ui2) center / cover no-repeat;box-shadow:inset 0 0 0 2px #ffefb814,inset 0 0 90px #00000059}.chapter-banner{position:absolute;left:clamp(12px,1.6vw,26px);top:clamp(12px,1.8vh,24px);z-index:1;width:min(28%,280px);min-width:190px;padding:clamp(10px,1.6vh,18px) clamp(12px,1.8vw,24px) clamp(10px,1.6vh,18px) clamp(58px,5.2vw,80px);border:2px solid #a68551;background:#0a1114c7;box-shadow:inset 0 0 0 2px #ffe8ae14,0 12px 24px #00000038;font-weight:900}.chapter-banner img{position:absolute;left:10px;top:50%;width:clamp(38px,4vw,58px);transform:translateY(-50%)}.chapter-banner span{display:block;font-size:clamp(13px,1.25vw,18px)}.chapter-banner strong{display:block;margin-top:4px;font-size:clamp(18px,2.1vw,28px)}.map-village{position:absolute;left:7.5%;bottom:8%;padding:clamp(7px,1vh,12px) clamp(24px,3.8vw,54px);border:2px solid #9d7a45;background:linear-gradient(180deg,#24568b,#12396a);font-size:clamp(15px,2vw,25px);font-weight:900;box-shadow:0 8px #00000038}.map-castle{position:absolute;right:7%;top:12%;width:clamp(60px,8vw,110px);height:clamp(74px,12vh,126px);background:linear-gradient(180deg,#56265b,#19111e);border:4px solid #76526c;clip-path:polygon(0 100%,0 38%,18% 38%,18% 0,36% 38%,58% 38%,76% 0,76% 38%,100% 38%,100% 100%)}.map-creature{position:absolute;display:grid;place-items:center;width:clamp(34px,4.8vw,62px);aspect-ratio:1.1;border:3px solid rgba(15,12,15,.75);border-radius:50%;color:#fff1c8;font-weight:900;background:#6a3f86;box-shadow:0 10px 18px #00000057}.map-creature-a{left:63%;top:15%;background:#9aa4ad}.map-creature-b{left:70%;top:43%}.map-creature-c{right:14%;bottom:23%;background:#694c37}.stage-node{position:absolute;width:clamp(50px,6.4vw,78px);height:clamp(64px,9.2vh,96px);transform:translate(-50%,-50%);display:grid;place-items:center;border:none;background:transparent;color:#fff1c8;cursor:pointer}.stage-node span{width:clamp(39px,5vw,57px);height:clamp(43px,6.4vh,62px);display:grid;place-items:center;background:linear-gradient(180deg,#28588d,#142847);border:3px solid #c4a15f;border-radius:10px 10px 18px 18px;font-size:clamp(18px,2.5vw,30px);font-weight:900;box-shadow:0 7px #00000057}.stage-node small{color:#ffd45c;font-size:clamp(9px,1.1vw,13px);font-weight:900;text-shadow:0 2px #20170e}.stage-node.selected span{box-shadow:0 0 0 5px #ffd85659,0 0 22px #ffd856d9}.stage-node.training span{filter:drop-shadow(0 0 10px rgba(111,219,147,.9))}.stage-node.training b{color:#d8ffe2;text-shadow:0 2px 4px #10311c}.stage-node.locked span{background:linear-gradient(180deg,#555,#222);border-color:#6c6c6c}.stage-info-panel,.unit-list-panel,.unit-profile-panel,.formation-panel,.book-panel,.settings-panel{border:2px solid #9d7a45;background:linear-gradient(90deg,rgba(255,237,183,.06),transparent 18%,transparent 82%,rgba(255,237,183,.05)),linear-gradient(180deg,var(--panel-2),rgba(9,11,13,.96));box-shadow:inset 0 0 0 2px #ffe8ae14,0 12px 28px #0000003d}.stage-info-panel{padding:clamp(10px,1.4vh,17px);display:flex;flex-direction:column;gap:clamp(7px,1.1vh,13px)}.stage-number{text-align:center;font-size:clamp(17px,2vw,28px);font-family:Georgia,serif;font-weight:900;color:#f3dc9d}.stage-info-panel h2{margin:0;padding-bottom:.35em;border-bottom:1px solid rgba(217,180,106,.5);text-align:center;font-size:clamp(20px,2.4vw,34px)}.stage-info-panel p{margin:0;line-height:1.45;color:#e8d6ad;font-size:clamp(12px,1.2vw,17px)}.panel-label,.panel-title{font-weight:900;color:#f9e5af;font-size:clamp(14px,1.45vw,21px)}.enemy-type-row,.reward-row{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(5px,.7vw,8px)}.enemy-chip,.reward-row div,.recommended-power,.stage-state,.stamina-row{padding:clamp(7px,1.1vh,11px);border:1px solid #80613a;background:#dac4921f;text-align:center;font-weight:900;font-size:clamp(11px,1.2vw,16px)}.enemy-chip{display:grid;justify-items:center;gap:3px}.enemy-chip i{width:clamp(20px,2.6vw,34px);aspect-ratio:1;border-radius:50%;background:#77c949;border:2px solid #2b2117}.enemy-fly i{background:#6e4c96}.enemy-boss i{background:#8b6b3f}.enemy-rapid i{background:#d87a45}.enemy-metal i{background:#9daab7}.recommended-power strong,.stamina-row strong{color:#ffd45c;font-size:1.45em}.deploy-button{margin-top:auto}.battle-screen{display:flex;flex-direction:column;background:#07111d}.top-hud{flex:0 0 clamp(44px,8vh,72px)}.battle-message{position:absolute;top:clamp(48px,8.8vh,78px);left:50%;z-index:2;transform:translate(-50%);max-width:58%;padding:clamp(4px,.8vh,7px) clamp(12px,1.6vw,20px);border:1px solid #d1af70;border-radius:999px;background:#091018c7;color:#ffe7a2;font-weight:900;font-size:clamp(11px,1.2vw,16px);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.battle-canvas{display:block;flex:1 1 auto;width:100%;min-height:0;background:url(/assets/generated/battle-background.png?v=20260517-ui2) center / cover no-repeat;touch-action:none}.unit-detail-panel{flex:0 0 clamp(128px,20.8vh,188px);display:grid;grid-template-columns:13% minmax(0,1fr) 22% 31%;gap:clamp(7px,.95vw,12px);padding:clamp(7px,1.1vh,11px);border-top:3px solid #9d7a45;background:linear-gradient(180deg,#141819,#0a0c0f)}.detail-portrait,.unit-portrait,.large-portrait,.formation-slot{background:radial-gradient(circle at 50% 24%,rgba(255,245,201,.26),transparent 22%),linear-gradient(180deg,var(--unit-color),#17191f)}.generated-portrait{background-image:linear-gradient(180deg,#070a0c08,#070a0c38),url(/assets/generated/unit-portraits-sheet.png?v=20260517-ui2);background-size:400% 200%;background-position:var(--portrait-x, 0%) var(--portrait-y, 0%);background-repeat:no-repeat}.generated-portrait>span:not(.portrait-shine){position:absolute;right:6%;bottom:5%;display:grid;place-items:center;min-width:1.65em;height:1.65em;padding:0 .25em;border:2px solid rgba(217,180,106,.9);border-radius:999px;background:#060c12c2;color:#fff0c8;font-size:.42em;text-shadow:0 2px 3px #000}.detail-portrait{position:relative;display:grid;place-items:center;border:3px solid #b9965b;border-radius:8px;font-size:clamp(36px,5vw,64px);font-weight:900;overflow:hidden}.detail-portrait i,.unit-portrait i{position:absolute;width:58%;height:34%;bottom:11%;border-radius:50%;background:#0a0d106b}.detail-portrait:not(.generated-portrait) span,.unit-portrait:not(.generated-portrait) span{position:relative;z-index:1}.detail-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(3px,.7vh,8px)}.detail-class{font-size:clamp(20px,2.5vw,32px);font-weight:900}.detail-name,.detail-level{font-size:clamp(14px,1.7vw,22px);font-weight:800}.gauge-line{display:grid;grid-template-columns:clamp(32px,3.7vw,48px) minmax(0,1fr) clamp(58px,7.4vw,92px);gap:clamp(5px,.7vw,8px);align-items:center;margin:clamp(4px,.7vh,8px) 0}.gauge-line span,.gauge-line em{font-style:normal;font-weight:800;font-size:clamp(11px,1.2vw,16px)}.wide-bar,.mini-bar{height:clamp(10px,1.5vh,15px);border:2px solid #64533b;border-radius:999px;background:#17120e;overflow:hidden}.wide-bar i,.mini-bar span{display:block;height:100%}.wide-bar.hp i,.mini-bar span{background:linear-gradient(90deg,#78c944,#b8ef5e)}.wide-bar.exp i{background:linear-gradient(90deg,#3d74ff,#85b5ff)}.wide-bar.rest i{background:linear-gradient(90deg,#6ed6a1,#d4f7a4)}.detail-stats{display:grid;align-content:center;gap:clamp(4px,.7vh,8px);padding:clamp(6px,1vh,10px);border:2px solid #8b6b3f;background:#d9c7a4;color:#2b2117;font-size:clamp(11px,1.25vw,18px)}.range-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;width:clamp(68px,8.2vw,108px);aspect-ratio:1;margin:0 auto}.range-preview span{background:#46362329;border:1px solid rgba(70,54,35,.12)}.range-preview span.range{background:#3798468c}.range-preview span.core{background:#2b5e8e}.battle-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(7px,1vw,12px)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#02060aa6}.result-modal,.promotion-modal{width:min(440px,86%);padding:22px;border:3px solid #c9a96b;border-radius:10px;background:linear-gradient(180deg,#172233,#0d1118);text-align:center;box-shadow:0 18px 50px #00000080}.result-modal h2,.promotion-modal h2{margin:0 0 12px;font-size:30px}.modal-actions,.promotion-options{display:grid;gap:12px;margin-top:16px}.promotion-option{display:grid;gap:4px;padding:12px;text-align:left}.promotion-option strong{font-size:20px}.promotion-option span,.empty-note{color:#e5d1a5}.management-layout{height:calc(100% - clamp(44px,8vh,72px));display:grid;grid-template-columns:40% minmax(0,38%) minmax(150px,22%);gap:clamp(7px,.9vw,12px);padding:clamp(7px,1.1vh,12px)}.unit-list-panel,.unit-profile-panel,.formation-panel{padding:clamp(8px,1.2vh,13px);min-height:0}.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1vw,11px);margin-top:clamp(8px,1.2vh,11px)}.unit-card{display:grid;grid-template-columns:clamp(50px,6vw,74px) minmax(0,1fr);gap:clamp(6px,.7vw,9px);min-height:clamp(82px,14.5vh,116px);padding:clamp(6px,.9vh,9px);border:2px solid #7f633d;border-radius:8px;background:linear-gradient(180deg,rgba(255,241,200,.08),transparent 35%),linear-gradient(180deg,#5c533b9e,#1c1a16f5);color:#f5e7c3;text-align:left;overflow:hidden}.unit-card.selected{border-color:#ffd45c;box-shadow:0 0 0 3px #ffd45c40,0 0 18px #ffd45c4d}.unit-card.compact{min-height:72px;grid-template-columns:48px minmax(0,1fr)}.unit-portrait{position:relative;display:grid;place-items:center;border:2px solid #b9965b;border-radius:7px;font-size:clamp(20px,2.6vw,32px);font-weight:900;overflow:hidden}.unit-card-row{display:flex;justify-content:space-between;gap:8px;font-size:clamp(12px,1.35vw,18px)}.unit-card-row strong,.unit-card-row span,.unit-class-name,.unit-card-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unit-class-name,.unit-card-sub{color:#e6d1a5;font-size:clamp(10px,1.05vw,14px)}.unit-stars{color:#ffd45c;font-size:clamp(10px,1vw,14px);letter-spacing:0}.profile-top{display:grid;grid-template-columns:44% minmax(0,1fr);gap:clamp(12px,1.6vw,20px)}.large-portrait{position:relative;height:clamp(180px,27vh,260px);display:grid;place-items:center;border:3px solid #b9965b;border-radius:8px;font-size:clamp(68px,9vw,110px);font-weight:900;overflow:hidden;box-shadow:inset 0 -34px 42px #00000052}.portrait-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 0 42%,rgba(255,255,255,.16) 45%,transparent 58%);pointer-events:none}.profile-stats{display:grid;gap:clamp(4px,.7vh,7px);font-size:clamp(13px,1.45vw,18px)}.profile-stats h2,.profile-stats h3{margin:0}.profile-stats h2{font-size:clamp(26px,3vw,38px)}.star-row{color:#ffd45c;font-size:clamp(18px,2vw,26px)}.class-tree-panel{margin-top:clamp(8px,1.2vh,13px);padding:clamp(9px,1.2vh,13px);background:#d5c4a4;color:#2c2116;border:2px solid #8f7042}.class-tree{display:grid;grid-template-columns:minmax(110px,160px) 28px minmax(0,1fr);gap:clamp(8px,1.1vw,16px);align-items:center;margin:clamp(8px,1.1vh,12px) 0}.tree-connector{height:3px;background:#725a35;position:relative}.tree-connector:after{content:"";position:absolute;right:-2px;top:50%;width:9px;height:9px;border-top:3px solid #725a35;border-right:3px solid #725a35;transform:translateY(-50%) rotate(45deg)}.class-node{min-height:clamp(54px,9vh,76px);display:grid;place-items:center;padding:8px;border:2px solid #80613a;border-radius:8px;background:#2a2b24d1;color:#fff0c8;font-weight:900;text-align:center}.class-node.current{background:#6e9c42}.class-node.locked{background:#58534a}.tree-branches{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(7px,1vw,12px)}.formation-panel{display:grid;gap:clamp(7px,1vh,11px);align-content:start}.formation-field{padding:clamp(9px,1.2vh,13px);background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),#7f954940;background-size:22px 22px;border:2px solid #75643d}.formation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(6px,.8vw,9px)}.formation-slot{height:clamp(44px,8vh,74px);display:grid;place-items:center;border:2px solid #b9965b;border-radius:50%;font-size:clamp(18px,2vw,26px);font-weight:900;box-shadow:0 6px #0000003d}.simple-header{justify-content:flex-start}.header-note{margin-left:auto;color:#d6c49d;font-size:clamp(12px,1.3vw,18px);white-space:nowrap}.encyclopedia-layout{height:calc(100% - clamp(44px,8vh,72px));display:grid;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,14px);padding:clamp(8px,1.2vh,14px)}.book-panel{padding:clamp(10px,1.4vh,16px);overflow:hidden}.book-panel h2{margin:0 0 clamp(8px,1.2vh,13px);font-size:clamp(22px,2.6vw,36px)}.book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(7px,1vw,11px);height:calc(100% - clamp(40px,6vh,56px));overflow:auto;padding-right:4px}.book-card{display:grid;grid-template-columns:clamp(40px,4.6vw,58px) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:clamp(7px,1vw,11px);align-content:start;min-height:clamp(92px,15vh,128px);padding:clamp(8px,1.1vh,12px);border:1px solid #7f633d;background:linear-gradient(180deg,rgba(255,241,200,.1),transparent 44%),#fff1c80f;overflow:hidden}.book-icon,.book-class-icon{grid-row:1 / 4;width:clamp(40px,4.6vw,58px);height:clamp(40px,4.6vw,58px);border:2px solid #c8a96e;border-radius:50%}.enemy-icon{background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.55),transparent 12%),var(--enemy-color)}.enemy-icon.enemy-fly{border-radius:44% 12%;transform:rotate(20deg)}.enemy-icon.enemy-metal{background:linear-gradient(180deg,#eef7ff,var(--enemy-color))}.book-class-icon{display:grid;place-items:center;font-weight:900}.book-card strong,.book-card small,.book-card span{overflow:hidden;text-overflow:ellipsis}.book-card small,.book-card span{color:#d9c8a3;font-size:clamp(11px,1.15vw,15px)}.settings-panel{width:min(520px,74%);margin:clamp(28px,7vh,70px) auto;padding:clamp(16px,2.4vh,24px);display:grid;gap:clamp(10px,1.7vh,17px)}.setting-row{display:flex;justify-content:space-between;align-items:center;min-height:clamp(42px,7vh,58px);padding:0 clamp(12px,1.6vw,16px);border:1px solid #7f633d;background:#fff1c814;font-size:clamp(18px,2vw,24px);font-weight:800}.setting-row input{width:28px;height:28px}@media (max-aspect-ratio: 16 / 9){.map-header,.management-header,.simple-header,.top-hud{gap:5px}.tab,.nav-back,.hud-square,.hud-speed{padding-inline:8px}.header-stat,.hud-stat{min-width:auto}}.app-shell{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(38px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}@media (display-mode: standalone){.app-shell{padding:max(4px,env(safe-area-inset-top)) max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))}}.game-frame{width:min(100%,calc((100dvh - max(42px,env(safe-area-inset-bottom)) - max(6px,env(safe-area-inset-top))) * 16 / 9));height:min(100%,calc((100vw - max(8px,env(safe-area-inset-left)) - max(8px,env(safe-area-inset-right)))*.5625))}@media (display-mode: standalone){.game-frame{width:min(100%,calc((100dvh - max(8px,env(safe-area-inset-bottom)) - max(8px,env(safe-area-inset-top))) * 16 / 9))}}.map-header,.management-header,.simple-header,.top-hud{height:clamp(36px,7dvh,58px);min-height:0;gap:clamp(4px,.55vw,8px);padding:clamp(3px,.7dvh,6px) clamp(5px,.8vw,10px)}.nav-back,.tab,.hud-square,.hud-speed,.header-stat,.hud-stat{min-height:clamp(28px,5.4dvh,44px);padding:clamp(3px,.65dvh,7px) clamp(7px,1.05vw,14px);border-radius:6px;font-size:clamp(11px,1.35vw,18px)}.map-title,.management-header h1,.simple-header h1{font-size:clamp(17px,2.1vw,28px)}.header-stat,.hud-stat{min-width:clamp(80px,11vw,145px)}.action-button{min-height:clamp(34px,7dvh,56px);padding:clamp(5px,1dvh,9px) clamp(10px,1.5vw,18px);font-size:clamp(15px,2vw,26px)}.title-screen{display:grid;grid-template-rows:1fr auto}.title-screen:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(180deg,transparent,rgba(2,6,8,.62) 68%,rgba(2,6,8,.9));pointer-events:none}.title-logo{top:clamp(16px,5.4dvh,42px);width:min(43%,610px);min-width:250px;padding:clamp(8px,1.25dvh,15px) clamp(16px,2vw,28px) clamp(10px,1.6dvh,20px)}.title-logo img{width:clamp(34px,4.6vw,66px);top:-16%}.title-main{font-size:clamp(34px,5.15vw,70px)}.title-sub{font-size:clamp(17px,2.25vw,30px)}.enemy-column,.title-castle-flag,.title-top-actions,.account-button{display:none}.warden-row{left:18%;right:18%;bottom:clamp(92px,17.5dvh,148px);z-index:1;gap:clamp(4px,.65vw,10px);pointer-events:none}.title-warden,.title-warden:nth-child(2),.title-warden:nth-child(7){height:clamp(44px,9.2dvh,78px);border-width:2px;font-size:clamp(18px,2.45vw,34px);box-shadow:0 5px #00000047}.title-warden small{bottom:-1.35em;font-size:clamp(8px,.95vw,12px)}.title-menu{left:8%;right:8%;bottom:clamp(24px,4.4dvh,42px);z-index:2;gap:clamp(8px,1.4vw,18px)}.version-label{bottom:clamp(8px,1.2dvh,12px);z-index:3}.map-layout{height:calc(100% - clamp(36px,7dvh,58px));grid-template-columns:minmax(0,1fr) clamp(240px,30vw,340px);gap:clamp(5px,.7vw,10px);padding:clamp(5px,.85dvh,9px);min-height:0}.chapter-banner{width:min(30%,250px);min-width:158px;padding:clamp(7px,1.1dvh,12px) clamp(10px,1.2vw,16px) clamp(7px,1.1dvh,12px) clamp(42px,4.2vw,62px)}.chapter-banner img{width:clamp(30px,3.4vw,46px)}.chapter-banner strong{font-size:clamp(16px,1.8vw,24px)}.map-village,.map-castle,.map-creature{opacity:.72}.stage-node{width:clamp(38px,5.2vw,60px);height:clamp(44px,7.4dvh,70px)}.stage-node span{width:clamp(32px,4.2vw,48px);height:clamp(32px,5.6dvh,48px);border-width:2px;border-radius:50%;font-size:clamp(15px,2vw,24px);box-shadow:0 5px #00000057}.stage-node small{display:none}.stage-node.locked span{color:transparent;position:relative}.stage-node.locked span:before{content:"";width:42%;height:34%;border:2px solid #e6d1a5;border-bottom:0;border-radius:999px 999px 0 0;position:absolute;top:22%}.stage-node.locked span:after{content:"";width:48%;height:36%;border-radius:4px;background:#e6d1a5;position:absolute;bottom:20%}.stage-node.selected span{animation:nodePulse 1.8s ease-in-out infinite}@keyframes nodePulse{0%,to{box-shadow:0 0 0 3px #ffd85640,0 0 16px #ffd856c7}50%{box-shadow:0 0 0 6px #ffd8561f,0 0 24px #ffd856f2}}.stage-info-panel{min-height:0;overflow-y:auto;padding:clamp(8px,1.1dvh,12px);gap:clamp(5px,.8dvh,8px)}.stage-number{font-size:clamp(16px,1.8vw,24px)}.stage-info-panel h2{font-size:clamp(18px,2.1vw,27px);padding-bottom:.25em}.stage-info-panel p{font-size:clamp(11px,1.13vw,15px);line-height:1.35}.enemy-type-row,.reward-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,.55vw,7px)}.enemy-chip,.reward-row div,.recommended-power,.stage-state,.stamina-row{padding:clamp(5px,.8dvh,8px);font-size:clamp(10px,1.05vw,14px)}.enemy-chip i{width:clamp(16px,2vw,27px)}.deploy-button{position:sticky;bottom:0;margin-top:clamp(4px,.7dvh,8px)}.management-layout{height:calc(100% - clamp(36px,7dvh,58px));grid-template-columns:minmax(250px,34%) minmax(0,42%) minmax(150px,24%);gap:clamp(5px,.65vw,9px);padding:clamp(5px,.8dvh,8px);min-height:0}.unit-list-panel,.unit-profile-panel,.formation-panel{min-height:0;overflow:hidden;padding:clamp(6px,.9dvh,10px)}.unit-list-panel{display:flex;flex-direction:column}.panel-title{font-size:clamp(13px,1.35vw,18px)}.unit-grid{flex:1 1 auto;min-height:0;overflow-y:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.7vw,8px);margin-top:clamp(5px,.8dvh,8px);padding-right:3px}.unit-card{grid-template-columns:clamp(46px,5.2vw,64px) minmax(0,1fr);min-height:clamp(68px,12dvh,88px);padding:clamp(5px,.75dvh,7px);gap:clamp(5px,.55vw,7px)}.unit-portrait{aspect-ratio:1 / 1;min-height:0}.generated-portrait{background-size:auto 200%;background-position:var(--portrait-x, 0%) var(--portrait-y, 0%)}.unit-card-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;font-size:clamp(11px,1.18vw,15px)}.unit-card-row strong{white-space:normal;line-height:1.12;max-height:2.24em}.unit-class-name,.unit-card-sub{font-size:clamp(9px,1vw,12px)}.unit-stars{font-size:clamp(8px,.9vw,11px)}.mini-bar{height:clamp(7px,1.1dvh,10px)}.unit-profile-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:clamp(5px,.8dvh,8px)}.profile-top{min-height:0;grid-template-columns:minmax(120px,37%) minmax(0,1fr);gap:clamp(7px,1vw,12px)}.large-portrait{width:100%;height:auto;aspect-ratio:3 / 4;align-self:start;max-height:clamp(170px,39dvh,255px);font-size:clamp(42px,6vw,86px);background-size:auto 200%}.profile-stats{align-content:start;gap:clamp(2px,.45dvh,5px);font-size:clamp(11px,1.18vw,15px);line-height:1.25;overflow:hidden}.profile-stats h2{font-size:clamp(21px,2.35vw,31px)}.profile-stats h3{font-size:clamp(15px,1.55vw,21px)}.star-row{font-size:clamp(14px,1.45vw,20px)}.class-tree-panel{margin-top:0;max-height:clamp(88px,20dvh,130px);overflow-y:auto;padding:clamp(6px,.85dvh,9px)}.class-tree{grid-template-columns:minmax(76px,112px) 18px minmax(0,1fr);gap:clamp(5px,.8vw,10px);margin:clamp(5px,.7dvh,8px) 0}.class-node{min-height:clamp(38px,7dvh,55px);padding:5px;font-size:clamp(10px,1vw,13px)}.class-tree-panel p{margin:3px 0;font-size:clamp(10px,1vw,13px)}.formation-panel{display:grid;grid-template-rows:auto minmax(0,1fr) repeat(4,auto);gap:clamp(5px,.75dvh,8px);align-content:stretch}.formation-field{min-height:0;overflow:hidden;padding:clamp(5px,.75dvh,8px)}.formation-grid{height:100%;align-content:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(4px,.6vw,7px)}.formation-slot{height:auto;aspect-ratio:1 / 1;min-height:clamp(30px,5.7dvh,48px);max-height:clamp(38px,7dvh,58px);justify-self:center;width:min(100%,clamp(34px,4.8vw,54px));font-size:clamp(14px,1.7vw,22px)}.formation-panel .action-button{min-height:clamp(29px,5.7dvh,43px);font-size:clamp(13px,1.55vw,20px);padding-block:clamp(3px,.6dvh,6px)}.encyclopedia-layout{height:calc(100% - clamp(36px,7dvh,58px));gap:clamp(6px,.85vw,10px);padding:clamp(6px,.9dvh,10px);min-height:0}.header-note{font-size:clamp(10px,1.15vw,15px);overflow:hidden;text-overflow:ellipsis}.book-panel{display:flex;min-height:0;flex-direction:column;padding:clamp(7px,1dvh,11px)}.book-panel h2{margin-bottom:clamp(5px,.8dvh,9px);font-size:clamp(19px,2vw,28px)}.book-grid{flex:1 1 auto;height:auto;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.75vw,9px)}.book-card{min-height:clamp(74px,13dvh,104px);padding:clamp(6px,.85dvh,9px);grid-template-columns:clamp(34px,4vw,48px) minmax(0,1fr);border-color:#d9b46ab8;background:linear-gradient(180deg,#fff1c824,#fff1c808 52%),linear-gradient(135deg,#1a2024eb,#120f0df2)}.book-icon,.book-class-icon{width:clamp(34px,4vw,48px);height:clamp(34px,4vw,48px)}.book-card strong{font-size:clamp(12px,1.25vw,17px)}.book-card small,.book-card span{font-size:clamp(10px,1.05vw,13px);line-height:1.22}@media (max-width: 1050px){.map-title{display:none}.tab{min-width:0}.management-layout{grid-template-columns:minmax(218px,35%) minmax(0,42%) minmax(132px,23%)}.management-header .header-stat{min-width:auto}.management-header h1{font-size:clamp(16px,2vw,24px)}.unit-grid{grid-template-columns:1fr}.unit-card{min-height:clamp(56px,10.5dvh,72px)}.unit-card-sub,.unit-stars{display:none}}.asset-sprite{display:block;width:100%;height:100%;background-image:var(--sprite-url);background-size:var(--sprite-size-x) var(--sprite-size-y);background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;filter:drop-shadow(0 7px 10px rgba(0,0,0,.45))}.title-logo{top:clamp(20px,6.2dvh,48px);padding-top:clamp(14px,2.4dvh,26px)}.title-logo img{top:-12%;width:clamp(30px,4vw,58px)}.title-menu{grid-template-columns:repeat(3,minmax(0,1fr));left:12%;right:12%}.title-menu .action-button{font-family:Georgia,Yu Mincho,Yu Gothic,serif;letter-spacing:0;border-color:#e0bd74;box-shadow:inset 0 1px #fff3,inset 0 -16px 24px #00000061,0 4px #4b321a,0 0 18px #d9b46a29}.warden-row{display:none}.action-button{display:grid;place-items:center;line-height:1.05;text-align:center}.stage-node span{position:relative;overflow:visible;background:none;border:0;border-radius:0;box-shadow:none}.stage-node .marker-sprite{width:clamp(42px,5.4vw,62px);height:clamp(42px,7.2dvh,62px)}.stage-node b{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%);color:#fff7ce;font-size:clamp(15px,1.8vw,24px);text-shadow:0 2px 4px #000}.stage-node.locked span:before,.stage-node.locked span:after{content:none}.map-creature{background:transparent;border:0;box-shadow:none}.map-creature .enemy-sprite-art,.map-creature .marker-sprite{width:100%;height:100%}.enemy-chip i{display:block;width:clamp(30px,3.4vw,46px);border:0;background:transparent}.enemy-chip i .enemy-sprite-art{width:100%;height:100%}.book-icon,.book-class-icon,.unit-portrait,.detail-portrait,.large-portrait,.formation-slot{position:relative;overflow:hidden}.book-icon,.book-class-icon{background:radial-gradient(circle at 50% 20%,rgba(255,245,205,.2),transparent 45%),linear-gradient(180deg,#1b2d3d,#0b1118)!important}.book-icon .enemy-sprite-art,.book-class-icon .warden-sprite{position:absolute;top:5%;right:5%;bottom:5%;left:5%;width:90%;height:90%}.unit-portrait .warden-sprite,.detail-portrait .warden-sprite,.large-portrait .warden-sprite,.formation-slot .warden-sprite{position:absolute;top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%}.unit-portrait:after,.detail-portrait:after,.large-portrait:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,rgba(255,255,255,.15),transparent 34%,transparent 70%,rgba(0,0,0,.18));pointer-events:none}.unit-portrait i,.detail-portrait i{display:none}.large-portrait{background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--unit-color) 72%,white 18%),transparent 42%),linear-gradient(180deg,#121a22f2,#060a0ff5)}.formation-slot{border-radius:18px}.formation-slot .warden-sprite{top:0;right:0;bottom:0;left:0;width:100%;height:100%}.deploy-button{display:grid;place-items:center;text-align:center;line-height:1;padding-top:0;padding-bottom:0}.battle-actions .action-button{min-height:clamp(30px,5.8dvh,46px);font-size:clamp(14px,1.75vw,22px)}.unit-detail-panel{flex-basis:clamp(114px,18.2dvh,166px);grid-template-columns:11.5% minmax(0,1fr) 21% 28%}.world-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 78%,rgba(255,218,108,.24) 0 3%,transparent 4%),radial-gradient(circle at 26% 62%,rgba(255,218,108,.2) 0 2.6%,transparent 3.5%),radial-gradient(circle at 42% 55%,rgba(255,218,108,.18) 0 2.6%,transparent 3.5%),radial-gradient(circle at 55% 48%,rgba(255,218,108,.16) 0 2.6%,transparent 3.5%),radial-gradient(circle at 65% 70%,rgba(255,218,108,.14) 0 2.6%,transparent 3.5%),linear-gradient(35deg,transparent 0 17%,rgba(248,218,128,.25) 18% 19%,transparent 20%),linear-gradient(155deg,transparent 0 39%,rgba(248,218,128,.2) 40% 41%,transparent 42%);mix-blend-mode:screen;opacity:.62}.map-lock-mark{width:clamp(30px,3.6vw,44px);height:clamp(30px,5dvh,44px);border:2px solid rgba(230,209,165,.78);border-radius:50%;background:linear-gradient(180deg,#fff1c629,#231e1a6b),#0a0c108a;position:relative;box-shadow:inset 0 0 0 2px #ffffff0f,0 4px 10px #00000040}.map-lock-mark:before{content:"";position:absolute;left:29%;top:24%;width:42%;height:32%;border:2px solid #e8d6ad;border-bottom:0;border-radius:999px 999px 0 0}.map-lock-mark:after{content:"";position:absolute;left:25%;bottom:22%;width:50%;height:35%;border-radius:4px;background:#e8d6ad}.stage-info-panel{overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,auto) auto auto auto auto auto;gap:clamp(4px,.62dvh,7px);padding:clamp(7px,.9dvh,10px)}.stage-number{font-size:clamp(14px,1.5vw,20px);line-height:1}.stage-info-panel h2{font-size:clamp(18px,2vw,25px);line-height:1.08}.stage-info-panel p{font-size:clamp(10px,1.03vw,13px);line-height:1.28}.stage-enemies{min-height:0}.enemy-type-row{grid-template-columns:repeat(5,minmax(0,1fr))}.enemy-chip{min-width:0;padding:clamp(4px,.55dvh,6px) 2px;gap:1px;line-height:1.08}.enemy-chip i{width:clamp(24px,2.7vw,36px)}.recommended-power,.stage-state,.stamina-row,.reward-row div{padding:clamp(4px,.58dvh,7px);line-height:1.08}.reward-row{grid-template-columns:repeat(3,minmax(0,1fr))}.deploy-button{position:static;margin-top:0;min-height:clamp(34px,6dvh,48px)}.management-layout{grid-template-columns:minmax(250px,36%) minmax(0,40%) minmax(150px,24%)}.unit-list-panel,.unit-profile-panel,.formation-panel{overflow:hidden}.unit-grid{height:calc(100% - clamp(20px,3.5dvh,32px));overflow:hidden;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr));align-content:stretch}.unit-card{min-height:0!important;height:100%;grid-template-columns:clamp(42px,5vw,62px) minmax(0,1fr);align-items:center}.unit-card-info{min-width:0}.unit-portrait{width:100%;aspect-ratio:1 / 1;align-self:center}.unit-profile-panel{grid-template-rows:minmax(0,1fr) minmax(82px,20dvh)}.profile-top{grid-template-columns:minmax(108px,32%) minmax(0,1fr);align-items:start}.large-portrait{max-height:min(100%,clamp(138px,31dvh,215px));aspect-ratio:1 / 1.16}.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(6px,.8vw,10px);align-content:start}.profile-stats h2,.profile-stats h3,.profile-stats .star-row{grid-column:1 / -1}.class-tree-panel{max-height:none;overflow:hidden}.class-tree{grid-template-columns:minmax(72px,98px) 18px minmax(0,1fr)}.class-node{min-height:clamp(34px,6.2dvh,48px)}.class-node .warden-sprite{width:clamp(24px,2.8vw,38px);height:clamp(24px,2.8vw,38px)}.class-tree-panel p{margin:2px 0}.formation-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.formation-slot{width:min(100%,clamp(34px,4.9vw,58px));min-height:0;max-height:none;aspect-ratio:1 / 1;border-radius:12px}.asset-sprite{background-origin:content-box}.unit-portrait .warden-sprite,.detail-portrait .warden-sprite,.large-portrait .warden-sprite,.formation-slot .warden-sprite{position:absolute;inset:auto;width:min(92%,9.2dvh);height:auto;aspect-ratio:1 / 1;transform:translate(-50%,-50%)}.detail-portrait .warden-sprite{width:min(96%,15dvh)}.large-portrait .warden-sprite{width:min(94%,28dvh)}.formation-slot .warden-sprite{width:92%}.unit-detail-panel{flex-basis:clamp(118px,19dvh,158px);grid-template-columns:minmax(76px,10%) minmax(0,1fr) minmax(150px,20%) minmax(220px,27%);align-items:stretch}.detail-portrait{aspect-ratio:1 / 1;align-self:center}.detail-main{min-width:0}.detail-title-row{margin-bottom:clamp(2px,.35dvh,4px)}.detail-class{font-size:clamp(18px,2.1vw,28px);line-height:1.05}.gauge-line{margin:clamp(2px,.35dvh,5px) 0}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch;gap:clamp(2px,.35dvh,5px) clamp(5px,.7vw,8px);font-size:clamp(10px,1.05vw,14px)}.range-preview{grid-column:1 / -1;width:clamp(52px,6dvh,78px)}.battle-actions{gap:clamp(5px,.7vw,9px)}.battle-actions .action-button{min-height:clamp(34px,6.3dvh,48px)}.battle-canvas{image-rendering:auto}@media (max-width: 1050px){.management-layout{grid-template-columns:minmax(230px,37%) minmax(0,39%) minmax(128px,24%)}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.unit-card{grid-template-columns:clamp(34px,4.2vw,48px) minmax(0,1fr);padding:4px}.unit-class-name,.unit-card-sub{display:none}.unit-detail-panel{grid-template-columns:minmax(64px,9%) minmax(0,1fr) minmax(126px,19%) minmax(188px,27%)}}.stage-node.locked,.stage-node.locked>span{background:transparent!important;border:0!important;box-shadow:none!important}.stage-node.locked{opacity:.82}.stage-node.locked>span{width:clamp(32px,4.3vw,50px);height:clamp(32px,6.2dvh,50px);display:grid;place-items:center}.map-lock-mark{display:block;width:clamp(23px,3vw,36px);height:clamp(23px,4.8dvh,36px);border:2px solid rgba(238,217,167,.68);border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px #ffffff0a,0 0 12px #edcb7e29!important}.map-lock-mark:before{left:29%;top:22%;width:42%;height:32%;border-color:#eed9a7e0}.map-lock-mark:after{left:26%;bottom:22%;width:48%;height:34%;background:#eed9a7e0}.asset-sprite{background-color:transparent!important}.unit-portrait,.detail-portrait,.large-portrait,.formation-slot,.book-class-icon{background:radial-gradient(circle at 50% 62%,rgba(0,0,0,.26),transparent 36%),linear-gradient(180deg,#16212a5c,#070b1057)!important}.unit-portrait .warden-sprite,.detail-portrait .warden-sprite,.large-portrait .warden-sprite,.formation-slot .warden-sprite,.book-class-icon .warden-sprite,.class-node .warden-sprite{background-color:transparent!important;filter:drop-shadow(0 7px 8px rgba(0,0,0,.55))}.unit-portrait .warden-sprite{width:98%}.detail-portrait .warden-sprite{width:104%}.large-portrait .warden-sprite{width:min(104%,31dvh)}.formation-slot .warden-sprite{width:96%}.unit-profile-panel{grid-template-rows:minmax(0,.82fr) minmax(122px,27dvh)}.profile-top{grid-template-columns:minmax(92px,28%) minmax(0,1fr)}.large-portrait{max-height:min(100%,clamp(116px,27dvh,184px));align-self:center}.profile-stats{font-size:clamp(10px,1.05vw,14px);gap:clamp(1px,.25dvh,4px) clamp(5px,.7vw,9px)}.profile-stats h2{font-size:clamp(18px,2vw,27px)}.profile-stats h3{font-size:clamp(13px,1.35vw,18px)}.star-row{font-size:clamp(12px,1.25vw,17px)}.class-tree-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;padding:clamp(5px,.72dvh,8px);overflow:hidden}.class-tree{min-height:0;grid-template-columns:minmax(72px,96px) 16px minmax(0,1fr);gap:clamp(4px,.6vw,8px);margin:clamp(4px,.55dvh,7px) 0}.class-node{min-height:clamp(32px,5.8dvh,44px);padding:3px 5px;font-size:clamp(9px,.92vw,12px);line-height:1.08}.tree-branches{gap:clamp(4px,.55vw,7px)}.class-tree-panel p{margin:1px 0 0;font-size:clamp(8px,.82vw,11px);line-height:1.1}.asset-image-sprite{background-image:var(--sprite-url);background-size:contain;background-position:center;background-repeat:no-repeat}.upgraded-world-map{background-size:cover;background-position:center}.map-route-line{position:absolute;z-index:0;pointer-events:none;opacity:.48;filter:drop-shadow(0 0 12px rgba(255,56,56,.42));mix-blend-mode:screen}.map-route-line-a{left:12%;top:51%;width:60%;height:16%;transform:rotate(-8deg)}.map-route-line-b{left:30%;top:30%;width:48%;height:18%;transform:rotate(7deg)}.chapter-banner,.stage-node,.map-village,.map-castle,.map-creature{z-index:1}.map-lock-icon{width:clamp(24px,3.5vw,44px);height:clamp(24px,5.5dvh,44px);object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,226,158,.35))}.reward-row div{display:grid;grid-template-columns:auto 1fr;align-items:center;justify-items:center;gap:4px}.reward-row img,.stage-clear-rewards img{width:clamp(18px,2vw,28px);height:clamp(18px,2vw,28px);object-fit:contain}.battle-banner{position:absolute;z-index:8;left:50%;top:16%;width:min(48%,620px);height:clamp(72px,15dvh,128px);transform:translate(-50%);display:grid;place-items:center;pointer-events:none;animation:battleBannerPop 2.2s ease-out both}.battle-banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.55))}.battle-banner strong{position:relative;z-index:1;color:#fff3cf;font-family:Georgia,Yu Mincho,serif;font-size:clamp(24px,4vw,58px);text-shadow:0 3px 0 #2b120c,0 0 18px rgba(255,224,120,.55);letter-spacing:0}.battle-banner-boss strong,.battle-banner-elite strong{color:#ffe6de;text-shadow:0 3px 0 #3b0e0d,0 0 18px rgba(255,76,58,.65)}@keyframes battleBannerPop{0%{opacity:0;transform:translate(-50%) scale(.86)}16%{opacity:1;transform:translate(-50%) scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%) scale(1.03)}}.stage-clear-backdrop{padding:clamp(10px,2dvh,20px);background:#000000b8}.stage-clear-screen{position:relative;width:min(100%,1200px);height:min(100%,675px);aspect-ratio:16 / 9;overflow:hidden;border:3px solid #d9b46a;background-size:cover;background-position:center;box-shadow:inset 0 0 0 2px #fff4cc1f,0 22px 55px #0009}.stage-clear-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05090e33,#05090ebd),radial-gradient(circle at 50% 22%,rgba(255,223,121,.28),transparent 34%)}.stage-clear-flourish,.stage-clear-banner,.stage-clear-stars,.stage-clear-summary,.stage-clear-rewards,.stage-clear-party,.stage-clear-actions{position:absolute;z-index:1}.stage-clear-flourish{left:50%;top:5%;width:46%;transform:translate(-50%);opacity:.82}.stage-clear-banner{left:50%;top:8%;width:44%;transform:translate(-50%);filter:drop-shadow(0 14px 16px rgba(0,0,0,.52))}.stage-clear-stars{left:50%;top:29%;width:clamp(120px,18vw,230px);transform:translate(-50%);filter:drop-shadow(0 10px 12px rgba(0,0,0,.42))}.stage-clear-summary{left:6%;top:28%;width:32%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,1vw,12px)}.stage-clear-summary div,.stage-clear-rewards div{border:1px solid rgba(239,207,139,.78);background:#090f17bf;padding:clamp(6px,1dvh,11px);display:grid;gap:2px;text-align:center;font-weight:900;box-shadow:inset 0 0 0 1px #fff5cd14}.stage-clear-summary span,.stage-clear-rewards div{color:#e8d6ad;font-size:clamp(10px,1.1vw,15px)}.stage-clear-summary strong,.stage-clear-rewards strong{color:#ffe89d;font-size:clamp(18px,2.2vw,30px)}.stage-clear-rewards{right:6%;top:28%;width:32%;display:grid;gap:clamp(6px,.8dvh,10px)}.stage-clear-rewards div{grid-template-columns:auto 1fr auto;align-items:center;text-align:left}.stage-clear-party{left:6%;right:6%;bottom:15%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(5px,.8vw,10px)}.stage-clear-unit{min-width:0;min-height:clamp(72px,14dvh,112px);border:1px solid rgba(217,180,106,.74);background:#080d14c7;display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;padding:clamp(4px,.8dvh,8px);overflow:hidden}.stage-clear-unit .warden-sprite{width:82%;height:100%}.stage-clear-unit span,.stage-clear-unit small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-clear-unit span{color:#fff0c8;font-weight:900;font-size:clamp(10px,1.1vw,15px)}.stage-clear-unit small{color:#d8c39a;font-size:clamp(8px,.9vw,12px)}.stage-clear-actions{left:20%;right:20%;bottom:4%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,16px)}.action-button.red,.action-button.blue,.action-button.green,.action-button.purple,.action-button.brown{background-size:100% 100%,auto}@media (max-width: 1050px){.stage-clear-summary,.stage-clear-rewards{top:30%;width:35%}.stage-clear-party{bottom:16%}.stage-clear-unit{min-height:clamp(58px,13dvh,86px)}.stage-clear-actions{left:12%;right:12%}}.asset-image-sprite.warden-sprite{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;transform:none!important;background-size:contain!important;background-repeat:no-repeat!important;background-color:transparent!important}.asset-image-sprite.warden-face{background-position:center!important}.asset-image-sprite.warden-portrait,.asset-image-sprite.warden-battle{background-position:center bottom!important}.unit-portrait,.detail-portrait,.large-portrait,.formation-slot,.stage-clear-unit{display:grid;place-items:center}.unit-portrait .warden-face,.detail-portrait .warden-face{top:6%!important;right:6%!important;bottom:6%!important;left:6%!important;width:88%!important;height:88%!important}.large-portrait .warden-portrait{top:3%!important;right:5%!important;bottom:0!important;left:5%!important;width:90%!important;height:97%!important}.formation-slot .warden-battle{top:6%!important;right:6%!important;bottom:6%!important;left:6%!important;width:88%!important;height:88%!important}.class-node{position:relative;overflow:hidden}.class-node .warden-face{position:relative!important;display:block;inset:auto!important;width:clamp(28px,3.4vw,44px)!important;height:clamp(28px,3.4vw,44px)!important;margin:0 auto 2px}.class-node span{display:block;color:#d8c39a;font-size:clamp(8px,.82vw,11px);line-height:1.05}.unit-grid{grid-template-rows:repeat(4,minmax(0,1fr))}.formation-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;place-items:center;align-content:center;justify-content:center}.formation-slot{width:min(100%,clamp(42px,5.6vw,66px))}.stage-clear-party{grid-template-columns:repeat(7,minmax(0,1fr))}.battle-banner{top:clamp(74px,15dvh,118px)}@media (max-width: 1050px){.formation-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.stage-clear-party{grid-template-columns:repeat(7,minmax(0,1fr))}}.management-layout-balanced{grid-template-columns:minmax(220px,28%) minmax(0,48%) minmax(176px,24%)!important;gap:clamp(8px,1vw,14px)!important;padding:clamp(7px,1dvh,12px)!important}.management-layout-balanced .unit-list-panel,.management-layout-balanced .unit-profile-panel,.management-layout-balanced .formation-panel{padding:clamp(9px,1.15dvh,14px)!important}.management-layout-balanced .unit-list-panel{display:grid!important;grid-template-rows:auto minmax(0,1fr);gap:clamp(7px,.9dvh,11px)}.management-layout-balanced .unit-grid{height:auto!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-rows:repeat(7,minmax(0,1fr))!important;gap:clamp(6px,.82dvh,10px)!important}.management-layout-balanced .unit-card{grid-template-columns:clamp(48px,5.4vw,68px) minmax(0,1fr)!important;min-height:0!important;padding:clamp(6px,.78dvh,9px)!important;gap:clamp(7px,.85vw,11px)!important;border-color:#d9b46aa3}.management-layout-balanced .unit-card.selected{border-color:#ffd86a;box-shadow:inset 0 0 0 1px #fff2b847,0 0 16px #ffd86a47}.management-layout-balanced .unit-portrait{width:clamp(46px,5.2vw,64px);min-width:clamp(46px,5.2vw,64px);align-self:center}.unit-profile-panel-balanced{grid-template-rows:minmax(0,1fr) minmax(120px,27dvh)!important;gap:clamp(8px,1.05dvh,13px)!important}.unit-profile-panel-balanced .profile-top{display:grid!important;grid-template-columns:minmax(142px,34%) minmax(0,1fr)!important;gap:clamp(10px,1.25vw,18px)!important;min-height:0}.unit-profile-panel-balanced .large-portrait{max-height:min(100%,clamp(170px,36dvh,260px))!important;aspect-ratio:3 / 4!important;align-self:center!important;justify-self:center}.profile-stats-balanced{display:grid!important;grid-template-rows:auto minmax(0,1fr);align-content:stretch!important;gap:clamp(7px,.9dvh,12px)!important;overflow:hidden}.profile-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px clamp(8px,1vw,12px);align-items:end;padding-bottom:clamp(5px,.7dvh,8px);border-bottom:1px solid rgba(217,180,106,.36)}.profile-heading h2,.profile-heading h3{margin:0;line-height:1.08}.profile-heading h2{grid-column:1 / 2;color:#fff0c8;font-size:clamp(22px,2.45vw,34px)}.profile-heading h3{grid-column:1 / 2;color:#d8c39a;font-size:clamp(14px,1.45vw,20px)}.profile-heading .star-row{grid-column:2 / 3;grid-row:1 / 3;align-self:center}.profile-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(5px,.7dvh,9px) clamp(6px,.8vw,10px);min-height:0}.profile-stat-grid div{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;padding:clamp(5px,.68dvh,8px) clamp(7px,.85vw,10px);border:1px solid rgba(217,180,106,.32);background:#ffefb80f;color:#d8c39a;font-size:clamp(10px,1.02vw,14px);font-weight:800}.profile-stat-grid strong{color:#fff0c8;white-space:nowrap}.class-tree-flow{grid-template-columns:minmax(86px,112px) clamp(20px,2vw,28px) minmax(0,1fr)!important;align-items:center;margin:clamp(5px,.72dvh,8px) 0!important}.class-tree-flow .class-node.current{border-color:#64be78d1;background:linear-gradient(180deg,#37744dd1,#0d1c19e6)}.tree-branches-flow .class-node:not(.locked){border-color:#74aee6c7;background:linear-gradient(180deg,#285b8bc7,#0d1725eb)}.promotion-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,.55dvh,7px) clamp(5px,.7vw,9px);min-height:0}.promotion-summary div{display:grid;gap:2px;padding:clamp(4px,.55dvh,7px);border:1px solid rgba(217,180,106,.34);background:#0a101694}.promotion-summary span{color:#d8c39a;font-size:clamp(8px,.78vw,11px)}.promotion-summary strong{color:#ffe89d;font-size:clamp(10px,1.05vw,14px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion-summary p{grid-column:1 / -1;margin:0;color:#e8d6ad;font-size:clamp(9px,.9vw,12px);line-height:1.24}.formation-panel-balanced{display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;gap:clamp(9px,1.15dvh,14px)!important}.formation-preview-block{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:clamp(7px,.9dvh,11px)}.formation-panel-balanced .formation-field{min-height:0;display:grid;place-items:center;padding:clamp(8px,1dvh,12px)!important}.formation-panel-balanced .formation-grid{width:100%;max-width:220px;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:clamp(7px,.85dvh,11px)!important}.formation-panel-balanced .formation-slot{width:min(100%,clamp(44px,5.6vw,66px))!important;min-height:0;justify-self:center}.formation-actions{display:grid;gap:clamp(7px,.9dvh,11px);align-content:center}.formation-actions .action-button{width:100%;min-height:clamp(36px,6dvh,48px)!important;padding-block:0!important;font-size:clamp(13px,1.5vw,20px)!important}@media (max-width: 1050px){.management-layout-balanced{grid-template-columns:minmax(196px,29%) minmax(0,47%) minmax(150px,24%)!important;gap:clamp(5px,.7vw,9px)!important;padding:clamp(5px,.75dvh,8px)!important}.management-layout-balanced .unit-card{grid-template-columns:clamp(38px,4.6vw,52px) minmax(0,1fr)!important}.unit-profile-panel-balanced .profile-top{grid-template-columns:minmax(102px,29%) minmax(0,1fr)!important;gap:clamp(7px,.9vw,11px)!important}.profile-stat-grid{gap:4px}.promotion-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.formation-panel-balanced .formation-grid{max-width:170px}}