:root{font-family:"Apple SD Gothic Neo","Noto Sans KR",ui-rounded,system-ui,sans-serif;color:#fff2d2;background:#163e42;font-synthesis:none;--cream:#fff2d2;--muted:#b6d7c9;--coral:#ff9d7b;--line:#6baf9d}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid #a8f1d4;outline-offset:4px}button:disabled{cursor:default;opacity:.48}button:active:not(:disabled){transform:translateY(1px)}#app{position:relative;width:100%;height:100dvh;min-height:320px;overflow:hidden}#battlefield{position:absolute;inset:0;width:100%;height:100%;touch-action:none;display:block}#ui{position:absolute;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.art-panel{border:20px solid transparent;border-image:url('assets/ui/panel.png') 70 fill / 20px / 0 stretch;background:#214c4c;background-clip:padding-box}.art-chip{background:rgba(17,57,59,.9);border:2px solid #568c7f;border-radius:13px;box-shadow:0 3px 0 rgba(13,37,37,.5),inset 0 1px 0 rgba(182,233,202,.14)}.art-button{border:17px solid transparent;border-image:url('assets/ui/button.png') 72 fill / 17px / 0 stretch;background:none;color:#273f3e;text-shadow:0 1px rgba(255,245,213,.4)}.base-screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:max(14px,env(safe-area-inset-top)) max(25px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(25px,env(safe-area-inset-left));overflow:auto;background:linear-gradient(180deg,rgba(15,48,53,.78),transparent 15%,transparent 76%,rgba(15,42,45,.84));}.base-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1360px;width:100%;margin:0 auto;padding:0 4px 11px;border-bottom:1px solid rgba(188,220,195,.2)}.small-wordmark strong{font-size:15px;font-weight:850;letter-spacing:-.03em}.small-wordmark small{display:block;font-size:9px;color:#e0e9cf;margin-top:4px}.header-mastery{min-width:180px;max-width:230px;flex:1;font-size:10px;color:#e1ecd3}.header-mastery .track{margin-top:7px}.currency{display:flex;align-items:center;gap:8px;font-size:11px;min-height:44px;padding:5px 15px}.art-icon{width:30px;height:30px;object-fit:contain;flex-shrink:0}.currency .art-icon{width:28px;height:33px}.currency strong{font-size:20px;color:#fff3d5;min-width:25px}.lobby-content{width:100%;max-width:1360px;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:30px;align-items:center;margin:auto;flex:1;min-height:340px}.lobby-intro{align-self:center;text-shadow:0 3px 2px #214b49}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#b4dec5;margin:0 0 12px}.lobby-intro h1{font-weight:950;letter-spacing:-.07em;line-height:1.1;font-size:clamp(40px,5.3vw,74px);margin:0 0 22px;color:#fff2cf;text-shadow:2px 5px 0 #285651,-2px -2px 0 #285651}.lobby-description{font-size:13px;white-space:pre-line;line-height:1.8;color:#e9edd5;margin:0;max-width:270px}.mission-badge{display:flex;align-items:center;gap:12px;margin-top:30px}.mission-badge .art-icon{width:48px;height:39px}.mission-badge strong{display:block;font-size:12px}.mission-badge small{display:block;color:#d8e8cd;font-size:10px;line-height:1.6;margin-top:5px}.lobby-hero{position:relative;width:100%;height:100%;min-height:330px;display:flex;justify-content:center;align-items:center}.hero-character{max-width:296px;width:78.848%;max-height:288.8px;object-fit:contain;z-index:1;filter:drop-shadow(0 9px 3px rgba(13,48,45,.2))}.hero-shadow{position:absolute;bottom:13%;width:55%;height:22px;max-width:210px;background:rgba(14,48,41,.24);border-radius:50%}.flight{animation:float 3.6s ease-in-out infinite}.profile-panel{padding:11px 12px 14px;min-width:0;max-width:320px;justify-self:end;width:100%;text-align:left}.profile-panel h2{font-size:31px;letter-spacing:-.03em;font-weight:850;margin:0 0 2px}.profile-panel .eyebrow{font-size:9px;margin-bottom:6px;color:#8fcaba}.profile-role{font-size:12px;color:#b6dbca;margin:0}.profile-description{font-size:11px;line-height:1.65;color:#d7e7cf;margin:15px 0}.profile-stats{border-top:1px solid #487870;border-bottom:1px solid #487870;padding:9px 0}.profile-stats>div{display:flex;align-items:center;gap:9px;min-height:32px;font-size:11px}.profile-stats .art-icon{width:23px;height:23px}.profile-stats strong{margin-left:auto;font-size:13px}.mastery-note{font-size:10px;line-height:1.7;color:#b8d6c6;margin:12px 0}.inline-action{background:none;border:0;border-bottom:1px solid #79a997;color:#d5ebcb;padding:8px 0;font-size:11px;min-height:44px}.lobby-bottom{display:flex;align-items:stretch;gap:20px;max-width:1360px;width:100%;margin:8px auto 0}.roster{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;flex:1;min-width:0}.portrait{padding:2px 5px 6px;text-align:center;border-width:13px;border-image-width:13px;min-width:0;filter:brightness(.86);transition:filter .15s,transform .15s}.portrait:hover{filter:brightness(1.07)}.portrait[aria-pressed=true]{filter:brightness(1.15);outline:2px solid #b6efd3;outline-offset:-5px;border-radius:18px}.portrait img{display:block;object-fit:contain;width:100%;height:90px}.portrait span{display:block;font-size:12px;font-weight:800;margin-top:4px}.portrait small{display:block;font-size:9px;color:#b5d8c6;line-height:1.5;margin-top:4px}.launch{width:230px;max-width:23%;display:flex;flex-direction:column;justify-content:center;position:relative;padding:0 16px;align-items:flex-start}.launch small{font-size:11px;font-weight:600;margin-bottom:6px}.launch strong{font-size:30px;letter-spacing:-.07em;font-weight:900}.launch .arrow{position:absolute;right:6px;bottom:12px;font-size:29px}.base-footer{display:flex;justify-content:space-between;align-items:center;max-width:1360px;width:100%;margin:10px auto 0;gap:15px;font-size:9px;color:#d1e3ce}.base-nav{display:flex;align-items:center;gap:18px}.nav-button{display:flex;align-items:center;gap:7px;background:none;border:0;font-size:11px;padding:0 5px;min-height:44px}.nav-button .art-icon{width:24px;height:26px}.track{height:7px;background:#143f41;border:1px solid rgba(166,213,181,.2);border-radius:20px;overflow:hidden}.track>span{display:block;height:100%;background:linear-gradient(90deg,#73c8ad,#a0efd1);border-radius:20px}.primary{font-weight:850;min-height:61px;font-size:14px;padding:4px 18px;letter-spacing:-.025em}.primary:not(.art-button){background:#ef9778;border:0;border-radius:13px;color:#264539}.secondary{background:#2a5d56;border:1px solid #739c85;border-radius:10px;min-height:46px;padding:10px 16px;font-size:12px;font-weight:700}.text-button{background:none;border:0;color:#c4dec9;font-size:11px;padding:10px;min-width:44px;min-height:44px}.danger-link{color:#ecc1a6}.modal-layer{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;padding:25px;background:rgba(10,34,37,.78);overflow:auto;backdrop-filter:blur(4px)}.modal{max-width:690px;width:100%;text-align:center;padding:20px 24px;position:relative;max-height:calc(100dvh - 38px);overflow:auto}.modal .eyebrow{margin-bottom:9px;font-size:9px}.modal h1{font-size:30px;font-weight:900;letter-spacing:-.05em;margin:0 0 11px;color:#fff0cf}.modal-subtitle{font-size:12px;line-height:1.8;color:#c2ddc9;margin:0 0 22px}.settings-modal,.pause-modal{max-width:360px;padding:23px}.pause-modal .primary,.settings-modal .primary{width:100%;margin-top:16px}.pause-modal .secondary{width:100%;margin-top:10px}.settings-row{display:flex;justify-content:space-between;align-items:center;min-height:55px;border-bottom:1px solid #477267;font-size:12px;text-align:left}.settings-row input{accent-color:#f0a37f;width:21px;height:21px}.settings-modal .text-button{font-size:10px}.training-modal{max-width:570px}.training-currency{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#b7d6c1;margin:0 0 20px}.training-currency strong{color:#fff1cf;font-size:23px}.training-currency .art-icon{height:35px}.training-row{display:flex;align-items:center;gap:12px;border-top:1px solid #477267;padding:17px 0;text-align:left}.training-icon{width:45px;height:45px;object-fit:contain}.training-copy{flex:1}.training-copy strong{font-size:13px}.training-copy p{font-size:11px;color:#b7d6c1;margin:5px 0 0}.training-row button{font-size:11px;min-height:44px;min-width:90px}.training-modal .primary{min-width:230px;margin-top:9px}.codex-modal{max-width:790px}.codex-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.codex-entry{background:#173f3f;border:1px solid #42766a;border-radius:12px;padding:16px 13px;text-align:left}.codex-entry.complete{border-color:#b7c887;background:#23544a}.recipe-art{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:13px;color:#80b89d;font-size:13px}.recipe-art .art-icon{width:34px;height:34px}.codex-entry strong{font-size:14px}.codex-entry p{font-size:10px;line-height:1.7;color:#aecfba;margin:7px 0}.codex-entry .recipe-status{font-size:10px;color:#e3d2a3;margin-bottom:0}.codex-modal .primary{min-width:220px}.choices-modal{border:0;background:none;max-width:850px;padding:0;overflow:visible;max-height:none}.choice-chest{width:80px;height:60px;object-fit:contain;margin:0 auto 12px;display:block}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.choice{position:relative;display:flex;flex-direction:column;align-items:center;padding:114px 22px 30px;text-align:center;color:#264943;min-width:0;min-height:340px;border:0;background:url('assets/ui/card.png') center/100% 100% no-repeat;transition:transform .15s;filter:drop-shadow(0 6px 2px rgba(5,28,31,.3))}.choice:hover{transform:translateY(-6px)}.choice-icon{width:65px;height:65px;object-fit:contain;position:absolute;left:calc(50% - 32.5px);top:22px}.choice strong{font-size:19px;letter-spacing:-.04em;line-height:1.4;margin:0 0 13px}.choice p{font-size:12px;line-height:1.75;margin:0}.choice small{font-size:10px;line-height:1.7;color:#477a66;margin-top:13px}.choice-rank{margin-top:auto;padding-top:22px;font-size:10px;font-weight:750;color:#43715e}.choice.evolution{filter:drop-shadow(0 0 13px rgba(214,228,132,.2))}.result-modal{max-width:490px}.result-icon{width:70px;height:70px;object-fit:contain;margin:0 auto 10px}.result-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #477267;border-bottom:1px solid #477267;padding:19px 0;margin:20px 0}.result-numbers strong{display:block;font-size:28px;font-weight:750;margin-bottom:5px}.result-numbers span{font-size:10px;color:#b2d4bd}.result-detail{font-size:11px;color:#c7ddc3;line-height:1.8;margin:15px 0}.result-equipment{display:flex;justify-content:center;gap:10px}.result-equipment>span{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#c7ddc3}.result-equipment .art-icon{width:39px;height:39px}.result-modal .primary{width:100%;margin-top:7px}.hud{position:absolute;inset:0;pointer-events:none!important;padding:max(13px,env(safe-area-inset-top)) 18px}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.health-panel{width:205px;display:flex;gap:8px;padding:6px 10px 6px 3px;align-items:center}.hud-portrait{width:44px;height:44px;object-fit:contain}.hp-info{flex:1}.health-title{display:flex;justify-content:space-between;gap:8px;font-size:9px;margin-bottom:7px}.health-title strong{font-size:11px}.time-panel{text-align:center;padding:8px 18px;font-size:9px;color:#bdd8c5;min-width:97px}.time-panel strong{display:block;font-size:25px;font-weight:850;line-height:1.12;margin-bottom:4px;font-variant-numeric:tabular-nums;color:#fff1d0}.hud-tools{display:flex;gap:8px;pointer-events:auto}.hud-icon{background:#1d4b4b;border:2px solid #568c7f;border-radius:13px;font-size:9px;display:flex;flex-direction:column;align-items:center;padding:4px 8px;min-width:44px;min-height:44px}.hud-icon .art-icon{width:23px;height:23px}.pause-button{font-size:20px;min-width:44px;min-height:52px;background:#1c4747;padding:5px 11px}.xp-bar{position:absolute;left:18px;right:18px;top:max(85px,calc(env(safe-area-inset-top) + 76px));display:flex;gap:10px;align-items:center;font-size:10px;color:#e0e8d4}.xp-bar .track{flex:1;height:6px;background:#174744}.boss-panel{position:absolute;top:max(115px,calc(env(safe-area-inset-top) + 102px));width:300px;left:calc(50% - 150px);padding:9px 14px;text-align:center}.boss-panel p{font-size:11px;margin:0 0 7px}.boss-panel .track span{background:linear-gradient(90deg,#ee8e72,#fec49a)}.equipment-hud{position:absolute;right:18px;bottom:max(18px,env(safe-area-inset-bottom));max-width:300px;padding:9px 10px;pointer-events:auto}.equipment-row{display:flex;gap:5px;margin-bottom:5px}.equipment-row.modules{margin-bottom:0}.equipment-slot{width:34px;height:38px;background:rgba(6,33,34,.45);border:1px solid #497c6b;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.equipment-slot.evolved{border-color:#e3c88d}.equipment-slot .art-icon{width:27px;height:25px}.equipment-slot>span{font-size:8px;line-height:1.1;color:#e3ead1}.module-short{font-size:9px;color:#b7d8c0;height:22px;display:flex;align-items:center}.evolution-note{font-size:9px;line-height:1.65;max-width:232px;color:#ccdfbd;margin:8px 0 0}.instruction{position:absolute;bottom:30px;left:20px;font-size:10px;line-height:1.8;color:#e3ecd4;max-width:145px;white-space:pre-line;opacity:.8}.mission-banner{position:absolute;top:24%;left:50%;transform:translateX(-50%);color:#fbc5a4;padding:14px 18px;white-space:nowrap;font-size:12px;border-color:#cfa17d}#notice{position:absolute;z-index:5;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);background:#ede7cb;border:2px solid #709f89;color:#26463f;border-radius:12px;padding:11px 18px;font-size:12px;line-height:1.6;max-width:90%;width:max-content;pointer-events:none;box-shadow:0 5px 15px #133b3a66}#notice:empty{display:none}[hidden]{display:none!important}@keyframes float{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root[data-reduced-motion="true"] *,:root[data-reduced-motion="true"] *:before,:root[data-reduced-motion="true"] *:after{animation:none!important;transition:none!important}
@media(max-width:1000px){.base-screen{padding-left:18px;padding-right:18px}.lobby-content{gap:18px;grid-template-columns:1fr 1.2fr 1fr}.lobby-intro h1{font-size:48px}.lobby-description{font-size:11px}.profile-panel{padding:5px}.profile-panel h2{font-size:26px}.profile-description{font-size:10px}.portrait img{height:65px}.portrait small{font-size:8px}.launch{width:180px}.launch strong{font-size:25px}.lobby-bottom{gap:12px}.roster{gap:5px}.portrait{padding:0 2px 5px;border-width:11px;border-image-width:11px}.mission-badge{margin-top:18px}.mission-badge small{font-size:9px}}
@media(max-width:600px){.base-screen{padding:max(11px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(12,44,48,.85),rgba(11,40,43,.05) 30%,rgba(13,41,41,.63) 78%)}.base-header{gap:6px;padding-bottom:9px}.small-wordmark strong{font-size:12px}.small-wordmark small{font-size:8px}.header-mastery{display:none}.currency{padding:3px 9px;gap:5px;font-size:9px;min-height:40px}.currency .art-icon{width:22px;height:28px}.currency strong{font-size:17px}.lobby-content{display:flex;flex-direction:column;gap:0;min-height:0;margin:15px auto 0;max-width:400px;flex:1}.lobby-intro{text-align:center;order:0;width:100%;text-shadow:0 2px 1px #214b49}.lobby-intro .eyebrow{font-size:8px;margin-bottom:6px}.lobby-intro h1{font-size:32px;margin:0;line-height:1.1;letter-spacing:-.06em}.lobby-intro h1 br{display:none}.lobby-description{font-size:10px;margin-top:8px;line-height:1.5;max-width:none;white-space:normal}.mission-badge{display:none}.lobby-hero{min-height:0;height:222px;flex:none;order:1;width:100%;margin-top:1px}.hero-character{height:161.6px;width:176px;max-width:100%;max-height:none}.hero-shadow{height:16px;width:120px;bottom:12px}.profile-panel{order:2;width:100%;max-width:none;justify-self:auto;padding:2px 9px 5px;border-width:15px;border-image-width:15px;display:grid;grid-template-columns:1fr 1.35fr;gap:0 12px;margin:0}.profile-panel .eyebrow{grid-column:1;margin:0 0 4px;font-size:8px}.profile-panel h2{grid-column:1;font-size:24px;margin:0}.profile-role{grid-column:1;font-size:10px}.profile-description{grid-column:1;font-size:9px;line-height:1.5;margin:9px 0 0}.profile-stats{grid-column:2;grid-row:1/5;border:0;border-left:1px solid #47766a;padding:0 0 0 10px}.profile-stats>div{min-height:28px;font-size:9px;gap:5px}.profile-stats .art-icon{width:20px;height:20px}.profile-stats strong{font-size:10px}.profile-panel .mastery-note{grid-column:1/3;font-size:8px;margin:8px 0 0;text-align:center}.inline-action{display:none}.lobby-bottom{flex-direction:column;gap:11px;margin-top:12px}.roster{gap:4px;width:100%;flex:none}.portrait{border-width:7px;border-image-width:7px;padding:2px 1px 4px;min-height:73px}.portrait img{height:39px}.portrait span{font-size:9px;margin:3px 0 0}.portrait small{display:none}.portrait[aria-pressed=true]{outline-offset:-3px;border-radius:12px}.launch{max-width:none;width:100%;min-height:65px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:11px;border-width:16px;border-image-width:16px;padding:0 10px}.launch small{margin:0;font-size:9px;font-weight:600}.launch strong{font-size:23px}.launch .arrow{position:static;font-size:24px;margin-left:10px}.base-footer{margin-top:7px;justify-content:center}.base-footer>span{display:none}.base-nav{justify-content:space-around;width:100%;gap:7px}.nav-button{font-size:9px;gap:5px;padding:3px}.nav-button .art-icon{width:24px;height:24px}.modal-layer{padding:max(17px,env(safe-area-inset-top)) max(17px,env(safe-area-inset-right)) max(17px,env(safe-area-inset-bottom)) max(17px,env(safe-area-inset-left))}.modal{padding:17px 12px;max-height:calc(100dvh - 28px);border-width:16px;border-image-width:16px}.modal h1{font-size:26px}.modal-subtitle{font-size:11px;margin-bottom:17px}.choices-modal{border:0;padding:0;overflow:auto;max-height:calc(100dvh - 32px)}.choices{grid-template-columns:1fr;gap:8px}.choice{min-height:128px;display:grid;grid-template-columns:45px 1fr;gap:3px 15px;align-items:center;padding:19px 26px 19px 21px;background:none;border:13px solid transparent;border-image:url('assets/ui/card.png') 145 46 46 fill / 13px / 0 stretch;text-align:left}.choice-icon{position:static;width:40px;height:40px;grid-column:1;grid-row:1/4}.choice strong{font-size:15px;margin:0;grid-column:2}.choice p{font-size:10px;grid-column:2;margin:0;line-height:1.5}.choice small{font-size:8px;grid-column:2;margin:0;line-height:1.5}.choice-rank{font-size:9px;padding:0;grid-column:2;margin:4px 0 0}.choice-chest{width:65px;height:48px;margin-bottom:8px}.codex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.codex-entry{padding:12px 10px}.recipe-art{gap:4px;margin-bottom:8px}.recipe-art .art-icon{width:25px;height:25px}.codex-entry strong{font-size:12px}.codex-entry p{font-size:9px;line-height:1.6;margin-top:6px}.training-row{gap:8px;padding:14px 0}.training-icon{width:35px;height:35px}.training-copy strong{font-size:12px}.training-copy p{font-size:9px}.training-row button{font-size:10px;min-width:78px;padding:8px}.result-numbers{gap:8px;padding:16px 0;margin:17px 0}.result-numbers strong{font-size:24px}.result-detail{font-size:10px;margin:12px 0}.result-icon{width:55px;height:55px}.hud{padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.hud-top{gap:5px}.health-panel{width:148px;gap:3px;padding:5px 7px 5px 2px}.hud-portrait{width:33px;height:37px}.health-title{font-size:8px;gap:4px;margin-bottom:6px}.health-title strong{font-size:10px}.time-panel{min-width:79px;padding:8px 9px;font-size:8px}.time-panel strong{font-size:21px;margin-bottom:3px}.hud-tools{gap:4px}.hud-icon{padding:4px 6px;font-size:8px;min-width:44px}.hud-icon .art-icon{width:21px;height:21px}.pause-button{min-height:49px;min-width:44px;padding:5px 9px}.xp-bar{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));top:max(79px,calc(env(safe-area-inset-top) + 67px));font-size:9px}.boss-panel{top:max(107px,calc(env(safe-area-inset-top) + 95px));width:260px;left:calc(50% - 130px)}.equipment-hud{right:10px;bottom:max(15px,env(safe-area-inset-bottom));padding:7px 7px;max-width:235px}.equipment-row{gap:3px}.equipment-slot{width:30px;height:33px}.equipment-slot .art-icon{height:22px;width:24px}.equipment-slot>span{font-size:7px}.module-short{font-size:8px;height:19px}.evolution-note{font-size:8px;max-width:195px;margin-top:6px}.instruction{font-size:9px;max-width:114px;bottom:25px;left:14px}.mission-banner{font-size:10px;padding:12px;max-width:93%;white-space:normal;text-align:center}}
@media(max-height:650px) and (min-width:601px){.base-screen{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom))}.lobby-content{min-height:240px}.lobby-hero{min-height:220px}.hero-character{height:183.2px;width:190.4px}.lobby-intro h1{font-size:43px;margin-bottom:14px}.lobby-description{font-size:11px}.mission-badge{margin-top:15px}.profile-panel{padding:2px 8px}.profile-description{margin:10px 0}.profile-stats>div{min-height:25px}.profile-panel h2{font-size:25px}.profile-panel .mastery-note{font-size:9px;margin:9px 0}.profile-panel .inline-action{min-height:44px;font-size:10px}.portrait img{height:48px}.portrait small{display:none}.portrait span{font-size:10px}.launch strong{font-size:23px}.lobby-bottom{margin-top:0}.base-footer{margin-top:3px}.nav-button{min-height:44px}.choice{min-height:250px;padding-top:90px;padding-bottom:22px}.choice-icon{top:15px;width:52px;height:52px;left:calc(50% - 26px)}.choice strong{font-size:16px}.choice p{font-size:11px}.choice small{font-size:9px}.choice-rank{padding-top:13px}.choice-chest{width:60px;height:40px;margin-bottom:3px}.choices-modal .modal-subtitle{margin-bottom:12px}.choices-modal h1{font-size:25px;margin-bottom:8px}}

.operations-modal,.archive-modal{max-width:880px}.operation-label{text-align:left;font-size:11px;color:#e6d4a9;letter-spacing:.1em;margin:20px 0 10px}.operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}.operation-card,.operation-option{display:flex;flex-direction:column;align-items:center;background:rgba(15,50,48,.7);border:1px solid #528c77;border-radius:12px;padding:12px;min-width:0;min-height:95px}.operation-card[aria-pressed=true],.operation-option[aria-pressed=true]{border:2px solid #edcca0;background:#365d50}.operation-card img{width:100%;height:85px;object-fit:cover;border-radius:7px;margin-bottom:10px}.operation-card strong,.operation-option strong{font-size:13px}.operation-card p,.operation-option p{font-size:10px;line-height:1.6;color:#bad6bb;margin:7px 0}.operation-card:disabled,.operation-option:disabled{opacity:.5}.operation-option .art-icon{width:30px;height:30px;margin-bottom:7px}.operations-modal>.primary,.archive-modal>.primary{min-width:220px;margin-top:10px}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.archive-entry{border:1px solid #456e61;background:#163f3e77;border-radius:10px;padding:12px;text-align:left;display:flex;flex-direction:column}.archive-entry.complete{border-color:#d4bb82}.archive-entry img{width:32px;height:32px;margin-bottom:9px}.archive-entry strong{font-size:12px}.archive-entry p{font-size:10px;line-height:1.6;color:#bad6bb}.archive-entry small{font-size:9px;margin-top:auto;color:#e0c79a}.bestiary-row{display:flex;gap:15px;align-items:center;text-align:left;border-bottom:1px solid #416559;padding:12px 0}.bestiary-row strong{font-size:12px;min-width:100px}.bestiary-row p{font-size:10px;color:#bad6bb;line-height:1.6;margin:0}@media(max-width:600px){.base-nav{gap:2px}.nav-button{flex-direction:column;gap:2px;min-width:44px}.nav-button .art-icon{height:21px;width:21px}.operation-grid{gap:6px}.operation-card,.operation-option{padding:8px;min-height:105px}.operation-card img{height:60px}.operation-card strong,.operation-option strong{font-size:11px}.operation-card p,.operation-option p{font-size:9px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bestiary-row{gap:8px}.bestiary-row strong{min-width:85px;font-size:11px}.operations-modal,.archive-modal{max-height:calc(100dvh - 28px);overflow:auto}.operation-label{margin-top:16px}}

.choice-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px auto 0}.choice-actions button{padding:8px 13px;min-height:44px;font-size:11px}.banish-mode .choice{outline:2px solid var(--coral);outline-offset:2px}.powerup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.powerup-card{display:flex;flex-direction:column;gap:8px;text-align:left;padding:12px;background:#244a45;border:1px solid #629981;border-radius:10px}.powerup-card strong{font-size:13px}.powerup-card p{font-size:11px;line-height:1.6;color:#c0d9c5;margin:0}.powerup-card .art-icon{width:30px;height:30px}.powerup-card button{font-size:11px}.powerup-modal{max-width:870px}.powerup-toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:14px 0}.seal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.seal-option[aria-pressed=true]{outline:2px solid var(--coral)}@media(max-width:600px){.powerup-grid,.seal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}.mode-option{display:flex;gap:10px;text-align:left;background:#244a45;border:1px solid #527e6d;border-radius:10px;padding:12px;cursor:pointer;min-height:70px}.mode-option input{width:20px;height:20px;flex-shrink:0;accent-color:#edac87}.mode-option strong{font-size:12px}.mode-option p{font-size:10px;color:#bad6bb;line-height:1.6;margin:6px 0 0}@media(max-width:600px){.mode-options{grid-template-columns:1fr}}

.codex-search{width:100%;padding:12px 15px;min-height:44px;border:1px solid #7c9f91;border-radius:9px;background:#f5f0df;color:#21443d;margin:12px 0 18px}.codex-entry[hidden]{display:none}.recipe-art{flex-wrap:wrap}.merchant-offer{display:flex;align-items:center;gap:12px;width:100%;margin:10px 0;text-align:left}.merchant-offer img{width:42px;height:42px;object-fit:contain}.field-map{position:relative;aspect-ratio:4/3;background-size:100% 100%;border-radius:12px;overflow:hidden}.map-mark{position:absolute;width:28px;height:28px;object-fit:contain;transform:translate(-50%,-50%)}.map-player{position:absolute;color:#ed775a;font-size:22px;transform:translate(-50%,-50%);text-shadow:0 0 2px #fff}.archive-entry .art-icon{width:42px;height:42px;object-fit:contain}

.tactics-hud{display:flex;gap:6px;justify-content:center}.tactic-hud-icon{width:26px;height:26px;object-fit:contain}

.reward-ad{display:grid;grid-template-columns:34px minmax(0,1fr);gap:5px 10px;align-items:center;width:100%;max-width:430px;margin:14px auto;text-align:left;padding:12px 16px;white-space:normal}.reward-ad .art-icon{grid-row:span 2;width:32px;height:32px}.reward-ad strong{font-size:12px;line-height:1.6}.reward-ad small{font-size:10px;font-weight:400;line-height:1.6;color:#c3d9c7}.reward-ad:disabled{opacity:.65}.profile-panel .reward-ad{margin-bottom:0;grid-column:1 / -1}.result-modal>.primary,.result-modal>.secondary{display:block;margin:12px auto;width:100%;max-width:430px}

/* Keep long dialogs inside notched-screen safe areas, including flex minimum sizing. */
.modal-layer .modal{min-height:0;max-height:min(88dvh,calc(100dvh - max(34px,env(safe-area-inset-top)) - max(34px,env(safe-area-inset-bottom))))}

.dialog-back{position:sticky;top:0;z-index:2;display:block;margin:0 0 14px auto;min-height:44px;background:#245652;box-shadow:0 2px 8px #153d3d;font-size:12px}