:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07090f;color:#f7fafc}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at 50% 0%,rgba(83,227,255,.22),transparent 28rem),radial-gradient(circle at 10% 96%,rgba(255,193,79,.12),transparent 20rem),#07090f}#app{display:grid;place-items:center;overflow:hidden}button{font:inherit}.shell{width:min(100vw,520px);height:min(100svh,900px);height:min(100dvh,900px);max-height:900px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.topbar,.hud,.squad-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.topbar{display:none}.topbar h1,.panel-head h2{margin:0;letter-spacing:0}.topbar h1{font-size:28px;line-height:1}.draft-panel .panel-head h2{font-size:21px;line-height:1}.draft-panel{display:grid;grid-template-rows:auto 1fr auto;padding:10px;gap:8px}.eyebrow{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#7ee4ff;text-transform:uppercase}.hint{margin:8px 0 0;color:#aeb9ca;font-size:13px;line-height:1.45}.icon-button{width:42px;height:42px;border:1px solid rgba(126,228,255,.28);border-radius:8px;background:#080f1cb8;color:#f7fafc;cursor:pointer}.game-wrap{position:relative;flex:1 1 auto;min-height:0;border:1px solid rgba(126,228,255,.26);border-radius:8px;background:#050711;overflow:hidden;box-shadow:0 18px 70px #00000070}#gameCanvas{display:block;width:100%;height:100%;touch-action:none}.overlay{position:absolute;inset:0;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden;background:#04070fe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4}.hidden{display:none}.draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,var(--draft-card-height, 132px));gap:6px;overflow:hidden;padding-right:2px;align-content:start}.orc-card,.upgrade-card{border:1px solid rgba(255,255,255,.13);border-radius:8px;background:linear-gradient(150deg,#ffffff17,#ffffff08);color:#f7fafc;text-align:left;cursor:pointer}.orc-card{height:var(--draft-card-height, 132px);min-height:0;padding:6px;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;border-color:var(--skin-line);background:linear-gradient(180deg,var(--skin-soft),rgba(255,255,255,.025) 42%),linear-gradient(150deg,#ffffff17,#ffffff06)}.orc-face-side,.orc-back-side{height:100%}.orc-back-side,.orc-card.info-open .orc-face-side{display:none}.orc-card.info-open .orc-back-side{display:block}.orc-card.selected{border-color:#f7fafc;box-shadow:inset 0 0 0 2px #f7fafc,0 0 24px var(--skin-soft)}.orc-card:focus-visible{outline:2px solid #7ee4ff;outline-offset:2px}.orc-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:22px;margin-bottom:4px;color:#f7fafc;font-size:10px;font-weight:950}.orc-card-top span,.orc-card-bottom strong,.orc-card-bottom span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orc-info-button{flex:0 0 auto;width:24px;height:24px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#0000004d;color:#f7fafc;font-size:12px;font-weight:950;line-height:1;cursor:pointer}.orc-portrait{width:100%;height:var(--orc-portrait-height, 80px);border-radius:7px;margin-bottom:4px;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 50% 12%,var(--skin-soft),transparent 56%),#050711b8;overflow:hidden}.orc-portrait img{display:block;width:100%;height:100%;object-fit:contain}.orc-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:20px}.orc-card-bottom strong{color:#f7fafc;font-size:10px;font-weight:900}.orc-card-bottom span{flex:0 0 auto;padding:2px 5px;border-radius:999px;background:#00000042;color:var(--skin);font-size:8px;font-weight:950}.orc-card-bottom span:empty{display:none}.orc-back-body{display:grid;grid-template-rows:repeat(3,minmax(0,1fr)) auto;gap:4px;height:calc(100% - 26px)}.orc-back-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;min-height:0;padding:4px 7px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#0000002b}.orc-back-row span,.orc-back-row strong,.orc-back-row em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orc-back-row span{flex:0 0 auto;color:var(--skin);font-size:10px;font-weight:950}.orc-back-row span:empty{display:none}.orc-back-row strong{flex:1 1 auto;color:#f7fafc;font-size:11px;font-weight:950;line-height:1}.orc-back-row em{flex:0 0 100%;color:#93a3b9;font-size:9px;font-style:normal;font-weight:800;line-height:1}.orc-back-traits{display:flex;gap:3px;overflow:hidden}.orc-back-traits span{flex:1;min-width:0;min-height:16px;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:6px;background:#ffffff0b;color:#dbe7f6;font-size:8px;font-weight:800;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.primary{min-height:40px;border:0;border-radius:8px;background:#ffcd4d;color:#160f00;font-weight:900;cursor:pointer}.primary:disabled{cursor:not-allowed;opacity:.42}.upgrade-grid{display:grid;gap:10px}.wave-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.wave-summary div{padding:9px 8px;border:1px solid rgba(126,228,255,.14);border-radius:8px;background:#7ee4ff0f}.wave-summary span,.wave-summary strong{display:block;text-align:center}.wave-summary span{color:#93a3b9;font-size:10px;font-weight:900;text-transform:uppercase}.wave-summary strong{margin-top:3px;font-size:14px}.upgrade-card{padding:14px}.upgrade-card em{display:inline-block;margin-bottom:7px;padding:3px 7px;border-radius:999px;background:#ffffff1a;color:#7ee4ff;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.upgrade-card strong{display:block;margin-bottom:4px}.upgrade-card span{display:block;color:#bac6d8;font-size:13px;line-height:1.35}.upgrade-rare{border-color:#7ee4ff66}.upgrade-epic{border-color:#ffcd4d7a;box-shadow:0 0 24px #ffcd4d1a}.upgrade-order{border-color:#ff8f458c;background:linear-gradient(150deg,#ff8f4524,#ffffff09)}.upgrade-order em{color:#ffcd4d;background:#ff8f4529}.hud{flex:0 0 36px;height:36px;min-height:36px;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#080f1cbd}.squad-bar:empty{display:none}.squad-bar{display:none}.stat{display:flex;align-items:baseline;gap:6px}.stat span{display:inline;font-size:9px;color:#93a3b9;text-transform:uppercase;font-weight:800}.stat strong{font-size:17px;line-height:1}.squad-slot{flex:1;min-width:0;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#080f1cad}.run-summary{display:grid;gap:8px;margin-top:6px;min-height:0;overflow:auto}.run-summary div{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0a}.run-summary span,.run-summary strong{display:block}.run-summary span{color:#93a3b9;font-size:10px;font-weight:900;text-transform:uppercase}.run-summary strong{margin-top:3px;font-size:14px}.squad-slot strong,.squad-slot span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-slot strong{font-size:12px}.squad-slot span{margin-top:2px;color:#aeb9ca;font-size:10px}.squad-slot .ammo-empty{color:#ff8f45;font-weight:900}.active-button{width:100%;min-height:32px;margin-top:7px;border:1px solid rgba(126,228,255,.24);border-radius:8px;background:linear-gradient(90deg,rgba(255,143,69,.32) var(--heat, 0%),transparent var(--heat, 0%)),linear-gradient(90deg,rgba(126,228,255,.22) var(--charge, 0%),transparent var(--charge, 0%)),#7ee4ff1c;color:#f7fafc;font-size:11px;font-weight:900;cursor:pointer;position:relative;overflow:hidden}.active-button:disabled{opacity:.4;cursor:wait}@media(max-width:390px){.shell{padding-left:7px;padding-right:7px}}