:root{--ink:#26372b;--muted:#78866f;--paper:#fffaf0;--green:#3f7444;--deep:#263f2a;--gold:#efc879;--blue:#499ddd;--purple:#9b62d0;--red:#d75556;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{background:#e5ead8;background-image:radial-gradient(ellipse at 15% 5%,#fffbea,transparent 55%),radial-gradient(ellipse at 90% 95%,#bdcfac,transparent 55%)}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible{outline:3px solid #efc15b;outline-offset:2px}svg{display:block}h1,h2,p{margin:0}[hidden]{display:none!important}
.app-shell{width:100%;height:100vh;height:100dvh;padding:12px;display:grid;place-items:center;overflow:hidden}
.game-screen{width:min(100%,520px);height:100%;max-height:920px;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;border:2px solid #435b3c;border-radius:25px;background:#f2f0d9;box-shadow:0 12px 38px #233b292a,0 0 0 6px #fffcf070;overflow:hidden;isolation:isolate}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px 8px;min-width:0;background:linear-gradient(180deg,#fbf8e8,#f0f0d6)}.brand{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--deep);box-shadow:0 2px 0 #a8b89a;transform:rotate(-4deg)}.brand-mark svg{width:27px;height:27px;fill:#edce87}.brand-mark svg path+path{fill:var(--deep)}.brand h1{font-size:18px;line-height:1.2;letter-spacing:1px;font-weight:850;white-space:nowrap}.brand p{font-size:8px;letter-spacing:1px;font-weight:600;color:#869075;margin-top:3px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.quiet-button,.icon-button{height:29px;border:1px solid #cbd4b8;border-radius:8px;background:#ffffffa6;flex-shrink:0}.quiet-button{padding:0 8px;font-size:10px;font-weight:650}.icon-button{width:29px;display:grid;place-items:center;padding:0}.icon-button svg{width:16px;height:16px}
.stage-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 12px 7px;min-width:0}.level-tabs{display:flex;gap:4px;min-width:0}.level-tabs button{border:0;border-radius:8px;padding:7px 11px;background:#dbe3c8;font-size:11px;font-weight:750;white-space:nowrap}.level-tabs button small{font-size:8px;margin-left:4px;color:#7d8870;font-weight:500}.level-tabs button.active{background:var(--deep);color:#fff5d1;box-shadow:0 2px 0 #132b1c}.level-tabs button.active small{color:#c8d6b4}.battle-controls{display:flex;gap:4px;flex-shrink:0}.battle-controls button{display:grid;place-items:center;padding:0;width:30px;height:29px;border:1px solid #c6d1b2;border-radius:8px;background:#fafbed;font-size:11px;font-weight:750}.battle-controls svg{width:14px;height:14px}
.battle-hud{display:grid;grid-template-columns:1.38fr .72fr .8fr 1.08fr;gap:1px;border-top:1px solid #cbd4b9;border-bottom:1px solid #b5c5a7;background:#d9dfc7}.hud-item{min-width:0;position:relative;padding:7px 10px 9px;background:#fbf9e8;overflow:hidden}.hud-label{display:block;margin-bottom:3px;color:#838b73;font-size:8px;line-height:1;font-weight:650;white-space:nowrap}.hud-item strong{display:block;font-size:17px;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.hud-item strong small{font-size:10px;color:#8c957b;font-weight:500}.castle-hud strong{font-size:14px}.castle-hud strong small{font-size:9px}.leader-hud strong{font-size:11px;padding-top:3px}.gold-hud strong{color:#ad7c2a}.base-health-track{position:absolute;left:10px;right:10px;bottom:3px;height:3px;overflow:hidden;border-radius:3px;background:#d8dfc7}.base-health-track i{display:block;width:100%;height:100%;background:var(--green);transition:width .15s}
.battle-viewport{position:relative;width:100%;min-width:0;min-height:0;overflow:hidden;background:#8dae78;isolation:isolate}.battle-viewport canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:default}.wave-status{position:absolute;left:10px;top:9px;padding:5px 8px;border-radius:7px;color:#f0f5d9;background:#284b32de;box-shadow:0 2px 0 #1635282a;font-size:9px;pointer-events:none;max-width:70%;white-space:nowrap}.state-layer{position:absolute;inset:0;display:grid;place-items:center;padding:12px;pointer-events:none}.state-panel{pointer-events:none;width:min(300px,88%);text-align:center;padding:21px 20px 19px;border:2px solid #dfc379;border-radius:18px;background:#fffbeeef;box-shadow:0 6px 0 #223e272b,0 14px 40px #18342630;backdrop-filter:blur(5px)}.state-panel button{pointer-events:auto}.state-kicker{font-size:9px;letter-spacing:2px;color:#92864d;font-weight:750;text-transform:uppercase}.state-panel h2{margin:7px 0 9px;font-size:25px;letter-spacing:1px;line-height:1.3;font-weight:850}.state-panel p{margin-bottom:15px;color:#748065;font-size:11px;line-height:1.8}.primary-button{border:1px solid #315d35;border-radius:9px;padding:10px 20px;background:var(--green);color:#fff6d7;box-shadow:0 3px 0 #28492e;font-size:12px;font-weight:750}.primary-button:active{transform:translateY(2px);box-shadow:0 1px 0 #28492e}.state-panel .secondary-state{display:block;margin:11px auto 0;border:0;background:none;font-size:10px;color:#818c70}.victory-panel{background:#fff8deef}.defeat-panel{border-color:#d5947c}.state-layer.compact-layer{align-items:end;justify-items:end;padding:10px}.state-panel.state-compact{display:flex;align-items:center;gap:10px;width:auto;max-width:95%;padding:9px 11px;border-radius:11px;box-shadow:0 3px 0 #223e272b}.state-compact strong{font-size:11px;white-space:nowrap}.state-compact .primary-button{padding:8px 12px;font-size:10px}.unit-inspector{position:absolute;left:9px;bottom:9px;max-width:205px;padding:7px 9px;border:1px solid #d2d9b8;border-radius:8px;background:#fffbe9ee;font-size:9px;line-height:1.7;pointer-events:none}.unit-inspector b{font-size:10px}.battle-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:8;background:#a7be7a;color:#2d4c32;font-size:12px}
.command-deck{display:grid;grid-template-rows:auto auto;gap:8px;padding:9px 10px max(10px,env(safe-area-inset-bottom));min-width:0;min-height:0;background:linear-gradient(180deg,#eeeed4,#fbf6e4);border-top:2px solid #c5d2b5;box-shadow:0 -3px 9px #3b633017}.army-panel{min-width:0;min-height:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px}.panel-heading h2{font-size:11px;font-weight:800;white-space:nowrap}.panel-heading h2 span{display:inline-block;padding:1px 5px;margin-left:3px;background:#dbe4c5;color:#5f7853;border-radius:5px;font-size:9px;font-weight:650}.panel-heading p{margin-left:auto;font-size:9px;color:#8b947a;white-space:nowrap}.hero-scroll-controls{display:flex;gap:3px;flex-shrink:0}.hero-scroll-controls button{display:grid;place-items:center;width:22px;height:20px;padding:0 0 2px;border:1px solid #c4cfb0;border-radius:6px;background:#fffdf0;color:#627750;font-size:21px;line-height:1}
.hero-cards{display:grid;grid-template-rows:repeat(2,64px);grid-auto-flow:column;grid-auto-columns:60px;gap:6px;height:137px;width:100%;min-width:0;padding:2px 2px 3px;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b1c297 transparent}.hero-cards::-webkit-scrollbar{height:3px}.hero-cards::-webkit-scrollbar-thumb{border-radius:3px;background:#b1c297}.empty-army{grid-row:1/-1;grid-column:1/-1;width:max(260px,calc(100vw - 32px));max-width:492px;display:grid;place-items:center;min-height:126px;padding:10px;border:1px dashed #c4d0ad;border-radius:9px;background:#f8f9e97a;color:#93a17d;text-align:center;font-size:10px}.hero-card{position:relative;width:60px;height:64px;min-width:0;padding:3px 3px 4px;border:1.5px solid #bfceb4;border-bottom-width:3px;border-radius:8px;background:#f4f6e9;text-align:center;user-select:none;touch-action:none;cursor:grab;transition:box-shadow .12s,transform .12s}.hero-card img{display:block;width:29px;height:29px;margin:0 auto 1px;object-fit:contain;filter:drop-shadow(0 1px 0 #223d291f);pointer-events:none}.hero-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:11px;font-weight:750;pointer-events:none}.card-stars{height:10px;font-size:8px;line-height:10px;letter-spacing:.6px;color:#b9923c;pointer-events:none}.card-health{height:2px;margin:2px 5px 0;border-radius:2px;overflow:hidden;background:#dce4cf;pointer-events:none}.card-health i{display:block;height:100%;background:#76a75f}.hero-card.quality-blue{border-color:#5b9eca;background:#eff7f3}.hero-card.quality-purple{border-color:#ab7ac9;background:#f7f0f8}.hero-card.quality-red{border-color:#d1796d;background:#fcf0e9}.hero-card.selected{box-shadow:0 0 0 2px #dfbb5b}.hero-card.merge-target{transform:translateY(-1px);box-shadow:0 0 0 2px #83b35f;background:#eef6d8}.hero-card.merge-invalid{box-shadow:0 0 0 2px #d29b83}.hero-card.drag-source{opacity:.4}.drag-ghost{position:fixed;z-index:200;width:60px;height:64px;pointer-events:none!important;margin:0!important;transform:rotate(5deg);opacity:.94;box-shadow:0 7px 18px #102b2740}.drag-ghost *{pointer-events:none}
.summon-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-width:0}.summon-button{display:flex;align-items:center;gap:7px;min-width:0;height:53px;padding:7px 8px;border:1.5px solid #586846;border-radius:11px;box-shadow:0 3px 0 #b2bc8e;text-align:left;transition:filter .12s,transform .12s}.summon-button:hover:not(:disabled){filter:brightness(1.035)}.summon-button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #b2bc8e}.hero-summon{background:#f1d388}.building-summon{background:#d3e0af}.button-symbol{display:grid;place-items:center;width:25px;height:28px;flex-shrink:0;color:#4a6034}.button-symbol svg{width:24px;height:24px}.summon-button b{display:block;font-size:12px;font-weight:850;white-space:nowrap}.summon-button small{display:block;margin-top:3px;font-size:8px;color:#7d845e;white-space:nowrap}.cost-tag{margin-left:auto;min-width:31px;padding:6px 4px;border:1px solid #b1b2829c;border-radius:7px;background:#fff9dea6;font-size:14px;line-height:1;font-weight:800;white-space:nowrap;text-align:center}.cost-tag:before{content:"";display:inline-block;width:7px;height:7px;margin-right:3px;border:1px solid #ad8133;border-radius:50%;background:#dbb457}
.toast{position:fixed;left:50%;bottom:max(220px,calc(env(safe-area-inset-bottom) + 220px));z-index:250;max-width:min(420px,90vw);padding:9px 15px;border-radius:10px;background:#29472feb;color:#fff6d9;box-shadow:0 4px 14px #28422130;opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:opacity .2s,transform .2s;font-size:11px;text-align:center;line-height:1.5}.toast.show{opacity:1;transform:translate(-50%,0)}
dialog{width:calc(100% - 28px);max-width:460px;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);margin:auto;padding:23px;border:1px solid #d5bd83;border-radius:20px;background:#fffaf0;color:var(--ink);box-shadow:0 14px 70px #173d2940;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}dialog::backdrop{background:#182f29b0;backdrop-filter:blur(4px)}.eyebrow{display:block;margin-bottom:8px;font-size:9px;font-weight:750;letter-spacing:2px;color:#a48a50}dialog>h2{margin:0 24px 17px 0;font-size:19px;line-height:1.5;font-weight:800}.dialog-close{position:absolute;top:10px;right:13px;width:28px;height:28px;padding:0;border:0;background:none;color:#849173;font-size:26px;line-height:1}.dialog-done{display:block;width:100%;margin-top:18px}dialog ol{margin:0 0 20px;padding-left:20px;color:#6c785e;font-size:12px;line-height:1.85}dialog li{margin-bottom:9px;padding-left:2px}dialog b{color:#344d35}
.roster-panel,.tower-panel,.battle-log-panel{padding:13px;margin-bottom:12px;border:1px solid #d4ddc1;border-radius:12px;background:#fffdf1}.roster-panel .panel-heading,.tower-panel .panel-heading,.battle-log-panel .panel-heading{margin-bottom:10px}.small-note{color:#919a7d;font-size:9px;white-space:nowrap}.quality-legend{display:flex;gap:6px;margin-bottom:11px}.quality-legend span{padding:5px 9px;border-radius:5px;background:#f0f3e5;font-size:9px;font-weight:700}.quality-blue{color:var(--blue)}.quality-purple{color:var(--purple)}.quality-red{color:var(--red)}.roster-class-row{display:grid;grid-template-columns:25px repeat(3,minmax(0,1fr));align-items:center;gap:6px;margin-bottom:8px}.roster-class-label{writing-mode:vertical-rl;color:#7d8c6d;font-size:10px;letter-spacing:2px}.roster-entry{min-width:0;padding:6px 2px;border:1px solid #dde5cd;border-radius:8px;background:#f4f6e9;text-align:center}.roster-entry img{display:block;width:40px;height:40px;margin:0 auto 3px;object-fit:contain}.roster-entry span{display:block;font-size:10px;font-weight:650;white-space:nowrap}.roster-entry.quality-blue{background:#eff6f6;border-color:#c1dbe0}.roster-entry.quality-purple{background:#f7eff9;border-color:#d5badd}.roster-entry.quality-red{background:#fff1e9;border-color:#e8c0ae}.merge-note{padding-top:11px;margin-top:11px;border-top:1px solid #dfe5ce}.merge-note b{color:#897241;font-size:10px}.merge-note p{margin-top:5px;color:#8b9679;font-size:10px;line-height:1.8}.tower-entry{display:flex;align-items:center;gap:9px;margin-bottom:10px}.tower-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf1db}.tower-symbol svg{width:22px;height:22px}.tower-entry b{display:block;font-size:11px}.tower-entry p{margin-top:3px;color:#8d977a;font-size:10px}.panel-footnote{padding-top:9px;margin-top:9px;border-top:1px solid #e1e6d1;color:#8e987b;font-size:10px;line-height:1.8}.battle-log-panel #kill-count{color:#829071;font-size:10px}.battle-log-panel p{padding:6px 0;border-top:1px solid #e9efdb;color:#839173;font-size:11px;line-height:1.8}.battle-log-panel p:first-child{border:0;color:#536b4a}.session-note{color:#919c81;font-size:10px;text-align:center}
@media(max-width:600px){.app-shell{padding:0}.game-screen{width:100%;max-height:none;border:0;border-radius:0;box-shadow:none}.masthead{padding-top:max(9px,env(safe-area-inset-top))}}
@media(max-width:360px){.masthead{padding-right:8px;padding-left:8px;gap:5px}.brand{gap:6px}.brand-mark{width:29px;height:29px}.brand-mark svg{width:24px;height:24px}.brand h1{font-size:15px;letter-spacing:.5px}.brand p{font-size:7px;letter-spacing:.4px}.top-actions{gap:3px}.quiet-button{padding:0 5px;font-size:9px}.icon-button{width:25px}.quiet-button,.icon-button{height:27px}.stage-header{padding:0 8px 6px;gap:5px}.level-tabs button{padding:7px 8px;font-size:10px}.level-tabs button small{font-size:7px;margin-left:2px}.battle-controls button{width:27px;height:28px}.hud-item{padding:7px 7px 8px}.hud-label{font-size:7px}.castle-hud strong{font-size:12px}.castle-hud strong small{font-size:8px}.leader-hud strong{font-size:9px}.command-deck{padding:7px 8px max(8px,env(safe-area-inset-bottom));gap:7px}.panel-heading{gap:4px}.panel-heading p{font-size:8px}.summon-button{gap:4px;padding:6px;height:48px}.summon-button b{font-size:11px}.summon-button small{font-size:7px}.button-symbol{width:21px}.button-symbol svg{width:21px}.cost-tag{min-width:28px;font-size:12px}.state-panel{padding:17px 15px}.state-panel h2{font-size:22px}.state-panel p{font-size:10px}.state-kicker{font-size:8px}}
@media(max-height:670px) and (orientation:portrait){.masthead{padding-bottom:6px;min-height:42px}.brand-mark{width:28px;height:28px}.brand p{display:none}.stage-header{padding-bottom:5px}.hud-item{padding-top:6px;padding-bottom:7px}.hud-label{margin-bottom:2px}.hero-cards{grid-template-rows:repeat(2,57px);height:123px}.hero-card{height:57px;padding:2px}.hero-card img{width:25px;height:25px}.card-stars{height:9px;line-height:9px}.card-health{margin-top:1px}.empty-army{min-height:114px}.command-deck{gap:6px;padding-top:7px}.panel-heading{margin-bottom:5px}.summon-button{height:45px}.toast{bottom:193px}.state-panel{padding:14px}.state-panel h2{font-size:21px}.state-panel p{margin-bottom:11px;font-size:10px;line-height:1.65}.state-kicker{font-size:8px}}
@media(orientation:landscape) and (max-height:600px){.app-shell{padding:0}.game-screen{width:100%;max-width:1100px;height:100%;max-height:none;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 238px;grid-template-rows:42px 34px 43px minmax(0,1fr)}.masthead{grid-column:1/-1;grid-row:1;padding:6px max(11px,env(safe-area-inset-right)) 6px max(11px,env(safe-area-inset-left))}.brand-mark{width:28px;height:28px}.brand h1{font-size:16px}.brand p{display:none}.stage-header{grid-column:1;grid-row:2;padding:0 10px 5px}.level-tabs button{padding:5px 11px}.battle-hud{grid-column:1;grid-row:3}.hud-item{padding:6px 10px 8px}.battle-viewport{grid-column:1;grid-row:4}.command-deck{grid-column:2;grid-row:2/-1;grid-template-rows:minmax(0,1fr) auto;padding:8px max(9px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) 9px;gap:9px;border-top:0;border-left:2px solid #c5d2b5}.army-panel{overflow:hidden}.army-panel .panel-heading{flex-wrap:wrap;gap:4px;margin-bottom:6px}.army-panel .panel-heading h2{flex:1}.army-panel .panel-heading p{order:3;width:100%;margin:0;font-size:8px}.hero-scroll-controls{margin-left:auto}.hero-cards{grid-template-rows:repeat(2,62px);height:133px}.hero-card{height:62px}.empty-army{width:214px;min-height:124px}.summon-bar{grid-template-columns:1fr;gap:7px}.summon-button{height:49px}.summon-button b{font-size:12px}.summon-button small{font-size:8px}.wave-status{top:7px;left:9px}.state-panel{padding:13px 15px;max-width:270px}.state-panel h2{margin:5px 0 6px;font-size:20px}.state-panel p{font-size:10px;line-height:1.55;margin-bottom:10px}.state-kicker{font-size:8px}.primary-button{padding:8px 16px;font-size:11px}.unit-inspector{font-size:8px;padding:5px 8px}.unit-inspector b{font-size:9px}.toast{bottom:17px;max-width:calc(100vw - 270px);margin-left:-115px}dialog{max-height:calc(100dvh - 20px);padding:19px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.hero-card.merge-target{transform:none}}
.pool-button{margin-left:auto;padding:3px 8px;border:1px solid #bccbab;border-radius:6px;background:#fbfbed;color:#617a4f;font-size:9px;font-weight:650;white-space:nowrap}
.card-enhancement{position:absolute;right:3px;top:3px;padding:1px 2px;border-radius:3px;background:#d9b96c;color:#354b30;font-size:7px;line-height:1;pointer-events:none}
.pool-probability-note{margin-bottom:12px;color:#77876b;font-size:10px;line-height:1.7}
#upgrade-summary p{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e6ead8;color:#7b886d;font-size:10px;line-height:1.6}
#upgrade-summary p:last-child{border-bottom:0}#upgrade-summary b{font-weight:650}#upgrade-summary span{padding:1px 5px;border-radius:5px;background:#edf1da;color:#93804d;font-size:9px}
#roster-dialog[open]{display:flex;flex-direction:column;width:calc(100% - 24px);max-width:430px;padding:19px;overflow:hidden}
#roster-dialog>h2,#upgrade-dialog>h2{margin-bottom:9px;font-size:19px;flex-shrink:0}
.selection-description{flex-shrink:0;margin-bottom:12px;color:#7c876c;font-size:11px;line-height:1.75}
.selection-status{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;margin-bottom:9px;font-size:10px;color:#9a9d79}.selection-status b{color:#618146}.selection-status span{font-size:9px}
.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:0;padding:3px;overflow:auto;overscroll-behavior:contain}
.select-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:104px;padding:8px 3px 6px;border:1.5px solid #bfcdb5;border-radius:11px;background:#f1f5e8;color:var(--ink);text-align:center;touch-action:manipulation}
.select-hero img{width:43px;height:43px;object-fit:contain;pointer-events:none}.select-hero b{font-size:11px;line-height:1.3;pointer-events:none}.select-hero-meta{font-size:8px;color:#829173;white-space:nowrap;pointer-events:none}.select-hero small{font-size:8px;color:#93a17d;pointer-events:none}
.select-hero.quality-blue{background:#f0f7f3;border-color:#95b9ce}.select-hero.quality-purple{background:#f8f1f7;border-color:#c0a1d1}.select-hero.quality-red{background:#fcf1e8;border-color:#d8a294}
.select-hero.is-selected{outline:2px solid #d4ba66;outline-offset:0;box-shadow:0 2px 0 #cabf8e;background:#fff7d7}.select-hero.is-selected small{color:#9c7e2e;font-weight:700}
.select-mark{position:absolute;top:4px;right:5px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#dfe7d3;color:#8a9b74;font-size:12px;font-weight:800;pointer-events:none}.is-selected .select-mark{background:#618b4c;color:#fff5cf;font-size:11px}
.select-hero:disabled{opacity:1;cursor:default}.select-hero.outside-pool{opacity:.45}.selection-footer{flex-shrink:0;padding-top:11px}.selection-footer p{color:#899676;font-size:9px;line-height:1.7;text-align:center;margin-bottom:10px}.selection-footer .primary-button{width:100%}
#upgrade-dialog{max-width:450px;padding:22px}.upgrade-offers{display:flex;flex-direction:column;gap:9px}.upgrade-choice{display:flex;align-items:center;gap:11px;width:100%;min-height:93px;padding:12px 11px;border:1.5px solid #c7d5b1;border-radius:12px;background:linear-gradient(120deg,#f1f5e3,#fffae9);text-align:left;touch-action:manipulation}.upgrade-choice:hover{background:#f4efd0;border-color:#c4a15e}.upgrade-choice:active{transform:translateY(1px)}
.upgrade-art{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #d0d6ae;border-radius:11px;background:#e6ecd1;color:#718458}.upgrade-art img{width:43px;height:43px;object-fit:contain}.upgrade-art svg{width:30px;height:30px}
.upgrade-card-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.upgrade-scope{font-size:8px;color:#8d946b;font-weight:650}.upgrade-card-copy b{font-size:13px;line-height:1.3;color:#47613c}.upgrade-description{font-size:10px;line-height:1.65;color:#81916d}.upgrade-pick{flex-shrink:0;padding:5px 6px;border-radius:6px;background:#6e8d51;color:#fff8da;font-size:9px;font-weight:700}.upgrade-retention-note{margin-top:13px;text-align:center;color:#96a080;font-size:9px;line-height:1.8}
@media(max-width:360px){#roster-dialog[open],#upgrade-dialog{padding:16px}.selection-description{font-size:10px;line-height:1.65;margin-bottom:9px}.selection-status{font-size:9px}.selection-status span{font-size:8px}.select-hero{min-height:89px;padding:6px 2px;gap:2px}.select-hero img{width:35px;height:35px}.select-hero b{font-size:10px}.select-hero small,.select-hero-meta{font-size:7px}.upgrade-choice{gap:8px;padding:10px 8px;min-height:86px}.upgrade-art{width:38px;height:42px}.upgrade-art img{width:35px;height:35px}.upgrade-art svg{width:25px;height:25px}.upgrade-card-copy b{font-size:12px}.upgrade-description{font-size:9px}.pool-button{padding:3px 7px;font-size:8px}}
@media(orientation:landscape) and (max-height:600px){#roster-dialog[open]{max-width:660px;padding:15px 18px}.selection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.select-hero{min-height:67px;padding:5px 8px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto;text-align:left;gap:0 5px}.select-hero img{grid-column:1;grid-row:1/4;width:36px;height:36px}.select-hero b{font-size:10px}.select-hero small,.select-hero-meta{font-size:8px}.select-mark{top:4px;right:4px;width:13px;height:13px;font-size:9px}.selection-description{margin-bottom:7px;font-size:10px}.selection-status{margin-bottom:5px}.selection-footer{display:flex;align-items:center;gap:12px;padding-top:7px}.selection-footer p{flex:1;margin:0;text-align:left}.selection-footer .primary-button{width:180px}#upgrade-dialog{max-width:720px;padding:16px 18px}.upgrade-offers{flex-direction:row;gap:8px}.upgrade-choice{min-height:165px;flex:1;flex-direction:column;align-items:flex-start;gap:8px;padding:11px}.upgrade-art{width:38px;height:38px}.upgrade-art img{width:35px;height:35px}.upgrade-art svg{width:25px;height:25px}.upgrade-card-copy{gap:4px}.upgrade-card-copy b{font-size:12px}.upgrade-description{font-size:9px}.upgrade-pick{align-self:flex-end}.upgrade-retention-note{margin-top:8px;font-size:8px}}