:root{color-scheme:dark;--bg:#090f19;--surface:#111a29;--surface2:#172233;--outline:#2a3950;--line:#263248;--muted:#8092ab;--white:#edf4ff;--cream:#fff1c8;--gold:#ffce6c;--green:#54e2b0;--blue:#67bafe;--red:#f27779;--shadow:0 8px 28px rgba(0,0,0,.27)}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:system-ui,-apple-system,'Malgun Gothic','Apple SD Gothic Neo',sans-serif;background:#070d15;color:var(--white);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.44;cursor:not-allowed}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#app{height:100dvh;min-height:730px;display:flex;flex-direction:column;background:radial-gradient(circle at 60% 0,#1e2639,#080e16 60%);overflow:hidden}.topbar{height:70px;min-height:70px;display:flex;align-items:center;padding:0 24px;justify-content:space-between;background:linear-gradient(#142032,#0e1624);border-bottom:1px solid #344258;box-shadow:0 3px 15px #050a13a8;z-index:3;gap:18px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{height:42px;width:42px;display:grid;place-items:center;background:linear-gradient(145deg,#172e3f,#101827);border:1px solid #304b61;border-radius:12px;box-shadow:inset 0 0 18px #75deac18}.pokeball{width:29px;height:29px;display:block;position:relative;border:2px solid #e7e9eb;border-radius:50%;background:linear-gradient(to bottom,#f37b70 0 45%,#222c3b 46% 55%,#f2f2e8 56%);box-shadow:0 0 0 2px #24354a,0 4px 13px #0005}.pokeball:before{content:"";width:10px;height:10px;background:#f5f7f7;border:3px solid #263345;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.brand-text strong{display:block;color:#fcf4e4;letter-spacing:1.9px;font-size:20px;line-height:1.2;font-weight:900}.brand-text strong em{color:#f9ce74;font-style:normal}.brand-text small{display:block;font-size:10px;color:#aebcd1;font-weight:800;letter-spacing:1.5px;margin-top:5px}.brand-demo{color:#72cfad;font-size:9px;margin-left:3px}.header-middle{display:flex;align-items:center;gap:16px;font-size:12px;color:#b7c7d9;white-space:nowrap}.map-badge{padding:8px 12px;border:1px solid #385345;border-radius:7px;background:#23392d;color:#d8f3cd;font-weight:700}.head-sep{height:25px;width:1px;background:#3b4559}.round-text b{font-size:17px;color:var(--gold);margin-left:5px}.phase-pill{display:flex;gap:7px;align-items:center;padding:7px 12px;border:1px solid #35715c;background:#173f33;color:#70ecc2;border-radius:20px;font-size:11px;font-weight:800}.phase-pill i{display:block;background:currentColor;width:7px;height:7px;border-radius:50%;box-shadow:0 0 9px currentColor}.phase-pill.fighting{border-color:#e98959;background:#42291e;color:#ffbb7e}.header-end{display:flex;align-items:center;gap:11px}.top-stat{display:flex;align-items:center;gap:6px;min-width:67px}.top-stat>span{color:#fa898e;font-size:18px}.top-stat:nth-child(2)>span{color:var(--gold)}.top-stat strong{font-size:18px;font-weight:900}.top-stat small{color:#8592ac;font-size:10px;margin-left:-3px}.icon-btn{border:1px solid #37445e;background:#1d2a3e;color:#cfe3ef;width:33px;height:33px;border-radius:8px;font-weight:900;font-size:17px}.icon-btn:hover{background:#263a50}.layout{display:grid;grid-template-columns:232px minmax(330px,1fr) 257px;flex:1;min-height:0;overflow:hidden}.sidebar{background:#0f1725;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 10px;overflow:auto;scrollbar-width:thin;scrollbar-color:#324058 #121926}.sidebar-left{border-right:1px solid #304059}.sidebar-right{border-left:1px solid #304059}.side-card{background:linear-gradient(160deg,#192437,#121d2d);border:1px solid #30415b;border-radius:10px;padding:13px;box-shadow:inset 0 1px #ffffff0a}.eyebrow{font-size:9px;font-weight:900;letter-spacing:1.7px;color:#73a9af}.trainer-row{display:flex;gap:10px;align-items:center;margin:10px 0 16px}.trainer-avatar{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border-radius:11px;border:1px solid #4c6280;color:#ffdc8b;font-size:24px;background:linear-gradient(145deg,#40516b,#171f30)}h1,h2,h3,p{margin-top:0}.trainer-row h2{font-size:13px;line-height:1.4;margin:0}.trainer-row p{font-size:10px;color:#8299b4;margin:4px 0 0}.section-title,.level-row,.micro-row,.side-title{display:flex;align-items:center;justify-content:space-between}.section-title{font-size:11px;font-weight:600;color:#9aadc6}.section-title b{color:#f3c4c0}.progress{height:7px;background:#090e19;border-radius:10px;overflow:hidden;border:1px solid #2d3b4b;margin-top:6px}.progress i{height:100%;width:100%;display:block;background:linear-gradient(90deg,#ed666b,#ffb19e);border-radius:9px;transition:width .4s}.xp-progress{height:5px}.xp-progress i{background:linear-gradient(90deg,#5cacf1,#8de6f9);width:0}.level-row{font-size:10px;color:#9cbbcc;margin-top:14px}.level-row b{color:#f1e4b3}.compact-btn{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;margin-top:12px;padding:9px 10px;background:linear-gradient(#273e4c,#1a3040);border:1px solid #436576;border-radius:7px;color:#c4edf4;font-size:11px;font-weight:800}.compact-btn:hover{filter:brightness(1.2)}.compact-btn>b{font-size:15px;color:#71daba}.compact-btn>span{margin-left:auto;color:var(--gold)}.coin{color:#ffce69}.side-title{font-size:12px;font-weight:850;padding-bottom:8px;border-bottom:1px solid #344358}.side-title small{color:#8298b5;font-size:9px;font-weight:650}.side-explainer{color:#8196ad;font-size:10px;line-height:1.5;margin:9px 0}.synergy-list{display:flex;flex-direction:column;gap:6px}.empty-note{font-size:11px;color:#6b809c;padding:15px 4px;line-height:1.6;text-align:center}.synergy-entry{display:flex;align-items:center;gap:8px;background:#131c2b;border-radius:7px;border:1px solid #293b50;padding:6px 8px;transition:.2s}.synergy-entry.active{background:#243c32;border-color:#548566}.syn-icon{width:28px;height:28px;border:1px solid #46556a;background:#283346;border-radius:7px;display:grid;place-items:center;font-size:17px}.synergy-entry.active .syn-icon{background:#3a5b47;border-color:#628a67}.syn-data{flex:1;min-width:0}.syn-top{display:flex;justify-content:space-between;gap:5px;font-size:11px}.syn-top span{font-weight:800}.syn-top b{color:#a2b7c9;font-size:10px}.syn-progress{height:3px;background:#314355;overflow:hidden;margin-top:5px;border-radius:8px}.syn-progress i{display:block;background:#79dabb;height:100%}.syn-desc{font-size:9px;color:#8faba0;margin-top:4px}.weather-tag{background:#374458;color:#daebff;border-radius:5px;font-size:9px;padding:4px 6px}.encounter-name{font-size:13px;font-weight:850;margin-top:12px}.info-card p{font-size:10px;color:#9aadc3;line-height:1.6;margin:7px 0}.info-divider{border-top:1px dashed #3b4a63;margin:9px 0}.micro-row{font-size:10px;color:#8e9fba;margin:8px 0}.micro-row b{color:#e2ebf6}.side-footnote{color:#556881;font-size:9px;line-height:1.8;text-align:center;margin:auto 2px 4px}.arena-column{display:flex;flex-direction:column;min-width:0;min-height:0;background:#101a24}.arena-toolbar{height:37px;min-height:37px;padding:0 15px;background:linear-gradient(#24303f,#1c2a33);border-bottom:1px solid #415167;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;position:relative;z-index:1}.live-indicator{color:#87e6b0;font-size:8px;margin-right:5px}.arena-toolbar strong{color:#e3f4e8;margin-right:9px}.arena-toolbar #arena-caption{font-size:10px;color:#a6b8c8}.toolbar-right{display:flex;align-items:center;gap:10px;color:#b9c7d5;font-size:10px}.text-btn{border:1px solid #536673;border-radius:6px;background:#1d303f;color:#d2e9ea;padding:5px 9px;font-size:10px;font-weight:800}.text-btn:hover{filter:brightness(1.2)}.arena-wrap{position:relative;min-height:0;flex:1;overflow:hidden;background:#253626}.arena-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.arena-side-label{pointer-events:none;position:absolute;left:12px;color:#ffd7c6aa;font-size:9px;letter-spacing:1.2px;font-weight:900;text-shadow:0 1px 3px #000b}.arena-side-label span{display:block;font-size:9px;letter-spacing:0;font-weight:600;margin-top:3px}.enemy-label{top:15px}.ally-label{bottom:15px;color:#bdf5c9b8}.arena-toast{position:absolute;left:50%;top:12%;transform:translateX(-50%) translateY(-10px);background:#182436ec;border:1px solid #86dcb4;color:#ecffec;padding:10px 17px;border-radius:22px;font-size:13px;font-weight:900;box-shadow:0 6px 30px #050d1488;opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;z-index:4;white-space:nowrap}.arena-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.arena-bottom{height:28px;min-height:28px;background:linear-gradient(#1b2a2d,#18242b);border-top:1px solid #3d4f44;display:flex;align-items:center;justify-content:space-between;padding:0 13px}.arena-tip{font-size:10px;color:#c2c4a2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tip-orbit{color:#ffd77c;font-size:14px}.stage-dots{display:flex;gap:5px}.stage-dots span{width:6px;height:6px;border-radius:4px;background:#647681}.stage-dots span.active{background:#fbd079;box-shadow:0 0 9px #fbd079}.unit-inspector{padding-top:11px}.empty-inspector{text-align:center;padding:18px 6px;color:#8498b2}.empty-inspector>span{width:53px;height:53px;border:1px dashed #415267;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:28px;color:#7290a8}.empty-inspector strong{display:block;margin-top:12px;font-size:12px;color:#bbcade}.empty-inspector p{font-size:10px;line-height:1.6;margin:7px 0 2px}.unit-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.unit-portrait{height:64px;width:64px;display:grid;place-items:center;flex-shrink:0;background:radial-gradient(#35455b,#1d293a);border:1px solid #4a5675;border-radius:10px;overflow:hidden}.unit-portrait img{object-fit:contain;max-height:58px;max-width:60px;image-rendering:pixelated}.unit-title h3{font-size:16px;margin:0 0 5px}.unit-meta{font-size:10px;color:#acc0d1}.star-line{letter-spacing:2px;color:#fcd46e;margin-top:5px;font-size:11px}.unit-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.unit-stat{padding:7px;border-radius:6px;border:1px solid #30415a;background:#121b2a}.unit-stat small{display:block;font-size:9px;color:#869eb5}.unit-stat strong{display:block;margin-top:4px;color:#e1eaf7;font-size:13px}.skill-box{margin-top:10px;border:1px solid #365366;border-radius:7px;padding:9px;background:#172a36}.skill-box b{font-size:11px;color:#8cdbf3}.skill-box p{margin:6px 0 0;font-size:10px;color:#b0bac8;line-height:1.5}.equip-list{display:flex;gap:5px;margin-top:8px;min-height:32px}.equip-slot{height:31px;min-width:31px;padding:4px 7px;display:grid;place-items:center;background:#0e1928;border:1px dashed #40516a;border-radius:6px;font-size:17px}.sell-btn{padding:8px;border-radius:6px;border:1px solid #755046;background:#422923;color:#ffa997;font-size:11px;font-weight:850;width:100%;margin-top:11px}.sell-btn:hover{background:#533329}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.item-slot{height:41px;background:#0c1422;border:1px solid #35465e;border-radius:7px;display:grid;place-items:center;font-size:21px;position:relative}.item-slot:hover{background:#253b4f;border-color:#b7d7a4}.item-slot.selected{border-color:#ffd477;box-shadow:0 0 0 2px #ffd4774d,inset 0 0 8px #ffd47733}.item-slot small{position:absolute;right:3px;bottom:2px;color:#a0b3ca;font-size:8px}.recipe-note{font-size:9px;color:#73889f;line-height:1.6;margin-top:8px}.battle-log{font-size:10px;color:#9bacc0;line-height:1.7;display:flex;flex-direction:column;gap:5px;max-height:140px;overflow:auto;scrollbar-width:thin}.log-line{border-left:2px solid #506478;padding-left:7px}.log-line.good{border-color:#7edac0;color:#b8e9d8}.log-line.bad{border-color:#d98181;color:#eab9ac}.log-line.gold{border-color:#d6b269;color:#f4de9d}.game-footer{min-height:266px;height:266px;display:flex;flex-direction:column;background:linear-gradient(180deg,#121c2c,#0b1421);border-top:2px solid #4d6174;box-shadow:0 -6px 22px #02071080;z-index:2;padding:7px 17px 0}.footer-head{height:83px;display:flex;align-items:center;gap:13px;border-bottom:1px solid #344053;padding-bottom:7px}.bench-title{width:151px;flex-shrink:0;display:flex;flex-direction:column;gap:3px}.bench-title b{font-size:13px;letter-spacing:.5px}.bench-title small{font-size:9px;color:#8495a9}.bench-counter{font-size:10px;color:#91d9c2}.bench{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px;flex:1;min-width:0}.bench-slot{height:62px;max-width:76px;width:100%;position:relative;border:1px dashed #41536b;background:linear-gradient(#1a2736,#111b29);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:.15s;cursor:pointer}.bench-slot.occupied{border-style:solid;border-color:#4b6177;background:linear-gradient(#2a3649,#152338)}.bench-slot.occupied:hover,.bench-slot.selected{border-color:#e7cb78;background:#353c44;box-shadow:0 0 0 1px #ffcf7233}.bench-slot img{max-width:66px;max-height:54px;object-fit:contain;image-rendering:pixelated;pointer-events:none}.bench-slot .bench-num{position:absolute;left:4px;top:3px;font-size:9px;color:#6d8098}.bench-slot .bench-stars{position:absolute;bottom:0;right:3px;color:#ffdc89;font-size:10px;font-weight:900;text-shadow:0 1px 3px #0c101a}.bench-slot .bench-cost{position:absolute;top:1px;right:4px;font-size:9px;color:#ffd479}.deploy-button{height:61px;width:148px;min-width:123px;border:1px solid #b6924f;border-radius:10px;color:#312618;font-weight:950;background:linear-gradient(165deg,#ffe1a0,#fbb85c);box-shadow:0 3px 0 #7a5129,inset 0 1px #fff1c9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:16px}.deploy-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.deploy-button small{font-size:9px;color:#775632;letter-spacing:1px}.deploy-triangle{font-size:12px;display:inline}.deploy-button.fighting{color:#e3e7ed;background:linear-gradient(#586575,#364454);border-color:#607284;box-shadow:none}.shop-area{display:flex;gap:13px;align-items:stretch;flex:1;min-height:0;padding-top:8px}.shop-sidebar{width:151px;flex-shrink:0;display:flex;flex-direction:column;gap:5px}.shop-sign{font-size:13px;font-weight:900;white-space:nowrap}.shop-sign span{color:var(--gold)}.shop-odds{font-size:9px;color:#829ab1;margin-bottom:3px}.reroll-btn,.lock-btn{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:7px;border:1px solid #47705f;background:#223c34;color:#c1efdb;font-size:11px;font-weight:800;text-align:left;min-height:26px}.reroll-btn span{font-size:16px}.reroll-btn b{margin-left:auto;color:var(--gold)}.reroll-btn small,.lock-btn small{border:1px solid #587163;padding:1px 4px;border-radius:3px;font-size:8px}.reroll-btn:hover,.lock-btn:hover{filter:brightness(1.18)}.lock-btn{padding:5px 9px;background:#1c293b;border-color:#344964;color:#a6bfd6}.lock-btn.locked{border-color:#dab866;color:#f9d790}.lock-btn small{margin-left:auto}.shop-cards{flex:1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.shop-card{border:1px solid var(--tier,#465a72);border-radius:9px;overflow:hidden;position:relative;min-width:0;cursor:pointer;display:flex;flex-direction:column;background:linear-gradient(150deg,var(--tier-bg,#213042),#10192a 80%);box-shadow:inset 0 1px #ffffff17}.shop-card:hover:not(.sold):not(.locked){transform:translateY(-3px);border-color:#fff0bd;filter:brightness(1.1);box-shadow:0 8px 24px #0008;transition:transform .12s}.shop-card.sold{cursor:default;opacity:.42}.shop-card.locked{cursor:not-allowed}.shop-top{position:relative;height:78px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 64%,#d2efb229,transparent 65%)}.shop-top img{height:75px;max-width:92px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 2px #050a1380);pointer-events:none}.shop-cost{position:absolute;left:6px;top:6px;background:#101725c2;border:1px solid #ffffff36;border-radius:12px;color:var(--gold);font-size:10px;font-weight:950;padding:2px 6px}.shop-cost:before{content:'✦ ';color:#f8cb6a}.shop-name{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:850;padding:3px 7px 0;text-align:center}.shop-meta{text-align:center;font-size:9px;color:#aebace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 5px}.shop-price{border-top:1px solid #ffffff18;margin-top:auto;text-align:center;padding:5px 0;font-size:10px;color:#dfe8f0;background:#00000020;font-weight:700}.shop-card.sold:after{content:'구매 완료';position:absolute;inset:0;display:grid;place-items:center;background:#080e1ca8;color:#e5eaf0;font-weight:850;font-size:12px}.footer-status{height:19px;min-height:19px;margin-top:3px;display:flex;align-items:center;justify-content:space-between;color:#576c84;font-size:9px;gap:12px}.footer-status span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overlay{position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at 50% 36%,#24423aa6,#040a13ea 58%,#03060aeD);display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.hidden{display:none!important}.start-card{background:radial-gradient(ellipse at 50% 0,#314849,#122231 38%,#0c1523 85%);border:1px solid #6b856e;border-radius:17px;padding:23px 37px 26px;text-align:center;width:min(100%,675px);box-shadow:0 22px 100px #000c,inset 0 1px #ffffff30;max-height:95vh;overflow:auto;position:relative}.start-banner{border:1px solid #516d72;border-radius:20px;padding:6px 17px;font-size:10px;color:#a8e2ca;display:inline-block;letter-spacing:2px;font-weight:850}.start-pokeball{display:grid;place-items:center;margin:18px auto 5px}.start-pokeball .pokeball{width:40px;height:40px}.start-eyebrow{font-size:12px;color:#f4d794;font-weight:800;letter-spacing:2px;margin:11px 0 4px}.start-card h1{font-size:36px;line-height:1.26;margin:0;font-weight:950;color:#fff8e7;text-shadow:0 4px 18px #0005}.start-card h1 span{display:block;color:#f1d18b;font-size:14px;letter-spacing:4px;margin-top:7px}.start-description{font-size:12px;color:#a9bbca;line-height:1.8;margin:15px 0 18px}.start-card h2{font-size:15px;font-weight:850;margin:0 0 11px}.starter-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.starter-choice{position:relative;border:1px solid #4b665f;border-radius:12px;padding:13px 9px 12px;background:linear-gradient(#273d3e,#172739);color:#edf4ff;display:flex;flex-direction:column;align-items:center;gap:5px}.starter-choice:hover{border-color:#efdd9a;transform:translateY(-4px);background:linear-gradient(#385751,#233c41);box-shadow:0 8px 24px #0007}.starter-choice img{height:94px;width:120px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 4px #0006)}.starter-choice strong{font-size:15px}.starter-choice small{font-size:10px;color:#a7c3c3}.starter-choice .starter-tag{position:absolute;top:8px;left:9px;font-size:10px;background:#12251c;border-radius:9px;padding:4px 6px}.start-note{font-size:10px;color:#8298aa;line-height:1.7;margin:19px 0 0}.modal-card{background:#142133;border:1px solid #526582;border-radius:14px;box-shadow:0 25px 100px #000b;padding:26px;position:relative;width:min(650px,95vw)}.modal-close{position:absolute;right:16px;top:16px;border:0;background:#28384c;border-radius:6px;color:white;width:30px;height:30px}.help-card h2{font-size:23px;margin:12px 0 20px}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.help-grid>div{padding:12px;border:1px solid #37485d;border-radius:8px;background:#1a2b3d}.help-grid b{font-size:12px;color:#f7d69d}.help-grid p{font-size:11px;line-height:1.7;color:#b3c4d8;margin:6px 0 0}.hotkeys{color:#92b1c1;font-size:11px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:17px 0}.hotkeys kbd{border:1px solid #67778a;padding:3px 5px;background:#2b3d4c;border-radius:4px;color:white}.primary-btn{border:1px solid #b99550;border-radius:9px;background:linear-gradient(155deg,#ffe59e,#edac56);color:#50391e;font-weight:950;font-size:14px;padding:11px 25px;box-shadow:0 3px #9c683a;cursor:pointer}.primary-btn:hover{filter:brightness(1.12)}.combat-result{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;background:radial-gradient(ellipse at 50% 0,#234c42ed,#0e1a2bef 65%);border:1px solid #b7a775;border-radius:13px;padding:22px 36px 26px;width:min(350px,75%);box-shadow:0 12px 80px #000b;animation:result-open .35s ease-out}@keyframes result-open{from{opacity:0;transform:translate(-50%,-43%) scale(.91)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.result-sparkles{color:#ffdb75;letter-spacing:12px;font-size:19px}.combat-result>span{display:block;font-size:10px;letter-spacing:3px;color:#c4e4cf;margin-top:7px}.combat-result h2{font-size:42px;color:#ffdd8b;margin:7px 0;text-shadow:0 3px 10px #0006}.combat-result.lose h2{color:#f5a4a1}.combat-result p{font-size:12px;line-height:1.7;color:#c5d2d6;margin-bottom:12px}.result-rewards{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0 23px;font-size:12px;color:#fcd483;font-weight:850}.result-rewards span{padding:7px 10px;border:1px solid #6b674f;border-radius:7px;background:#202932}.global-toast{position:fixed;bottom:250px;left:50%;transform:translateX(-50%) translateY(12px);padding:10px 18px;background:#222f41;color:#ffe4bd;border:1px solid #b7995c;border-radius:8px;font-size:12px;font-weight:800;z-index:40;opacity:0;pointer-events:none;transition:.2s}.global-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.arena-wrap.drag-over{outline:2px solid #b9ea93;outline-offset:-3px}@media(max-width:1370px){.layout{grid-template-columns:210px minmax(340px,1fr) 225px}.topbar{padding:0 15px}.sidebar{padding:9px 8px;gap:7px}.side-card{padding:10px}.game-footer{padding-left:12px;padding-right:12px}.bench-title,.shop-sidebar{width:125px}.deploy-button{width:121px;min-width:121px}.shop-cards{gap:6px}.brand-text strong{font-size:17px}}@media(max-width:1080px){.layout{grid-template-columns:175px minmax(330px,1fr)}.sidebar-right{display:none}.sidebar-left{padding:8px 6px}.side-card{padding:9px}.header-middle{gap:7px}.map-badge{padding:6px}.brand-demo{display:none}.side-footnote{font-size:8px}.shop-sidebar,.bench-title{width:111px}.shop-cards{gap:4px}.footer-status{font-size:8px}}@media(max-width:720px){#app{min-height:650px}.topbar{height:56px;min-height:56px;padding:0 8px}.brand-icon{display:none}.brand-text strong{font-size:13px}.brand-text small{font-size:8px;letter-spacing:1px}.header-middle .map-badge,.head-sep{display:none}.header-middle{gap:6px}.round-text{font-size:9px}.round-text b{font-size:12px}.phase-pill{font-size:9px;padding:4px 6px}.header-end{gap:4px}.top-stat{min-width:38px;gap:2px}.top-stat strong{font-size:13px}.top-stat small{display:none}.icon-btn{width:28px;height:28px}.layout{display:flex;min-height:0}.sidebar-left{display:none}.arena-column{width:100%}.game-footer{height:236px;min-height:236px;padding:5px 5px 0}.footer-head{height:76px;gap:4px}.bench-title{display:none}.bench{gap:2px}.bench-slot{height:58px}.bench-slot img{max-width:100%;max-height:49px}.deploy-button{min-width:77px;width:77px;font-size:11px}.shop-sidebar{width:79px}.shop-sign{font-size:10px}.shop-odds{font-size:8px}.reroll-btn,.lock-btn{padding:6px 3px;font-size:9px}.reroll-btn small,.lock-btn small{display:none}.shop-cards{gap:3px}.shop-top{height:65px}.shop-top img{height:62px;max-width:100%}.shop-name{font-size:10px;padding:2px}.shop-meta{font-size:8px}.shop-cost{padding:1px 3px;font-size:8px}.shop-price{font-size:9px}.arena-side-label{font-size:7px}.arena-side-label span{display:none}.arena-toolbar{height:32px;min-height:32px;padding:0 6px}.arena-toolbar #arena-caption{display:none}.start-card{padding:18px 12px}.start-card h1{font-size:27px}.starter-options{gap:5px}.starter-choice img{width:100%;height:75px}.starter-choice strong{font-size:12px}.help-grid{grid-template-columns:1fr}.help-card{max-height:85vh;overflow:auto}.footer-status span:first-child{display:none}}