html,body{margin:0;padding:0;overflow:hidden;background:#0c0705;font-family:Georgia,Times New Roman,serif;-webkit-user-select:none;user-select:none}#app,#app canvas{display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#e8c468}#hud button,#hud .card,#hud .merc-card{pointer-events:auto}.panel{background:linear-gradient(#2c1d11,#1a100a);border:2px solid #6b5226;border-radius:4px;box-shadow:inset 0 1px #ffdc962e,inset 0 -2px 4px #0009,0 2px 8px #000000b3;padding:6px 14px}.tophud{position:absolute;top:10px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px}.topbar{display:flex;justify-content:center;align-items:stretch;gap:10px;max-width:100%}.gold-panel{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;min-width:70px}.coin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe9a0,#d4a017 60%,#8a6510);border:1px solid #5e4408;display:inline-block}.coin.small{width:11px;height:11px}.myth{width:13px;height:13px;transform:rotate(45deg);background:linear-gradient(135deg,#b8f0ff,#2fa8d8 55%,#135a80);border:1px solid #0c3a55;border-radius:2px;display:inline-block}.myth.small{width:9px;height:9px}.res-tag{font-size:12px;font-weight:400;color:#a8884a;white-space:nowrap}.phase-panel{font-size:16px;display:flex;align-items:center;letter-spacing:.5px}.king-panel{display:flex;align-items:center;gap:10px;min-width:240px}.king-label{font-size:14px;white-space:nowrap}.kingbar{position:relative;flex:1;height:18px;background:#2a0c0a;border:1px solid #6b5226;border-radius:3px;overflow:hidden;min-width:140px}.kingbar-fill{height:100%;width:100%;background:linear-gradient(#7fe06a,#2f9e2c 60%,#1d6e1c);transition:width .2s}.kingbar-fill.hurt{background:linear-gradient(#ff9a6a,#d4452c 60%,#8e1d12)}.kingbar-fill.enemy-fill{background:linear-gradient(#c06aff,#7a3bd6 60%,#4a1d8e)}.enemy-king-panel{min-width:180px}.enemy-king-panel .king-label{color:#b58ad6}.king-upgs{display:flex;gap:4px}.kup{background:linear-gradient(#241709,#150d06);border:1px solid #54401e;border-radius:3px;color:#c8ab6e;font-family:inherit;font-size:12px;padding:3px 7px;cursor:pointer;white-space:nowrap}.kup:hover:not(:disabled){color:#ffd978;border-color:#8a6a2e}.kup:disabled{filter:grayscale(.7) brightness(.6);cursor:default}.kingbar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;text-shadow:0 1px 2px #000}.admin-btn{pointer-events:auto;background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:4px;color:#a8884a;font-size:16px;padding:4px 10px;cursor:pointer}.admin-btn:hover{color:#ffd978;border-color:#8a6a2e}.admin-panel{position:absolute;top:58px;right:10px;min-width:180px;pointer-events:auto;z-index:10}.admin-panel.hidden{display:none}.admin-title{font-size:13px;color:#ffd978;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #54401e;padding-bottom:4px;margin-bottom:8px}.admin-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;color:#c8ab6e}.admin-row input{accent-color:#c8a24a}.tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;max-width:100%}.tab{white-space:nowrap}.tab{position:relative;background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:4px 4px 0 0;color:#a8884a;font-family:inherit;font-size:14px;padding:5px 16px;cursor:pointer}.tab.active{color:#ffd978;border-color:#8a6a2e;background:linear-gradient(#3a2812,#241608)}.tab.enemy-tab{color:#9a7ab0;border-color:#4a3458}.tab.enemy-tab.active{color:#d6a8ff;border-color:#7a5a9e;background:linear-gradient(#2e1f3a,#1a1024)}.tab.cam-reset{border-radius:4px;padding:5px 10px;font-size:15px;line-height:1}.tab.cam-reset:hover{color:#ffd978;border-color:#8a6a2e}.badge{display:none;margin-left:7px;background:#b3202a;color:#fff;border-radius:9px;padding:1px 7px;font-size:11px}.badge.on{display:inline-block;animation:pulse .9s infinite}@keyframes pulse{50%{transform:scale(1.25)}}.bottombar{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:16px}.cards{display:flex;gap:8px}.card{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer}.card.selected{border-color:#c8a24a;box-shadow:0 0 12px #ffbe5059,inset 0 1px #ffdc962e}.card.poor{filter:grayscale(.7) brightness(.7)}.card-icon{width:38px;height:38px;border:2px solid #6b5226;border-radius:4px}.imp-icon{background:linear-gradient(125deg,transparent 30%,#ff8c2e 32%,transparent 35%),linear-gradient(125deg,transparent 38%,#ffd24a 40%,transparent 44%),radial-gradient(circle at 34% 22%,#3a2a20 7%,transparent 8%),radial-gradient(circle at 66% 22%,#3a2a20 7%,transparent 8%),radial-gradient(circle at 50% 36%,#e0553f 20%,transparent 21%),radial-gradient(circle at 42% 33%,#ffd24a 4%,transparent 5%),radial-gradient(circle at 58% 33%,#ffd24a 4%,transparent 5%),radial-gradient(ellipse at 22% 52%,#6e1f16 16%,transparent 17%),radial-gradient(ellipse at 78% 52%,#6e1f16 16%,transparent 17%),radial-gradient(circle at 50% 70%,#c23b2a 26%,transparent 27%),linear-gradient(#3a1410,#1d0805)}.card-name{font-size:16px;color:#ffd978}.card-sub{font-size:11px;color:#a8884a}.cerberus-icon{background:radial-gradient(circle at 28% 22%,#ff8c2e 9%,transparent 10%),radial-gradient(circle at 50% 16%,#ffd24a 9%,transparent 10%),radial-gradient(circle at 72% 22%,#ff8c2e 9%,transparent 10%),radial-gradient(circle at 28% 38%,#2a211c 12%,transparent 13%),radial-gradient(circle at 50% 32%,#332821 14%,transparent 15%),radial-gradient(circle at 72% 38%,#2a211c 12%,transparent 13%),linear-gradient(115deg,transparent 46%,#ff5a11 48%,transparent 51%),radial-gradient(circle at 50% 74%,#241d18 30%,transparent 31%),radial-gradient(circle at 50% 62%,#ff7722 6%,transparent 7%),linear-gradient(#1a120c,#0c0604)}.succubus-icon{background:radial-gradient(circle at 50% 32%,#e07ab8 16%,transparent 17%),radial-gradient(circle at 42% 30%,#ff66cc 4%,transparent 5%),radial-gradient(circle at 58% 30%,#ff66cc 4%,transparent 5%),radial-gradient(ellipse at 50% 72%,#b84a8e 28%,transparent 29%),radial-gradient(circle at 22% 48%,#3d1838 18%,transparent 19%),radial-gradient(circle at 78% 48%,#3d1838 18%,transparent 19%),linear-gradient(#2a1030,#160818)}.infernal-icon{background:radial-gradient(circle at 50% 24%,#ff8c1e 12%,transparent 13%),linear-gradient(115deg,transparent 44%,#ff5a11 46%,transparent 50%),radial-gradient(circle at 50% 62%,#3a3a46 34%,transparent 35%),radial-gradient(circle at 24% 56%,#26262e 16%,transparent 17%),radial-gradient(circle at 76% 56%,#26262e 16%,transparent 17%),linear-gradient(#1c1c24,#0e0e14)}.phoenix-icon{background:radial-gradient(circle at 50% 38%,#ffb030 14%,transparent 15%),radial-gradient(ellipse at 24% 44%,#ff7a1f 20%,transparent 21%),radial-gradient(ellipse at 76% 44%,#ff7a1f 20%,transparent 21%),radial-gradient(circle at 50% 74%,#ffd24a 10%,transparent 11%),radial-gradient(circle at 50% 24%,#fff0a0 5%,transparent 6%),linear-gradient(#3a1410,#1d0805)}.centaur-icon{background:linear-gradient(115deg,transparent 28%,#d8dde2 30%,transparent 33%),linear-gradient(115deg,transparent 36%,#6b4f32 38%,transparent 41%),radial-gradient(circle at 56% 30%,#c99368 13%,transparent 14%),radial-gradient(ellipse at 50% 68%,#8a5a32 30%,transparent 31%),radial-gradient(circle at 30% 78%,#5c3a1e 8%,transparent 9%),linear-gradient(#2a1c10,#140c05)}.berzerker-icon{background:linear-gradient(55deg,transparent 30%,#d8dde2 32%,transparent 35%),linear-gradient(125deg,transparent 30%,#d8dde2 32%,transparent 35%),linear-gradient(90deg,transparent 46%,#b33a1f 48%,#b33a1f 52%,transparent 54%),radial-gradient(circle at 50% 40%,#4a8a6a 18%,transparent 19%),radial-gradient(circle at 42% 52%,#e8dcc0 4%,transparent 5%),radial-gradient(circle at 58% 52%,#e8dcc0 4%,transparent 5%),linear-gradient(#10241a,#060f0a)}.shaman-icon{background:radial-gradient(circle at 50% 22%,#8a8278 16%,transparent 17%),radial-gradient(circle at 50% 46%,#5a7a3a 15%,transparent 16%),radial-gradient(circle at 76% 32%,#7fd0ff 8%,transparent 9%),radial-gradient(ellipse at 50% 80%,#5c554c 32%,transparent 33%),linear-gradient(#201d18,#0e0c08)}.blademaster-icon{background:linear-gradient(45deg,transparent 28%,#ff3a2a 30%,transparent 34%),linear-gradient(135deg,transparent 28%,#ff3a2a 30%,transparent 34%),radial-gradient(circle at 50% 38%,#6a8a4a 15%,transparent 16%),radial-gradient(circle at 50% 18%,#1a1414 8%,transparent 9%),radial-gradient(circle at 44% 36%,#ffb060 3.5%,transparent 4.5%),radial-gradient(circle at 56% 36%,#ffb060 3.5%,transparent 4.5%),linear-gradient(#1c2412,#0a0f05)}.cyclops-icon{background:radial-gradient(circle at 50% 34%,#f2e8d0 12%,transparent 13%),radial-gradient(circle at 50% 34%,#d8a020 6%,transparent 7%),linear-gradient(115deg,transparent 60%,#6b4f2e 62%,#6b4f2e 70%,transparent 72%),radial-gradient(ellipse at 50% 72%,#c9a86a 34%,transparent 35%),linear-gradient(#2a2212,#131006)}.knight-icon{background:radial-gradient(circle at 50% 26%,#8e99a6 14%,transparent 15%),linear-gradient(90deg,transparent 38%,#0a0a0c 40%,#0a0a0c 60%,transparent 62%) no-repeat 0 26% / 100% 6%,radial-gradient(circle at 50% 64%,#5c646e 26%,transparent 27%),linear-gradient(0deg,transparent 30%,#c8a24a 32%,#c8a24a 36%,transparent 38%),radial-gradient(ellipse at 50% 78%,#3a4250 24%,transparent 25%),linear-gradient(#1a2026,#0c0f14)}.crossbowman-icon{background:linear-gradient(90deg,transparent 22%,#9aa3ad 24%,#9aa3ad 76%,transparent 78%) no-repeat 0 52% / 100% 7%,linear-gradient(0deg,transparent 36%,#5c4630 38%,#5c4630 62%,transparent 64%) no-repeat 46% 0 / 8% 100%,radial-gradient(circle at 50% 28%,#d9b38c 11%,transparent 12%),radial-gradient(circle at 50% 18%,#9aa3ad 13%,transparent 14%),radial-gradient(ellipse at 50% 76%,#8a6f4a 26%,transparent 27%),linear-gradient(#241c10,#120d06)}.priest-icon{background:radial-gradient(circle at 72% 26%,#ffe9a0 9%,transparent 10%),radial-gradient(circle at 72% 26%,#c8a24a 13%,transparent 14%),radial-gradient(circle at 46% 32%,#d9b38c 11%,transparent 12%),radial-gradient(circle at 46% 28%,#e8e0cc 15%,transparent 16%),radial-gradient(ellipse at 50% 78%,#e8e0cc 30%,transparent 31%),linear-gradient(0deg,transparent 22%,#c8a24a 24%,#c8a24a 27%,transparent 29%),linear-gradient(#2a2415,#14100a)}.paladin-icon{background:radial-gradient(circle at 70% 30%,#9aa3ad 13%,transparent 14%),radial-gradient(circle at 70% 30%,#c8a24a 18%,transparent 19%),radial-gradient(circle at 42% 28%,#d9b557 14%,transparent 15%),radial-gradient(circle at 42% 32%,#d9b38c 8%,transparent 9%),radial-gradient(ellipse at 45% 72%,#c8a24a 26%,transparent 27%),linear-gradient(#241e0e,#120e05)}.angel-icon{background:radial-gradient(circle at 50% 16%,#ffe9a0 7%,transparent 9%),radial-gradient(ellipse at 20% 42%,#f6f1e4 18%,transparent 19%),radial-gradient(ellipse at 80% 42%,#f6f1e4 18%,transparent 19%),linear-gradient(0deg,transparent 18%,#ffe9a0 20%,#ffe9a0 24%,transparent 26%) no-repeat 46% 0 / 10% 100%,radial-gradient(circle at 50% 36%,#e6c9a8 10%,transparent 11%),radial-gradient(ellipse at 50% 72%,#f2ead8 26%,transparent 27%),linear-gradient(#2a2618,#14110a)}.apprentice-icon{background:radial-gradient(circle at 72% 38%,#9ae6ff 8%,transparent 9%),radial-gradient(circle at 72% 38%,#55ccff 12%,transparent 13%),linear-gradient(0deg,transparent 24%,#6b4f32 26%,#6b4f32 30%,transparent 32%) no-repeat 66% 0 / 8% 100%,radial-gradient(circle at 44% 40%,#d9b38c 10%,transparent 11%),linear-gradient(140deg,transparent 24%,#7a6ad8 26%,transparent 38%),radial-gradient(circle at 42% 24%,#5a4ab8 14%,transparent 15%),radial-gradient(ellipse at 48% 76%,#7a6ad8 28%,transparent 29%),linear-gradient(#1a1430,#0c0818)}.gravitas-icon{background:radial-gradient(circle at 50% 26%,#2a2238 15%,transparent 16%),radial-gradient(circle at 44% 28%,#b09aff 4%,transparent 5%),radial-gradient(circle at 56% 28%,#b09aff 4%,transparent 5%),radial-gradient(circle at 22% 56%,#8a8794 13%,transparent 14%),radial-gradient(circle at 78% 56%,#8a8794 13%,transparent 14%),radial-gradient(ellipse at 50% 70%,#6a55a8 32%,transparent 33%),radial-gradient(circle at 50% 50%,#9a7aff 6%,transparent 8%),linear-gradient(#181226,#0a0714)}.manacrystal-icon{background:linear-gradient(15deg,transparent 42%,#9ae6ff 44%,#66d6ff 50%,transparent 53%),linear-gradient(-18deg,transparent 56%,#4aa8dd 58%,transparent 64%),radial-gradient(circle at 50% 34%,#d8f6ff 6%,transparent 8%),radial-gradient(circle at 30% 60%,#55ccff 7%,transparent 9%),radial-gradient(circle at 72% 64%,#3a9ad0 7%,transparent 9%),radial-gradient(ellipse at 50% 86%,#3a3648 22%,transparent 23%),linear-gradient(#0c1c2a,#050d16)}.timeworm-icon{background:radial-gradient(circle at 38% 26%,#a98aff 11%,transparent 12%),radial-gradient(circle at 34% 24%,#9af2ff 3.5%,transparent 4.5%),radial-gradient(ellipse at 58% 18%,#8a5cff 4% 9%,transparent 10%),radial-gradient(ellipse at 66% 28%,#b89cff 4% 9%,transparent 10%),radial-gradient(circle at 24% 32%,#cdbcff 4%,transparent 5%),radial-gradient(circle at 58% 48%,transparent 12%,#b89cff 14%,#7a5cf2 17%,transparent 19%),radial-gradient(circle at 42% 66%,transparent 12%,#9a7aff 14%,#6a4ae0 17%,transparent 19%),radial-gradient(ellipse at 60% 84%,#4a3a8a 18%,transparent 20%),linear-gradient(#161028,#080514)}.archmage-icon{background:radial-gradient(circle at 74% 24%,#e6d8ff 6%,transparent 7%),radial-gradient(circle at 74% 24%,#9a5cff 11%,transparent 12%),linear-gradient(0deg,transparent 20%,#4a3a52 22%,#4a3a52 26%,transparent 28%) no-repeat 68% 0 / 8% 100%,radial-gradient(circle at 44% 32%,#d9b38c 9%,transparent 10%),radial-gradient(ellipse at 44% 50%,#e8e4da 12%,transparent 13%),radial-gradient(circle at 44% 20%,#c8a24a 9%,transparent 10%),radial-gradient(ellipse at 48% 78%,#6a3ad6 30%,transparent 31%),linear-gradient(#1c1232,#0d081a)}.card-ability{font-size:11px;color:#6fb4e0}.card-cost{display:flex;align-items:center;gap:5px;font-size:13px}.card-name{font-size:14px}.hint{font-size:11px;color:#8a7148;max-width:200px;text-shadow:0 1px 2px #000}.eco{display:flex;align-items:center;gap:6px}.eco-btn{display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;font-size:13px;color:#ffd978;cursor:pointer;padding:7px 10px}.eco-btn .eco-cost{display:flex;align-items:center;gap:4px;font-size:12px;color:#c8ab6e}.eco-btn.poor{filter:grayscale(.7) brightness(.7);cursor:default}.merc-cards{display:flex;gap:6px}.merc-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 8px;cursor:pointer}.merc-card:hover:not(.poor){border-color:#2fa8d8}.merc-card.poor{filter:grayscale(.7) brightness(.7);cursor:default}.merc-name{font-size:12px;color:#9fd8ef;white-space:nowrap}.merc-cost{display:flex;align-items:center;gap:4px;font-size:12px}.merc-income{font-size:10px;color:#8fc46a}.send-queue{font-size:11px;color:#e0a040;max-width:90px;text-shadow:0 1px 2px #000}.btn-start{background:linear-gradient(#7e1f16,#4a0e08);border:2px solid #c8a24a;border-radius:4px;color:#ffd978;font-family:inherit;font-size:18px;padding:12px 26px;cursor:pointer;text-shadow:0 1px 3px #000;box-shadow:0 2px 10px #000000b3}.btn-start:hover:not(:disabled){background:linear-gradient(#a32c1e,#5e120a)}.btn-start:disabled{filter:grayscale(.8) brightness(.6);cursor:default}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;box-shadow:inset 0 0 140px 50px #c8140ad9}.vignette.flash{animation:leakflash 1.4s ease-out}@keyframes leakflash{0%{opacity:1}to{opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#050201bf;pointer-events:auto}.overlay.hidden{display:none}.end-box{text-align:center;background:linear-gradient(#2c1d11,#170d07);border:3px solid #8a6a2e;border-radius:6px;padding:40px 70px;box-shadow:0 0 60px #000000e6}.end-box h1{margin:0 0 12px;font-size:44px;letter-spacing:2px}.end-box.win h1{color:#ffd978;text-shadow:0 0 18px rgba(255,200,80,.6)}.end-box.lose h1{color:#d4452c;text-shadow:0 0 18px rgba(220,60,30,.6)}.end-box p{color:#b59a64;margin:0 0 26px;font-size:16px}.end-box button{background:linear-gradient(#7e1f16,#4a0e08);border:2px solid #c8a24a;border-radius:4px;color:#ffd978;font-family:inherit;font-size:17px;padding:10px 28px;cursor:pointer}.legion-select{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#2a160c,#0c0503 75%);font-family:Georgia,Times New Roman,serif;color:#e8d6a8}.legion-box{text-align:center}.legion-box h1{margin:0 0 18px;font-size:40px;letter-spacing:3px;color:#ffd978;text-shadow:0 0 22px rgba(255,200,80,.45),0 2px 4px #000}.legion-box h2{margin:26px 0 18px;font-size:20px;letter-spacing:2px;color:#c8ab6e}.mode-row,.diff-row{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.diff-row.hidden{visibility:hidden}.mode-option,.diff-option{background:linear-gradient(#241709,#150d06);border:2px solid #54401e;border-radius:4px;color:#a8884a;font-family:inherit;font-size:16px;padding:8px 22px;cursor:pointer}.diff-option{font-size:13px;padding:5px 14px}.mode-option:hover,.diff-option:hover{border-color:#8a6a2e}.mode-option.active,.diff-option.active{color:#ffd978;border-color:#c8a24a;background:linear-gradient(#3a2812,#241608)}.connect-box{min-width:460px}.connect-row{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:16px;color:#c8ab6e;font-size:14px}.connect-row input,.connect-actions input{background:#150d06;border:2px solid #54401e;border-radius:4px;color:#ffd978;font-family:inherit;font-size:14px;padding:7px 10px}.connect-row input{width:260px}.connect-actions{display:flex;gap:8px;justify-content:center;align-items:stretch;margin-bottom:16px}.connect-actions input{width:90px;text-transform:uppercase;text-align:center}.connect-status{color:#b59a64;font-size:14px;min-height:22px;margin-bottom:18px}.mp-section.hidden,.auth-form .hidden{display:none}.auth-form{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.auth-form input{background:#150d06;border:2px solid #54401e;border-radius:4px;color:#ffd978;font-family:inherit;font-size:14px;padding:7px 10px;width:150px}.mp-profile{color:#e8d6a8;font-size:15px;margin-bottom:14px}.mp-tables{display:flex;gap:26px;justify-content:center;margin-bottom:16px;text-align:left}.mp-table h3{margin:0 0 6px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#c8ab6e}.mp-table table{border-collapse:collapse;font-size:13px;color:#b59a64}.mp-table td{padding:2px 10px 2px 0;white-space:nowrap}.mp-table i{color:#8a7148;font-size:13px}.mp-win td:first-child{color:#7fe06a}.mp-lose td:first-child{color:#d4452c}.mp-draw td:first-child{color:#c8ab6e}@media (max-width: 1100px){.hint,.card-ability{display:none}.panel{padding:5px 10px}.phase-panel{font-size:13px}.king-panel{min-width:190px}.kingbar{min-width:90px}}@media (max-width: 760px),(max-height: 480px){.tophud{top:max(4px,env(safe-area-inset-top));gap:3px}.topbar{gap:4px;flex-wrap:wrap;justify-content:center;padding:0 4px}.phase-panel{max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.6}.panel{padding:3px 8px;border-width:1px}.gold-panel{font-size:14px;min-width:0;gap:5px}.res-tag{font-size:10px}.phase-panel{font-size:11px}.king-panel{min-width:140px;gap:6px}.king-label{font-size:10px}.kingbar{min-width:60px;height:14px}.kingbar-text{font-size:9px}.kup{font-size:10px;padding:2px 5px}.enemy-king-panel{min-width:110px}.admin-btn{font-size:12px;padding:2px 7px}.tab{font-size:11px;padding:3px 9px;border-width:1px;border-radius:4px}.badge{font-size:9px;padding:1px 5px;margin-left:4px}.bottombar{bottom:max(4px,env(safe-area-inset-bottom));gap:6px;padding:0 6px}.cards{gap:5px;overflow-x:auto;max-width:46vw;-webkit-overflow-scrolling:touch}.card{padding:3px 6px;gap:5px;flex:0 0 auto}.card-icon{width:26px;height:26px;border-width:1px}.card-name{font-size:11px}.card-sub{display:none}.card-cost{font-size:11px;gap:3px}.coin.small{width:9px;height:9px}.eco{gap:4px}.eco-btn{font-size:11px;padding:4px 7px;gap:2px}.eco-btn .eco-cost{font-size:10px}.merc-card{padding:3px 5px;gap:1px}.merc-name,.merc-cost{font-size:10px}.merc-income{font-size:9px}.send-queue{display:none}.btn-start{font-size:13px;padding:8px 14px;border-width:1px}.legion-box h1{font-size:26px;margin-bottom:10px}.legion-box h2{font-size:15px;margin:14px 0 10px}.legion-options{flex-wrap:wrap;gap:12px}.legion-option{padding:12px 18px;border-width:2px}.legion-name{font-size:18px}.legion-tagline{font-size:11px;margin-bottom:8px}.legion-units .card-icon{width:26px;height:26px}.mode-option,.diff-option{font-size:13px;padding:6px 12px}.connect-box{min-width:0;width:94vw}.connect-row input{width:min(260px,50vw)}.auth-form{flex-wrap:wrap}.mp-tables{flex-wrap:wrap;gap:12px}.connect-actions{flex-wrap:wrap}.legion-select{overflow-y:auto}.legion-box{padding:12px 0}}@media (orientation: portrait) and (max-width: 600px){.bottombar{flex-direction:column;align-items:stretch;gap:5px}.cards{max-width:none}.eco{justify-content:center}.btn-start{align-self:center;min-width:50%}}.legion-options{display:flex;gap:26px;justify-content:center}.legion-option{background:linear-gradient(#2c1d11,#170d07);border:3px solid #6b5226;border-radius:6px;padding:24px 34px;cursor:pointer;color:inherit;font-family:inherit;box-shadow:0 4px 24px #000c;transition:transform .12s ease,border-color .12s ease}.legion-option:hover{transform:translateY(-4px);border-color:#c8a24a;box-shadow:0 8px 30px #000000e6,0 0 18px #ffbe5040}.legion-name{font-size:26px;color:#ffd978;margin-bottom:6px;letter-spacing:1px}.legion-tagline{font-size:13px;color:#b59a64;margin-bottom:16px}.legion-units{display:flex;gap:6px;justify-content:center}.legion-units .card-icon{display:inline-block}