@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Noto+Serif+KR:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0c1825;--panel:#142331;--panel2:#1a2c39;--line:#ffffff17;--gold:#e0c185;--gold2:#a98550;--text:#eef1ed;--muted:#9daeb8;--teal:#8ed4c8;--danger:#f0998e;font-family:'Noto Sans KR',sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:#07111c;color:var(--text);overscroll-behavior:none}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.38;cursor:default}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}button{color:inherit;border:0}button,.hero-card{transition:background .15s,transform .15s,border-color .15s}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}a{color:var(--teal)}.muted{color:var(--muted)}.small{font-size:11px}.gold{color:var(--gold)}.teal{color:var(--teal)}.serif{font-family:'Noto Serif KR',serif}.eyebrow{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:2.5px}.rune{font-size:40px;color:var(--gold)}.loading{height:100dvh;display:grid;place-content:center;text-align:center;gap:16px}.shell{height:100dvh;min-height:340px;max-height:1400px;display:grid;grid-template-rows:56px 1fr 66px;overflow:hidden;background:var(--bg)}.topbar{z-index:5;padding:0 max(24px,env(safe-area-inset-right));display:flex;align-items:center;gap:20px;background:#0b1724ed;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-weight:700;white-space:nowrap;background:none}.brand img{width:30px;height:30px}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:var(--gold);font-weight:400}.wallet{margin-left:auto;display:flex;align-items:center;gap:20px;font-variant-numeric:tabular-nums}.resource{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;white-space:nowrap}.resource span:first-child{font-size:19px;color:var(--gold)}.resource.stone span:first-child{color:#90c8e0}.resource.ticket span:first-child{color:var(--teal)}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#ffffff05;color:var(--muted);font-size:17px;display:inline-grid;place-content:center}.bottom-nav{background:#0b1724f5;border-top:1px solid var(--line);display:flex;justify-content:center;gap:4px;padding:4px 20px max(4px,env(safe-area-inset-bottom));z-index:5}.nav-item{width:min(140px,19%);display:flex;align-items:center;justify-content:center;gap:9px;background:none;color:#8d9ea8;border-top:2px solid transparent;font-size:12px}.nav-item .nav-icon{font-size:21px}.nav-item.active{color:var(--gold);border-color:var(--gold);background:linear-gradient(#d8b4730c,transparent)}.view{position:relative;overflow:auto;min-height:0}.home{height:100%;background:linear-gradient(90deg,#081321f0 0%,#0a17217c 38%,#0b172122 66%),linear-gradient(0deg,#091522 0%,transparent 40%),url('./assets/seoul-approved-bg.webp?v=20261028-panteon153-v17') center center/cover;display:flex;align-items:center;padding:30px 5.5%;gap:30px}.home-copy{z-index:1;width:43%;min-width:280px}.home h1{font-family:'Noto Serif KR',serif;font-size:clamp(32px,4.5vw,64px);font-weight:600;letter-spacing:-2px;line-height:1.35;margin:12px 0 16px;text-shadow:0 3px 24px #0008}.home h1 em{font-style:normal;color:var(--gold)}.home-copy>p{font-size:12px;line-height:1.9;color:#bdc7cb;max-width:310px}.home-actions{display:flex;gap:10px;margin-top:24px}.btn{padding:12px 19px;min-height:44px;border:1px solid var(--line);background:#21323f;color:var(--text);border-radius:5px;font-size:12px;font-weight:600}.btn.primary{background:linear-gradient(135deg,#ead39e,#c6a15f);border:1px solid #e8ce9c;color:#30251a;box-shadow:0 3px 18px #d7b06b19}.btn.secondary{background:#102433a6;border-color:#94b7bf55}.btn.danger{border-color:#e18e7e66;background:#693d3a44;color:#f6b1a7}.btn.ghost{background:transparent;border-color:var(--line)}.btn.wide{width:100%}.btn.compact{padding:8px 12px;min-height:38px}.resume{margin-top:12px;display:block;background:#152f3f;border:1px solid #78c4c65c;color:var(--teal)}.home-stats{display:flex;gap:25px;margin-top:28px;color:var(--muted);font-size:10px}.home-stats strong{display:block;color:#eef1eb;font-size:17px;margin-bottom:4px;font-weight:600}.tower-marker{position:absolute;left:65%;top:16%;text-align:center;text-shadow:0 2px 10px #000}.tower-marker .marker-line{height:38px;width:1px;margin:auto;background:linear-gradient(var(--gold),transparent)}.tower-marker span{display:block;letter-spacing:3px;font-size:10px;color:#d2e5e8}.tower-marker strong{font-family:'Noto Serif KR',serif;font-size:18px;display:block;margin-top:5px}.home-mission{position:absolute;right:4%;bottom:25px;width:270px;padding:18px;background:linear-gradient(135deg,#142a38ed,#101d2aec);border:1px solid #d3bb8655;border-radius:7px;backdrop-filter:blur(12px)}.mission-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mission-row strong{font-size:18px}.mission-row span{font-size:10px;color:var(--teal)}.home-mission p{font-size:11px;color:var(--muted);margin:8px 0 15px;line-height:1.8}.content-page{max-width:1500px;margin:auto;padding:25px 35px;height:100%;display:flex;flex-direction:column;gap:18px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.page-heading h2{font-family:'Noto Serif KR',serif;font-size:26px;font-weight:600;margin:4px 0 7px}.page-heading p{font-size:11px;color:var(--muted);line-height:1.8}.panel{background:linear-gradient(145deg,#192b38,#12212d);border:1px solid var(--line);border-radius:7px}.collection-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;min-height:0;flex:1}.collection-main{min-height:0;overflow:auto;padding-right:5px}.deck-bar{padding:12px 14px;margin-bottom:15px;display:flex;align-items:center;gap:12px}.deck-bar-title{min-width:85px;font-size:12px}.deck-slots{display:flex;gap:5px;flex:1;min-width:0}.deck-slot{min-width:0;width:12.5%;background:#0b1925;border:1px solid #c9b57b33;border-radius:3px;text-align:center;position:relative}.deck-slot canvas{width:100%;max-height:44px;display:block}.deck-slot span{display:block;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:5px}.collection-tools{display:flex;gap:8px;margin-bottom:12px;align-items:center}.tab{min-height:36px;padding:6px 14px;background:#ffffff05;border:1px solid var(--line);border-radius:4px;font-size:11px;color:var(--muted)}.tab.active{color:var(--gold);border-color:#d8bd7855;background:#dbc17e0b}select{background:#182b39;color:var(--muted);border:1px solid var(--line);padding:7px;border-radius:4px;font-size:11px}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.hero-card{position:relative;text-align:left;overflow:hidden;min-height:142px;border:1px solid #ffffff18;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--element) 18%,transparent),transparent 70%),#152431;border-radius:5px;padding:9px 10px;isolation:isolate}.hero-card.selected{border-color:var(--gold);box-shadow:0 0 0 1px #ddbf7c44}.hero-card.locked{opacity:.45}.hero-card:hover{background-color:#213443}.card-top{display:flex;justify-content:space-between;font-size:10px;align-items:center}.grade{font-size:10px;font-weight:900;color:var(--grade);letter-spacing:1px}.type-badge{color:var(--element);font-size:14px}.hero-card canvas{width:100%;height:76px;display:block;image-rendering:pixelated;position:relative;z-index:-1}.card-name{font-size:12px;font-weight:600;display:block}.card-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:5px}.plus{color:var(--gold)}.card-equipped{position:absolute;right:7px;bottom:27px;font-size:8px;padding:2px 4px;background:#36534e;color:#bee7d4;border-radius:2px}.hero-detail{overflow:auto;padding:18px;text-align:center;min-height:0}.hero-detail .detail-art{height:125px;width:160px;max-width:100%;display:block;margin:auto;image-rendering:pixelated;filter:drop-shadow(0 5px 12px var(--element))}.hero-detail h3{font-size:20px;font-family:'Noto Serif KR',serif;margin-bottom:5px}.hero-detail .detail-sub{font-size:10px;color:var(--muted);margin:5px 0 15px}.detail-stats{display:flex;justify-content:space-around;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin:12px 0}.detail-stats span{font-size:9px;color:var(--muted)}.detail-stats strong{font-size:16px;display:block;color:var(--text)}.skill-info{text-align:left;font-size:11px;line-height:1.8;margin:12px 0}.skill-info strong{color:var(--gold);display:block;margin-bottom:3px}.hero-detail .btn{margin-top:7px}.detail-copy{font-size:10px;color:var(--muted);line-height:1.7;text-align:left;margin:10px 0}.stars{color:var(--gold);letter-spacing:2px}.summon-page{position:relative;background:radial-gradient(ellipse at 50% 40%,#243e51,transparent 65%),linear-gradient(#0e1c2bd9,#0e1c2bf9),url('./assets/seoul-approved-bg.webp?v=20261028-panteon153-v17') center/cover;text-align:center;align-items:center;justify-content:center;gap:15px}.summon-circle{width:210px;height:210px;position:relative;display:grid;place-content:center;border:1px solid #d9c38b66;border-radius:50%;box-shadow:0 0 60px #8bc4d21b,inset 0 0 60px #8bc4d211}.summon-circle:before,.summon-circle:after{content:'';position:absolute;inset:16px;border:1px solid #d9c38b44;transform:rotate(45deg)}.summon-circle:after{inset:42px;border-color:#9adce45e;transform:rotate(15deg)}.summon-circle span{font-family:'Noto Serif KR',serif;font-size:76px;color:var(--gold);text-shadow:0 0 40px #81d5df}.summon-controls{display:flex;gap:12px}.probabilities{font-size:10px;color:var(--muted);line-height:1.9}.pull-results{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;max-width:700px;width:100%;animation:reveal .5s}.pull-results .hero-card{cursor:default}.pull-results.single{max-width:160px;grid-template-columns:1fr}.summon-page.revealed .summon-circle{display:none}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;overflow:auto}.shop-card{padding:18px;display:flex;align-items:center;gap:15px}.item-icon{width:55px;height:65px;display:grid;place-content:center;font-size:35px;color:var(--item);background:radial-gradient(color-mix(in srgb,var(--item) 18%,transparent),transparent 70%);flex-shrink:0}.shop-card h3{font-size:13px;margin-bottom:7px}.shop-card p{font-size:10px;color:var(--muted);line-height:1.8;margin-bottom:12px}.owned{font-size:9px;color:var(--teal);margin-left:6px}.floor-layout{display:grid;grid-template-columns:1fr 330px;gap:25px;min-height:0;flex:1}.floor-list{overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);align-content:start;gap:12px}.floor-card{padding:17px;text-align:left;background:linear-gradient(130deg,#213642,#13222f);border:1px solid var(--line);border-radius:6px;min-height:100px}.floor-card.active{border-color:var(--gold)}.floor-card h3{font-size:15px;margin:5px 0}.floor-card span{font-size:10px;color:var(--muted)}.floor-card .floor-num{font-size:22px;color:var(--gold);font-family:'Noto Serif KR',serif}.floor-preview{padding:24px;overflow:auto}.floor-preview h3{font-family:'Noto Serif KR',serif;font-size:23px;margin:10px 0 15px}.floor-preview p{font-size:11px;line-height:1.9;color:var(--muted)}.floor-preview .btn{margin-top:15px}.enemy-tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.chip{padding:5px 8px;border:1px solid var(--line);border-radius:3px;font-size:10px;color:var(--element,var(--muted))}.floor-reward{padding:14px 0;margin-top:15px;border-top:1px solid var(--line);color:var(--gold);font-size:14px}.battle-shell{height:100dvh;min-height:320px;display:grid;grid-template-rows:47px 1fr 72px;background:#0b1823;overflow:hidden}.battle-top{display:flex;gap:12px;align-items:center;padding:0 max(14px,env(safe-area-inset-right));border-bottom:1px solid var(--line);background:#0a1724}.battle-title{font-size:12px;margin-right:8px;white-space:nowrap}.wave-label{font-size:12px;font-weight:700;color:var(--gold);white-space:nowrap}.core-bar{flex:1;max-width:240px;height:6px;background:#273641;border-radius:4px;position:relative;margin:0 30px 0 10px}.core-bar i{display:block;height:100%;background:linear-gradient(90deg,#68b4a2,#a8d3ac);border-radius:4px;transition:width .25s}.core-bar span{position:absolute;top:-7px;right:-38px;font-size:10px;color:var(--teal)}.battle-top .spacer{flex:1}.battle-body{display:grid;grid-template-columns:minmax(0,1fr) 210px;min-height:0}.battle-field{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse at center,#263d40,#0e1b26 85%)}#battle-canvas{width:100%;height:100%;display:block;touch-action:none}.map-caption{position:absolute;left:17px;top:13px;font-size:9px;letter-spacing:2px;color:#c6d2cc6b;pointer-events:none}.battle-guide{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#c1d3cb;font-size:10px;pointer-events:none}.battle-side{border-left:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:11px;background:#10212e;overflow:auto}.battle-side-title{font-size:10px;letter-spacing:1px;color:var(--gold)}.battle-count{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.battle-count strong{color:#e6eae6}.battle-side .btn{min-height:43px}.battle-log{font-size:9px;color:var(--muted);line-height:1.9;overflow:hidden;max-height:84px}.battle-log div:first-child{color:var(--gold)}.battle-side hr{border:0;border-top:1px solid var(--line);margin:0}.battle-unit{padding:8px;background:#ffffff05;border:1px solid var(--line);border-radius:4px;font-size:10px;line-height:1.8}.unit-actions{display:flex;gap:5px;margin-top:6px}.unit-actions .btn{font-size:9px;padding:7px;min-height:33px;flex:1}.battle-bottom{padding:8px 16px max(8px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;background:#0a1724;border-top:1px solid var(--line)}.potion-tray{display:flex;gap:7px}.potion{position:relative;min-width:48px;min-height:45px;padding:5px 8px;background:#1c2e3b;border:1px solid #ffffff17;border-radius:5px;color:var(--item)}.potion strong{font-size:20px;display:block}.potion small{font-size:8px;color:var(--muted)}.potion b{position:absolute;top:-4px;right:-3px;border-radius:20px;padding:1px 5px;background:#35505b;color:#dae4df;font-size:8px}.global-btn{margin-left:auto;min-width:170px;background:linear-gradient(110deg,#273944,#1b2b38);border:1px solid #5d727c;padding:8px 16px;border-radius:5px;color:#9caeb6;font-size:11px;min-height:45px}.global-btn.ready{background:linear-gradient(110deg,#a48550,#5e583e);border-color:var(--gold);color:#fff0c7;box-shadow:0 0 20px #d9bb7540}.global-btn small{display:block;font-size:9px;margin-top:3px;opacity:.8}.battle-synergies{display:flex;gap:4px;flex-wrap:wrap}.battle-synergies .chip{font-size:8px;padding:3px 5px}.draft-overlay{position:absolute;inset:0;background:#071421d9;display:flex;align-items:center;justify-content:center;z-index:3;backdrop-filter:blur(4px)}.draft-box{text-align:center;width:min(530px,90%)}.draft-box h3{font-family:'Noto Serif KR',serif;font-size:21px;margin-bottom:6px}.draft-box>p{font-size:10px;color:var(--muted);margin-bottom:17px}.draft-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.draft-cards .hero-card{min-height:160px}.draft-cards .hero-card canvas{height:95px}.battle-prep{position:absolute;top:12%;left:50%;transform:translateX(-50%);font-size:10px;color:var(--gold);letter-spacing:2px;pointer-events:none}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#030b13bd;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(680px,94vw);max-height:90dvh;overflow:auto;background:linear-gradient(145deg,#1b303f,#0f202e);border:1px solid #bda56d66;border-radius:8px;padding:25px;box-shadow:0 18px 80px #0008}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal h2{font-family:'Noto Serif KR',serif;font-size:22px;font-weight:600}.modal h3{font-size:13px;color:var(--gold);margin:18px 0 8px}.modal p,.modal li{font-size:12px;line-height:1.9;color:#becbd0}.modal ul{padding-left:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal table{border-collapse:collapse;font-size:10px;width:100%;margin-top:10px}.modal td,.modal th{padding:7px 6px;border:1px solid var(--line);text-align:center}.modal th{color:var(--gold);background:#ffffff05}.match-strong{background:#b89a482e;color:#f2d48a}.match-weak{color:#7f9fac;background:#082034}.result{text-align:center;padding:25px}.result .result-rune{font-size:45px;color:var(--gold)}.result h2{font-size:30px;margin:8px 0 15px}.result-stats{display:flex;justify-content:center;gap:35px;margin:22px 0}.result-stats strong{font-size:23px;display:block;color:var(--text)}.result-stats span{font-size:11px;color:var(--muted)}.settings-row{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.settings-note{border-left:2px solid var(--gold2);padding-left:12px;margin:14px 0}.orientation-note{display:none}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%) translateY(12px);background:#26414ef2;color:#f1ead8;border:1px solid #e0c18555;border-radius:5px;padding:12px 20px;z-index:40;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:88vw;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.empty{padding:30px;text-align:center;color:var(--muted);font-size:12px}.badge{font-size:9px;border:1px solid #e1bd6d44;padding:3px 6px;color:var(--gold);border-radius:3px}.row{display:flex;gap:8px;align-items:center}.space-between{justify-content:space-between}.result-claim{margin-top:18px}.fullscreen{display:none}@keyframes reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(min-width:1400px){.content-page{padding:32px 45px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.hero-card{min-height:170px}.hero-card canvas{height:100px}.collection-layout{grid-template-columns:1fr 300px}.battle-body{grid-template-columns:1fr 250px}.battle-side{padding:20px}}@media(max-height:550px) and (orientation:landscape){:root{font-size:12px}.shell{grid-template-rows:43px 1fr 49px}.topbar{padding:0 max(14px,env(safe-area-inset-right));gap:10px}.brand{font-size:11px}.brand img{width:25px;height:25px}.brand small{font-size:6px}.wallet{gap:13px}.resource{font-size:11px;gap:5px}.resource span:first-child{font-size:15px}.icon-btn{width:31px;height:31px;font-size:14px}.bottom-nav{padding-top:0}.nav-item{font-size:10px}.nav-item .nav-icon{font-size:17px}.home{padding:14px 5%}.home-copy{min-width:240px;width:45%}.home .eyebrow{font-size:8px}.home h1{font-size:32px;margin:8px 0 10px}.home-copy>p{font-size:10px;line-height:1.7}.home-actions{margin-top:14px;gap:7px}.home-actions .btn{padding:9px 15px;min-height:40px;font-size:10px}.home-stats{margin-top:15px;gap:20px;font-size:8px}.home-stats strong{font-size:14px}.home-mission{width:220px;bottom:15px;padding:13px}.home-mission p{margin:5px 0 10px;font-size:9px}.mission-row{margin-bottom:5px}.mission-row strong{font-size:15px}.home-mission .btn{min-height:38px;padding:8px;font-size:10px}.tower-marker{top:11%}.tower-marker strong{font-size:14px}.tower-marker span{font-size:8px}.tower-marker .marker-line{height:22px}.content-page{padding:13px 20px;gap:11px}.page-heading h2{font-size:20px;margin:0 0 4px}.page-heading p{font-size:9px}.page-heading .eyebrow{display:none}.btn{font-size:10px;min-height:38px;padding:9px 13px}.collection-layout{grid-template-columns:1fr 205px;gap:12px}.deck-bar{padding:7px 8px;margin-bottom:9px;gap:7px}.deck-bar-title{min-width:60px;font-size:10px}.deck-slot canvas{max-height:30px}.deck-slot span{font-size:7px;padding-bottom:3px}.collection-tools{margin-bottom:8px}.hero-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}.hero-card{min-height:121px;padding:7px}.hero-card canvas{height:60px}.card-name{font-size:10px}.card-footer{font-size:8px}.card-top{font-size:9px}.hero-detail{padding:10px}.hero-detail .detail-art{height:85px}.hero-detail h3{font-size:16px}.hero-detail .detail-sub{margin-bottom:8px;font-size:9px}.detail-stats{margin:7px 0;padding:7px 0}.detail-stats strong{font-size:13px}.skill-info{font-size:9px;margin:8px 0}.detail-copy{font-size:9px;margin:7px 0}.hero-detail .btn{padding:8px;min-height:35px;font-size:9px}.summon-circle{width:130px;height:130px}.summon-circle span{font-size:48px}.summon-circle:before{inset:10px}.summon-circle:after{inset:28px}.summon-page{gap:10px}.summon-page .page-heading h2{font-size:22px}.summon-page .hero-card{min-height:113px}.summon-page .hero-card canvas{height:50px}.probabilities{font-size:9px}.pull-results{gap:7px;max-width:600px}.shop-grid{gap:9px}.shop-card{padding:11px;gap:9px}.shop-card h3{font-size:11px}.shop-card p{font-size:9px;margin-bottom:7px}.item-icon{width:40px;height:45px;font-size:26px}.floor-layout{grid-template-columns:1fr 255px;gap:14px}.floor-preview{padding:15px}.floor-preview h3{font-size:19px;margin:5px 0 10px}.floor-preview p{font-size:10px}.floor-card{min-height:80px;padding:11px}.floor-card .floor-num{font-size:17px}.floor-card h3{font-size:12px}.enemy-tags{margin:10px 0;gap:4px}.chip{font-size:9px;padding:4px 6px}.floor-reward{padding:9px 0;margin-top:8px;font-size:12px}.battle-shell{grid-template-rows:39px 1fr 58px}.battle-body{grid-template-columns:1fr 172px}.battle-top{gap:8px;padding:0 max(10px,env(safe-area-inset-right))}.battle-title{font-size:10px}.wave-label{font-size:11px}.core-bar{max-width:150px;margin-left:0}.battle-side{padding:9px;gap:7px}.battle-side .btn{min-height:36px;padding:8px;font-size:10px}.battle-unit{padding:6px;font-size:9px}.battle-log{font-size:8px;max-height:43px}.battle-side-title{font-size:9px}.battle-bottom{padding:5px max(12px,env(safe-area-inset-right));gap:7px}.potion-tray{gap:5px}.potion{min-width:43px;min-height:40px;padding:3px 6px}.potion strong{font-size:17px}.global-btn{min-width:145px;min-height:40px;padding:5px 10px;font-size:10px}.map-caption{font-size:8px;top:8px;left:12px}.battle-guide{font-size:9px;bottom:4px}.draft-box h3{font-size:17px}.draft-box>p{margin-bottom:9px;font-size:9px}.draft-cards .hero-card{min-height:133px}.draft-cards .hero-card canvas{height:65px}.draft-cards{gap:9px}.modal{padding:18px;max-height:94dvh}.modal h2{font-size:19px}.modal p,.modal li{font-size:11px}.modal td,.modal th{padding:5px;font-size:9px}.modal-header{margin-bottom:10px}.result{padding:8px}.result .result-rune{font-size:30px}.result h2{font-size:25px;margin:4px 0 10px}.result-stats{margin:15px 0}.fullscreen{display:inline-grid}#toast{bottom:65px;padding:9px 16px;font-size:11px}.resume{font-size:9px;padding:7px;min-height:30px}}@media(orientation:portrait){.shell{height:100dvh;grid-template-rows:52px 1fr 65px}.topbar{padding:0 10px;gap:7px}.brand{font-size:10px}.brand small{font-size:6px}.wallet{gap:8px}.resource{font-size:10px;gap:3px}.resource span:first-child{font-size:13px}.topbar .icon-btn{width:30px;height:30px}.home{display:block;padding:40px 25px;background-position:65% center}.home-copy{width:100%;min-width:0}.home-copy>p{max-width:240px}.home h1{font-size:38px}.home-mission{right:20px;left:20px;bottom:20px;width:auto}.tower-marker{display:none}.home-stats{display:none}.orientation-note{display:block;font-size:10px;color:var(--gold);margin-top:13px}.nav-item{flex-direction:column;gap:3px;font-size:9px}.content-page{padding:18px 14px}.page-heading h2{font-size:22px}.collection-layout{grid-template-columns:1fr}.hero-detail{display:none}.collection-main{overflow:auto}.hero-grid{grid-template-columns:repeat(3,1fr)}.deck-bar-title{min-width:50px;font-size:10px}.deck-slot span{display:none}.collection-tools{flex-wrap:wrap}.shop-grid{grid-template-columns:1fr}.floor-layout{grid-template-columns:1fr;overflow:auto}.floor-list{overflow:visible}.floor-preview{overflow:visible}.pull-results{grid-template-columns:repeat(2,1fr);overflow:auto;max-height:55vh}.summon-circle{width:170px;height:170px}.summon-controls{flex-direction:column;width:100%;max-width:280px}.battle-shell{height:100dvh;grid-template-rows:43px 1fr 105px}.battle-body{grid-template-columns:1fr;grid-template-rows:1fr 125px}.battle-side{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:5px 10px}.battle-side-title,.battle-log,.battle-side hr{display:none}.battle-unit{grid-row:span 3}.battle-bottom{flex-wrap:wrap;gap:5px;padding:7px}.potion-tray{gap:5px}.potion{min-width:42px}.global-btn{min-width:120px;margin-left:0;flex:1}.battle-title{font-size:9px}.battle-top{gap:6px}.battle-top .spacer{display:none}.core-bar{max-width:90px}.battle-count{font-size:9px}.modal-backdrop{padding:10px}.modal{padding:15px;width:100%}.modal td,.modal th{font-size:8px;padding:5px 3px}}
