:root{
  --bg:#050505;--bg2:#0b0807;--panel:rgba(10,9,9,.90);--panel2:rgba(18,13,10,.82);
  --gold:#ffc45b;--gold2:#ff9458;--gold3:#ffe3a0;--rose:#ff6f8e;--cyan:#63dfff;--green:#57ef9f;--ruby:#ff536c;--violet:#c274ff;
  --text:#f8f2e8;--muted:#aaa197;--dim:#756f68;--line:rgba(255,196,91,.18);--line2:rgba(255,255,255,.07);
  --safe-top:max(12px,env(safe-area-inset-top));--safe-right:max(12px,env(safe-area-inset-right));--safe-bottom:max(12px,env(safe-area-inset-bottom));--safe-left:max(12px,env(safe-area-inset-left));
}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#040404;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;touch-action:none}body{user-select:none;-webkit-user-select:none}button,a,select,input{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 50% 36%,#171009 0,#080606 43%,#030303 100%)}
#game{position:absolute;inset:0;width:100%;height:100%;display:block;background:#050505;z-index:0}#screenFx{position:absolute;inset:0;pointer-events:none;z-index:7;background:radial-gradient(circle at 50% 50%,transparent 45%,rgba(0,0,0,.58) 100%);mix-blend-mode:normal}.hidden{display:none!important}
.screen{position:absolute;inset:0;z-index:30;display:none;place-items:center;padding:clamp(14px,2.3vw,34px);overflow:hidden}.screen.active{display:grid}.modal-screen{background:rgba(0,0,0,.62);backdrop-filter:blur(13px) saturate(1.15);-webkit-backdrop-filter:blur(13px) saturate(1.15)}
.menu-screen{background:radial-gradient(circle at 72% 38%,rgba(255,150,70,.12),transparent 28%),linear-gradient(120deg,rgba(2,2,3,.96),rgba(9,7,7,.82) 48%,rgba(3,3,4,.90));}.menu-ambient{position:absolute;inset:-20%;background:radial-gradient(circle at 15% 70%,rgba(255,111,142,.08),transparent 24%),radial-gradient(circle at 85% 15%,rgba(255,196,91,.11),transparent 22%);filter:blur(20px);pointer-events:none}.menu-screen:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 68%);pointer-events:none}
.menu-layout{width:min(1260px,96vw);height:min(760px,90vh);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(24px,5vw,80px);align-items:center;position:relative;z-index:2}.menu-copy{min-width:0}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold);font-size:10px;line-height:1;font-weight:900;letter-spacing:.24em;text-transform:uppercase}.eyebrow i{width:34px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.eyebrow b{font-size:9px;color:#7f776e}.title-lockup{margin:18px 0 20px}.title-lockup h1,.title-lockup h2{margin:0;line-height:.82;text-transform:uppercase}.title-lockup h1{font-size:clamp(64px,8vw,112px);letter-spacing:-.075em;font-weight:950;background:linear-gradient(135deg,#fff7df 8%,var(--gold) 52%,#ff8c54 88%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 32px rgba(255,174,75,.11))}.title-lockup h2{font-size:clamp(27px,3.9vw,54px);letter-spacing:.36em;font-weight:900;color:#f4eee8;margin-top:14px;margin-left:.04em}.menu-copy>p{max-width:720px;margin:0 0 20px;color:#b9b1a8;font-size:clamp(13px,1.15vw,16px);line-height:1.7}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.quick-stats>div{padding:12px 13px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.025);box-shadow:inset 0 1px rgba(255,255,255,.025)}.quick-stats span{display:block;color:#786f67;font-size:7px;letter-spacing:.15em;font-weight:900}.quick-stats b{display:block;margin-top:4px;font-size:16px;color:#ece3da}.cta-main{width:100%;min-height:68px;border:1px solid rgba(255,229,153,.35);border-radius:18px;background:linear-gradient(105deg,#ffd06d,#ff9d54 64%,#ff7c64);color:#211308;display:grid;grid-template-columns:1fr 36px;grid-template-rows:auto auto;text-align:left;padding:13px 17px;box-shadow:0 16px 44px rgba(255,151,75,.17),inset 0 1px rgba(255,255,255,.55);transition:transform .18s,filter .18s}.cta-main:hover{transform:translateY(-2px);filter:brightness(1.06)}.cta-main:active{transform:translateY(0) scale(.995)}.cta-main span{font-size:15px;font-weight:950;letter-spacing:.06em}.cta-main small{font-size:9px;font-weight:700;opacity:.62;letter-spacing:.02em}.cta-main i{grid-row:1/3;grid-column:2;align-self:center;justify-self:center;font-style:normal;font-size:26px}.cta-main.compact{min-height:62px}.menu-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}.menu-actions button{min-width:0;min-height:58px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.028);text-align:left;transition:.16s}.menu-actions button:hover{background:rgba(255,196,91,.075);border-color:rgba(255,196,91,.22);transform:translateY(-1px)}.menu-actions b,.menu-actions small{display:block}.menu-actions b{font-size:9px;letter-spacing:.1em}.menu-actions small{color:#77706a;font-size:7.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-art{position:relative;display:grid;place-items:center;height:min(630px,74vh)}.menu-art>img{width:min(520px,40vw);aspect-ratio:1;border-radius:30%;position:relative;z-index:2;filter:drop-shadow(0 35px 60px rgba(0,0,0,.68));mask-image:radial-gradient(circle at 50% 47%,#000 54%,rgba(0,0,0,.88) 68%,transparent 78%)}.art-halo{position:absolute;border:1px solid rgba(255,196,91,.18);border-radius:50%;z-index:1;animation:haloSpin 18s linear infinite}.art-halo.h1{width:78%;aspect-ratio:1;box-shadow:0 0 80px rgba(255,178,69,.06),inset 0 0 60px rgba(255,178,69,.04)}.art-halo.h2{width:58%;aspect-ratio:1;border-style:dashed;animation-direction:reverse;animation-duration:12s}.art-card{position:absolute;z-index:4;min-width:145px;padding:11px 14px;border-radius:13px;border:1px solid var(--line);background:rgba(8,7,7,.76);backdrop-filter:blur(12px);box-shadow:0 14px 38px #0008}.art-card.top{right:1%;top:17%}.art-card.bottom{left:2%;bottom:15%}.art-card span{display:block;font-size:7px;color:#81786f;letter-spacing:.16em}.art-card b{display:block;font-size:10px;color:var(--gold3);margin-top:3px;letter-spacing:.06em}.menu-footer{position:absolute;z-index:3;left:var(--safe-left);right:var(--safe-right);bottom:var(--safe-bottom);display:flex;justify-content:space-between;color:#5d5751;font-size:8px;letter-spacing:.12em}.menu-footer b{color:#8b8178}@keyframes haloSpin{to{transform:rotate(360deg)}}
.panel{position:relative;width:min(610px,94vw);max-height:min(88vh,920px);padding:30px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(160deg,rgba(22,16,12,.97),rgba(7,7,8,.98) 58%);box-shadow:0 36px 110px #000,0 0 70px rgba(255,170,70,.055);overflow:hidden}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 28%,rgba(255,196,91,.025) 62%,transparent)}.panel>*{position:relative}.panel-wide{width:min(1080px,94vw)}.compact-panel{width:min(430px,94vw)}.scrollable{overflow:auto;overscroll-behavior:contain}.panel h2{margin:10px 0 22px;font-size:clamp(28px,3.2vw,44px);line-height:1.02;letter-spacing:-.045em}.panel p{color:#989089;line-height:1.55}.close-btn{position:absolute;z-index:5;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#a8a19a;font-size:24px}.close-btn:hover{color:#fff;border-color:rgba(255,196,91,.28);background:rgba(255,196,91,.07)}
.manual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.manual-grid article{padding:17px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);min-height:164px}.manual-grid article>b{font-size:9px;color:var(--gold);letter-spacing:.12em}.manual-grid h3{margin:7px 0;font-size:14px}.manual-grid p{font-size:11px;margin:0;color:#9d958e;line-height:1.55}.controls-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.controls-row span{font-size:9px;color:#918981;padding:8px 10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.02)}kbd{font-family:inherit;font-size:7px;padding:3px 5px;border:1px solid rgba(255,255,255,.12);border-bottom-color:rgba(255,255,255,.22);border-radius:5px;background:#161414;color:#d9d0c7;box-shadow:0 2px #070707}
.settings-panel{overflow:auto}.setting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.065)}.setting span{display:flex;flex-direction:column;gap:3px}.setting b{font-size:13px}.setting small{color:#776f69;font-size:9px}.setting input{appearance:none;width:47px;height:25px;border:1px solid rgba(255,255,255,.08);border-radius:99px;background:#272422;position:relative;transition:.2s;flex:none}.setting input:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#716a64;transition:.2s}.setting input:checked{background:rgba(255,196,91,.18);border-color:rgba(255,196,91,.28)}.setting input:checked:after{left:25px;background:var(--gold);box-shadow:0 0 12px rgba(255,196,91,.48)}.setting select{min-width:126px;border:1px solid rgba(255,196,91,.16);border-radius:10px;background:#151210;color:#e8e0d8;padding:8px 10px}.danger-btn,.secondary-wide,.primary-wide{width:100%;min-height:48px;border-radius:13px;font-size:10px;font-weight:900;letter-spacing:.08em;margin-top:9px}.danger-btn{margin-top:18px;border:1px solid rgba(255,83,108,.22);background:rgba(255,83,108,.065);color:#ff9aaa}.primary-wide{border:1px solid rgba(255,226,144,.34);background:linear-gradient(110deg,var(--gold),var(--gold2));color:#221308}.secondary-wide{border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035)}.secondary-wide:hover{border-color:rgba(255,196,91,.25);background:rgba(255,196,91,.065)}
.panel-title-row{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-title-row h2{margin-bottom:5px}.panel-title-row p{margin:0;font-size:11px}.vault-total{min-width:125px;text-align:right;padding:11px 13px;border-radius:13px;border:1px solid var(--line);background:rgba(255,196,91,.05)}.vault-total span{display:block;font-size:7px;color:#897f76;letter-spacing:.14em}.vault-total b{font-size:24px;color:var(--gold)}.perk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.perk-card{padding:16px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.024)}.perk-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.perk-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,196,91,.13),rgba(255,111,142,.07));border:1px solid rgba(255,196,91,.15);color:var(--gold);font-size:20px}.perk-level{font-size:9px;color:#8b837b}.perk-card h3{font-size:14px;margin:11px 0 5px}.perk-card p{font-size:10px;margin:0;min-height:31px}.perk-pips{display:flex;gap:4px;margin:10px 0}.perk-pips i{height:4px;flex:1;border-radius:4px;background:rgba(255,255,255,.07)}.perk-pips i.on{background:linear-gradient(90deg,var(--gold2),var(--gold))}.perk-buy{width:100%;height:38px;border-radius:10px;border:1px solid rgba(255,196,91,.17);background:rgba(255,196,91,.06);font-size:9px;font-weight:900}.perk-buy:disabled{opacity:.42;cursor:not-allowed}.vault-section{margin-top:16px}.vault-section h3{font-size:12px;color:#cfc4b9;letter-spacing:.08em;text-transform:uppercase}.vault-minerals{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.vault-mineral{display:flex;align-items:center;gap:8px;min-width:0;padding:8px;border-radius:11px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.02)}.vault-mineral img{width:27px;height:27px}.vault-mineral span{min-width:0}.vault-mineral b,.vault-mineral small{display:block}.vault-mineral b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vault-mineral small{color:#817971;font-size:8px;margin-top:2px}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-card{position:relative;padding:19px;border-radius:18px;border:1px solid rgba(255,196,91,.12);background:linear-gradient(160deg,rgba(255,196,91,.06),rgba(255,255,255,.018));overflow:hidden}.shop-card.featured{border-color:rgba(255,196,91,.36);box-shadow:0 16px 55px rgba(255,168,65,.08)}.shop-card:after{content:"";position:absolute;width:130px;height:130px;right:-55px;top:-60px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,91,.12),transparent 70%)}.shop-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(255,196,91,.17);background:rgba(255,196,91,.055);font-size:24px;color:var(--gold)}.shop-card .badge{position:absolute;right:12px;top:12px;font-size:7px;letter-spacing:.11em;color:#1d1107;background:var(--gold);border-radius:99px;padding:5px 7px;font-weight:950}.shop-card h3{margin:12px 0 5px;font-size:18px}.shop-card>p{margin:0;min-height:38px;font-size:10px}.shop-rewards{list-style:none;padding:0;margin:12px 0}.shop-rewards li{font-size:10px;color:#aaa29a;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.045)}.shop-rewards li:before{content:"+";color:var(--gold);font-weight:950;margin-right:6px}.shop-price{display:flex;align-items:end;justify-content:space-between;margin:14px 0 8px}.shop-price span{font-size:9px;color:#8a8178}.shop-price b{font-size:25px;color:var(--gold3)}.shop-buy{width:100%;height:43px;border:1px solid rgba(255,217,122,.3);border-radius:11px;background:linear-gradient(110deg,var(--gold),var(--gold2));color:#211207;font-size:9px;font-weight:950;letter-spacing:.08em}.shop-buy:disabled{filter:grayscale(.5);opacity:.5;cursor:not-allowed}.account-chip{font-size:8px;color:#877e75;border:1px solid rgba(255,255,255,.06);border-radius:99px;padding:8px 10px;white-space:nowrap}.account-chip.online{color:#77efac;border-color:rgba(87,239,159,.18);background:rgba(87,239,159,.045)}.shop-status{font-size:9px;color:#81786f;margin-top:12px;padding:10px 12px;border-left:2px solid rgba(255,196,91,.35);background:rgba(255,255,255,.02)}
.install-panel{width:min(520px,94vw)}.install-hero{display:flex;align-items:center;gap:14px;margin:3px 0 18px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.025)}.install-hero img{width:62px;height:62px;border-radius:16px}.install-hero b,.install-hero span{display:block}.install-hero b{font-size:15px}.install-hero span{font-size:9px;color:#887f77;margin-top:4px}.download-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;margin-top:9px;padding:12px 15px;border-radius:14px;border:1px solid rgba(99,223,255,.18);background:rgba(99,223,255,.05)}.download-link b,.download-link small{display:block}.download-link b{font-size:10px}.download-link small{font-size:8px;color:#7e8589}.install-help,.install-note{margin-top:12px;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.025);font-size:9px;color:#918981;line-height:1.5}.install-help{border:1px solid rgba(99,223,255,.14)}
.hud{position:absolute;z-index:12;pointer-events:none}.hud.top{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);display:grid;grid-template-columns:minmax(170px,250px) minmax(240px,390px) minmax(180px,270px);justify-content:space-between;align-items:start;gap:10px}.hud.bottom{left:var(--safe-left);right:var(--safe-right);bottom:var(--safe-bottom);display:flex;align-items:end;justify-content:space-between;gap:10px}.hud-card{border:1px solid rgba(255,196,91,.105);border-radius:15px;background:linear-gradient(145deg,rgba(9,8,8,.72),rgba(5,5,6,.56));backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);box-shadow:0 12px 36px rgba(0,0,0,.33),inset 0 1px rgba(255,255,255,.02)}.sector-card{padding:9px 11px}.brand-chip{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:950;letter-spacing:.15em}.brand-chip img{width:22px;height:22px;border-radius:7px}.sector-line{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:8px;color:#898078;letter-spacing:.08em}.sector-line b{color:#d9cdbf}.sector-line span:nth-child(2){color:var(--gold)}.coords{margin-top:4px;color:#625c57;font-size:6.5px;letter-spacing:.06em}.vitals-card{padding:9px 12px}.vital-label{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.11em;color:#998f86;font-weight:800}.vital-label strong{font-size:8px;color:#ded4ca}.shield-line{margin-top:6px}.meter{height:7px;margin-top:4px;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden;position:relative}.meter i{display:block;height:100%;width:100%;border-radius:inherit;transition:width .14s}.meter.hp i{background:linear-gradient(90deg,#ff536c,#ff8e61 60%,#ffc45b);box-shadow:0 0 15px rgba(255,83,108,.22)}.meter.shield i{background:linear-gradient(90deg,#378dff,#63dfff)}.economy-card{padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.score-wrap span,.score-wrap strong,.score-wrap small{display:block}.score-wrap span{font-size:6.5px;color:#7c746e;letter-spacing:.13em}.score-wrap strong{font-size:18px;line-height:1.1}.score-wrap small{font-size:6.5px;color:var(--gold);margin-top:1px}.mineral-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.mineral-mini .m{display:flex;align-items:center;gap:4px;padding:3px 5px;border-radius:7px;background:rgba(255,255,255,.025);font-size:7px}.mineral-mini i{width:7px;height:10px;display:block;clip-path:polygon(50% 0,100% 36%,82% 82%,50% 100%,18% 82%,0 36%)}.m.aurelita i{background:var(--gold)}.m.emerald i{background:var(--green)}.m.ruby i{background:var(--ruby)}.m.diamond i{background:var(--cyan)}.xp-card{width:min(380px,39vw);padding:9px 12px}.xp-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#8f877f}.xp-top strong{color:var(--gold3);letter-spacing:.08em}.meter.xp{height:5px}.meter.xp i{background:linear-gradient(90deg,var(--gold2),var(--gold3))}.power-summary{margin-top:5px;color:#625c56;font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ability-rack{pointer-events:auto;display:flex;gap:6px;padding:6px}.ability{min-width:104px;height:54px;border-radius:11px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);display:grid;grid-template-columns:31px 1fr auto;align-items:center;text-align:left;padding:5px 7px;transition:.16s}.ability:hover{border-color:rgba(255,196,91,.22);background:rgba(255,196,91,.055)}.ability.locked{opacity:.42;filter:saturate(.55)}.ability.ready{border-color:rgba(255,196,91,.31);box-shadow:inset 0 0 20px rgba(255,196,91,.035)}.ability-icon{width:28px;height:34px;display:grid;place-items:center;color:var(--gold);font-size:18px}.ability img{width:28px;height:28px;object-fit:contain}.ability-copy{min-width:0}.ability-copy b,.ability-copy small{display:block}.ability-copy b{font-size:7px;letter-spacing:.07em;white-space:nowrap}.ability-copy small{font-size:6px;color:#77706a;margin-top:3px}.ability kbd{font-size:5.5px}.pause-ability{min-width:85px}.boss-hud{position:absolute;z-index:13;top:calc(var(--safe-top) + 72px);left:50%;transform:translateX(-50%);width:min(620px,58vw);pointer-events:none}.boss-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px;margin-bottom:4px;font-size:7px;color:#8d8078;letter-spacing:.14em}.boss-top strong{font-size:11px;color:#ffd2b6}.boss-top span:last-child{text-align:right}.boss-meter{height:9px;border:1px solid rgba(255,111,142,.25);padding:2px;border-radius:99px;background:rgba(0,0,0,.6);box-shadow:0 0 24px rgba(255,83,108,.10)}.boss-meter i{display:block;height:100%;width:100%;border-radius:99px;background:linear-gradient(90deg,#b72155,#ff536c,#ff9b61);transition:width .12s}.radar-shell{position:absolute;z-index:11;right:var(--safe-right);top:calc(var(--safe-top) + 88px);width:112px;height:129px;border:1px solid rgba(255,196,91,.10);border-radius:15px;background:rgba(6,6,7,.48);backdrop-filter:blur(8px);pointer-events:none;overflow:hidden}.radar-shell canvas{width:110px;height:110px;display:block}.radar-label{position:absolute;left:8px;right:8px;bottom:5px;display:flex;justify-content:space-between;font-size:5.5px;color:#766e67;letter-spacing:.1em}.radar-label b{color:#a69b90}
.upgrade-screen{background:radial-gradient(circle at 50% 45%,rgba(255,184,77,.09),rgba(0,0,0,.75) 45%,rgba(0,0,0,.90))}.upgrade-panel{padding:26px}.upgrade-heading{display:flex;justify-content:space-between;align-items:start}.upgrade-heading h2{margin-bottom:15px}.level-burst{width:68px;height:68px;display:grid;place-items:center;border-radius:18px;border:1px solid rgba(255,196,91,.21);background:rgba(255,196,91,.055)}.level-burst span,.level-burst b{display:block;text-align:center}.level-burst span{font-size:6px;letter-spacing:.13em;color:#897f76}.level-burst b{font-size:26px;color:var(--gold)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upgrade-card{position:relative;min-height:248px;border:1px solid rgba(255,196,91,.12);border-radius:18px;background:linear-gradient(155deg,rgba(255,196,91,.055),rgba(255,255,255,.017));padding:17px;text-align:left;overflow:hidden;transition:.18s}.upgrade-card:hover{transform:translateY(-4px);border-color:rgba(255,196,91,.38);box-shadow:0 20px 55px rgba(255,164,72,.08)}.upgrade-card.advanced{background:linear-gradient(155deg,rgba(194,116,255,.07),rgba(255,196,91,.025));border-color:rgba(194,116,255,.17)}.upgrade-card:after{content:"";position:absolute;width:110px;height:110px;right:-45px;top:-45px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,91,.12),transparent 70%)}.upgrade-icon-shell{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;border:1px solid rgba(255,196,91,.18);background:#110e0c;box-shadow:inset 0 0 25px rgba(255,196,91,.035)}.upgrade-icon-shell svg{width:39px;height:39px;overflow:visible}.upgrade-card .tier{display:block;margin-top:15px;color:#837a72;font-size:7px;font-weight:900;letter-spacing:.13em}.upgrade-card h3{margin:5px 0 7px;font-size:16px}.upgrade-card p{margin:0;color:#9f978f;font-size:10px;line-height:1.5;min-height:46px}.power-level-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.power-level-row b{font-size:9px;color:var(--gold3)}.level-pips{display:flex;gap:4px}.level-pips i{width:18px;height:4px;border-radius:4px;background:rgba(255,255,255,.075)}.level-pips i.on{background:var(--gold)}.level-pips i.next{background:rgba(255,196,91,.35);box-shadow:0 0 8px rgba(255,196,91,.18)}.next-effect{display:block;margin-top:8px;font-size:7.5px;color:#736b64}
.result-panel{width:min(540px,94vw);overflow:auto}.result-score{padding:16px;border:1px solid rgba(255,196,91,.13);border-radius:15px;background:rgba(255,196,91,.04);text-align:center}.result-score span{font-size:7px;color:#8a8179;letter-spacing:.13em}.result-score strong{display:block;color:var(--gold);font-size:45px;line-height:1.05}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0}.result-grid div{padding:10px;border-radius:11px;background:rgba(255,255,255,.025);text-align:center}.result-grid span{display:block;font-size:6px;color:#81786f;letter-spacing:.11em}.result-grid b{display:block;font-size:15px;margin-top:3px}.result-minerals{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:10px}.result-mineral{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;border-radius:8px;background:rgba(255,255,255,.02);font-size:7px}.result-mineral img{width:18px;height:18px}.record-badge{margin:8px 0;padding:8px;border-radius:10px;text-align:center;color:#201207;background:linear-gradient(90deg,var(--gold),#ffe4a0);font-size:8px;font-weight:950;letter-spacing:.14em}.pause-stats{display:flex;gap:6px;margin:-10px 0 10px}.pause-stats span{flex:1;padding:7px;border-radius:8px;background:rgba(255,255,255,.025);font-size:6.5px;color:#7c746d;text-align:center}
.reward-popup{position:absolute;z-index:24;right:var(--safe-right);top:calc(var(--safe-top) + 210px);width:min(300px,calc(100vw - 24px));display:flex;align-items:center;gap:10px;padding:11px;border-radius:14px;border:1px solid rgba(255,196,91,.20);background:linear-gradient(130deg,rgba(18,14,11,.94),rgba(7,7,8,.94));box-shadow:0 18px 50px #0009;animation:rewardIn .32s ease}.reward-popup img{width:48px;height:48px}.reward-popup span,.reward-popup b,.reward-popup small{display:block}.reward-popup span{font-size:6px;color:#8d837a;letter-spacing:.14em}.reward-popup b{font-size:12px;color:var(--gold3);margin:2px 0}.reward-popup small{font-size:8px;color:#8f877f}@keyframes rewardIn{from{opacity:0;transform:translateX(20px) scale(.96)}to{opacity:1;transform:none}}
.toast{position:absolute;z-index:60;left:50%;top:calc(var(--safe-top) + 96px);transform:translate(-50%,-9px);padding:8px 13px;border-radius:99px;border:1px solid rgba(255,196,91,.18);background:rgba(7,7,8,.91);box-shadow:0 14px 38px #0008;color:#d7cec6;font-size:8px;font-weight:900;letter-spacing:.07em;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.ad-screen{z-index:80;background:radial-gradient(circle at 50% 40%,rgba(255,188,80,.10),rgba(0,0,0,.87) 48%)}.ad-panel{width:min(650px,92vw);padding:38px;border-radius:28px;border:1px solid rgba(255,196,91,.20);background:linear-gradient(145deg,rgba(17,12,10,.97),rgba(5,5,6,.98));text-align:center;box-shadow:0 40px 120px #000}.ad-tag{font-size:8px;letter-spacing:.2em;color:#857b72}.ad-brand{margin:22px auto 11px;width:max-content;padding:9px 15px;border:1px solid rgba(255,196,91,.28);border-radius:11px;color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.22em}.ad-panel h2{font-size:clamp(28px,4vw,46px);margin:8px 0;letter-spacing:-.045em}.ad-panel p{color:#9e958d;line-height:1.6;max-width:500px;margin:0 auto 22px}.ad-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ad-actions a,.ad-actions button{min-height:50px;border-radius:12px;display:grid;place-items:center;text-decoration:none;font-size:9px;font-weight:950;letter-spacing:.08em}.ad-actions a{background:linear-gradient(110deg,var(--gold),var(--gold2));color:#211208}.ad-actions button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.ad-actions button:disabled{opacity:.45}
.touch-layer{position:absolute;inset:0;z-index:10;pointer-events:none}.stick{position:absolute;width:112px;height:112px;border:1px solid rgba(255,255,255,.10);border-radius:50%;background:radial-gradient(circle,rgba(255,196,91,.035),rgba(255,255,255,.015));left:24px;bottom:93px;opacity:.76}.stick.aim{left:auto;right:24px}.stick i{position:absolute;width:44px;height:44px;left:33px;top:33px;border-radius:50%;border:1px solid rgba(255,196,91,.28);background:radial-gradient(circle,rgba(255,196,91,.27),rgba(255,147,86,.10));box-shadow:0 0 24px rgba(255,196,91,.08);transform:translate(0,0)}.stick span{position:absolute;left:0;right:0;bottom:-20px;text-align:center;color:#5d5751;font-size:6px;letter-spacing:.12em}.rotate-hint{position:absolute;z-index:65;left:50%;top:50%;transform:translate(-50%,-50%);width:min(260px,78vw);padding:14px;border:1px solid rgba(255,196,91,.18);border-radius:14px;background:rgba(8,8,9,.92);text-align:center;box-shadow:0 20px 60px #000}.rotate-hint span{display:block;font-size:24px;color:var(--gold)}.rotate-hint b,.rotate-hint small{display:block}.rotate-hint b{font-size:10px;margin:4px}.rotate-hint small{font-size:8px;color:#827a73}
@media(max-width:1000px){.menu-layout{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px}.menu-art>img{width:min(430px,42vw)}.manual-grid{grid-template-columns:repeat(2,1fr)}.perk-grid{grid-template-columns:repeat(2,1fr)}.vault-minerals{grid-template-columns:repeat(3,1fr)}.hud.top{grid-template-columns:180px minmax(220px,330px) 190px}.ability{min-width:90px}.ability-rack{gap:4px}}
@media(max-width:760px){
  .screen{padding:10px}.menu-screen{place-items:stretch}.menu-layout{width:100%;height:100%;display:block;padding:calc(var(--safe-top) + 10px) var(--safe-right) calc(var(--safe-bottom) + 45px) var(--safe-left);overflow:auto}.menu-copy{position:relative;z-index:3}.menu-art{position:absolute;z-index:1;right:-15%;top:3%;width:66vw;height:52vh;opacity:.54}.menu-art>img{width:100%;max-width:430px}.art-card,.art-halo.h2{display:none}.title-lockup{margin:14px 0}.title-lockup h1{font-size:clamp(56px,16vw,82px)}.title-lockup h2{font-size:clamp(22px,7vw,34px);letter-spacing:.28em}.menu-copy>p{width:76%;font-size:12px;line-height:1.55;margin-bottom:14px}.quick-stats{grid-template-columns:repeat(2,1fr);width:74%;gap:5px}.quick-stats>div{padding:8px 10px}.cta-main{width:78%;min-height:60px}.menu-actions{width:78%;grid-template-columns:repeat(3,1fr)}.menu-actions button{min-height:50px}.menu-actions button:nth-child(4),.menu-actions button:nth-child(5){grid-column:auto}.menu-footer{font-size:6px}.panel{padding:23px 17px;max-height:92vh}.panel h2{font-size:28px}.panel-title-row{display:block}.vault-total{width:max-content;margin-top:8px;text-align:left}.manual-grid{grid-template-columns:1fr 1fr;max-height:63vh;overflow:auto}.manual-grid article{min-height:145px}.perk-grid{grid-template-columns:1fr 1fr;max-height:52vh;overflow:auto}.shop-grid{grid-template-columns:1fr;max-height:56vh;overflow:auto}.shop-card>p{min-height:0}.vault-minerals{grid-template-columns:repeat(2,1fr)}
  .hud.top{top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);grid-template-columns:1fr 1.6fr auto;gap:4px}.hud-card{border-radius:10px}.sector-card{padding:6px 7px}.brand-chip{font-size:7px}.brand-chip img{width:17px;height:17px}.sector-line{font-size:6px;margin-top:3px}.coords{font-size:5px}.vitals-card{padding:6px 7px}.vital-label{font-size:5px}.vital-label strong{font-size:6px}.meter{height:5px;margin-top:3px}.shield-line{margin-top:4px}.economy-card{padding:5px 6px;gap:4px}.score-wrap span{display:none}.score-wrap strong{font-size:13px}.score-wrap small{font-size:5px}.mineral-mini{gap:2px}.mineral-mini .m{padding:2px 3px;font-size:5.5px}.mineral-mini i{width:5px;height:7px}.boss-hud{top:calc(var(--safe-top) + 58px);width:62vw}.boss-top{font-size:5px}.boss-top strong{font-size:8px}.boss-meter{height:7px}.radar-shell{right:var(--safe-right);top:calc(var(--safe-top) + 68px);width:78px;height:92px;border-radius:10px}.radar-shell canvas{width:76px;height:76px}.radar-label{font-size:4px}.hud.bottom{left:var(--safe-left);right:var(--safe-right);bottom:var(--safe-bottom);align-items:end}.xp-card{width:35vw;padding:6px 7px}.xp-top{font-size:5.5px}.power-summary{font-size:5px}.ability-rack{padding:3px;gap:3px}.ability{min-width:0;width:72px;height:43px;padding:3px 4px;grid-template-columns:22px 1fr}.ability kbd{display:none}.ability-icon{width:21px;height:27px;font-size:14px}.ability img{width:21px;height:21px}.ability-copy b{font-size:5.5px}.ability-copy small{font-size:5px}.pause-ability{width:58px}.touch-layer:not(.hidden){display:block!important}.stick{width:94px;height:94px;left:16px;bottom:86px}.stick.aim{left:auto;right:16px}.stick i{width:38px;height:38px;left:27px;top:27px}.reward-popup{top:calc(var(--safe-top) + 150px);width:230px;padding:8px}.reward-popup img{width:37px;height:37px}.reward-popup b{font-size:10px}.upgrade-grid{grid-template-columns:1fr;max-height:65vh;overflow:auto}.upgrade-card{min-height:150px;display:grid;grid-template-columns:55px 1fr;grid-template-rows:auto auto auto;gap:0 11px;padding:13px}.upgrade-icon-shell{grid-row:1/4;width:52px;height:52px}.upgrade-card .tier{margin-top:2px}.upgrade-card h3{margin:3px 0}.upgrade-card p{min-height:0}.power-level-row,.next-effect{grid-column:2}.level-pips i{width:13px}.result-grid{grid-template-columns:repeat(4,1fr)}.result-minerals{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:520px) and (orientation:portrait){.menu-art{right:-28%;top:1%;width:88vw;opacity:.42}.menu-copy>p,.quick-stats,.cta-main,.menu-actions{width:100%}.menu-copy>p{max-width:90%}.menu-actions{grid-template-columns:repeat(3,1fr)}.quick-stats{grid-template-columns:repeat(4,1fr)}.quick-stats span{font-size:5.4px}.quick-stats b{font-size:12px}.title-lockup h1{font-size:19vw}.manual-grid{grid-template-columns:1fr}.perk-grid{grid-template-columns:1fr}.vault-minerals{grid-template-columns:1fr 1fr}.radar-shell{display:none!important}.sector-card .brand-chip span{display:none}.sector-card{max-width:92px}.hud.top{grid-template-columns:92px 1fr 92px}.economy-card .mineral-mini{display:none}.boss-hud{width:78vw}.xp-card{width:31vw}.ability{width:66px}.pause-ability{width:48px}.stick{bottom:105px}.upgrade-panel{padding:18px 12px}.upgrade-heading h2{font-size:24px}.level-burst{width:56px;height:56px}.level-burst b{font-size:21px}.ad-panel{padding:25px 18px}.ad-actions{grid-template-columns:1fr}.result-panel{padding:21px 14px}}
@media(max-height:620px) and (orientation:landscape){.menu-layout{height:96vh}.menu-copy>p{line-height:1.45;margin-bottom:10px}.title-lockup{margin:10px 0}.quick-stats{margin-bottom:9px}.cta-main{min-height:57px}.menu-actions button{min-height:48px}.menu-art{height:92vh}.panel{max-height:96vh}.manual-grid article{min-height:130px}.hud.top{top:6px}.hud.bottom{bottom:6px}.radar-shell{top:78px}.stick{bottom:76px}}
@media(pointer:fine){.touch-layer{display:none!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.art-halo{animation:none}.cta-main,.menu-actions button,.upgrade-card{transition:none}}

/* === AURELIX v3 — CINEMATIC GAME SHELL === */
#cinematicGrain{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
#screenFx{background:radial-gradient(circle at 50% 50%,transparent 37%,rgba(0,0,0,.62) 100%),linear-gradient(180deg,rgba(255,194,91,.02),transparent 18%,transparent 78%,rgba(38,89,142,.035))}
.menu-screen{background:#020204;overflow:hidden}
.menu-screen:before{content:"";position:absolute;inset:-2%;background:url("assets/aurelix-ship-art.png") center/cover no-repeat;filter:saturate(.82) brightness(.48) contrast(1.08);transform:scale(1.035);z-index:0}
.menu-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,2,4,.98) 0%,rgba(2,3,6,.92) 31%,rgba(3,4,7,.56) 55%,rgba(0,0,0,.30) 100%),linear-gradient(0deg,rgba(0,0,0,.85),transparent 35%,rgba(0,0,0,.28));z-index:1;mask-image:none}
.menu-ambient{z-index:2;opacity:.55}
.menu-layout{z-index:3;width:min(1450px,96vw);grid-template-columns:minmax(440px,.78fr) minmax(420px,1.22fr);gap:30px}
.menu-copy{padding:24px;border-left:1px solid rgba(255,196,91,.22);background:linear-gradient(90deg,rgba(6,7,10,.68),rgba(6,7,10,.24),transparent);backdrop-filter:blur(2px)}
.title-lockup h1{font-size:clamp(70px,8.7vw,132px);filter:drop-shadow(0 10px 34px rgba(255,151,54,.18))}
.title-lockup h2{font-size:clamp(25px,3.2vw,49px);color:#fff9ee;text-shadow:0 2px 22px #000}
.menu-copy>p{color:#d1c7bb;max-width:680px;text-shadow:0 2px 16px #000;font-size:14px}
.quick-stats>div{background:linear-gradient(180deg,rgba(20,21,25,.72),rgba(8,9,12,.72));border-color:rgba(255,196,91,.11);box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 26px #0005}
.cta-main{border-radius:9px;min-height:72px;background:linear-gradient(96deg,#f1a83f,#ffc962 56%,#ff8d4b);box-shadow:0 0 0 1px rgba(255,225,151,.22),0 18px 48px rgba(255,147,54,.18);clip-path:polygon(0 0,96% 0,100% 25%,100% 100%,4% 100%,0 75%)}
.menu-actions button{border-radius:8px;background:linear-gradient(180deg,rgba(18,20,25,.86),rgba(7,8,11,.82));border-color:rgba(255,196,91,.10);min-height:62px}
.menu-actions button:hover{background:linear-gradient(180deg,rgba(44,36,25,.88),rgba(13,11,10,.90));box-shadow:0 0 24px rgba(255,177,76,.08)}
.menu-art{opacity:0;pointer-events:none}
.menu-footer{z-index:4;border-top:1px solid rgba(255,196,91,.11);padding-top:9px;color:#85786b}
.hud-card,.radar-shell,.boss-hud,.mission-hud{background:linear-gradient(180deg,rgba(10,12,17,.88),rgba(4,5,8,.82));border:1px solid rgba(255,196,91,.14);box-shadow:0 16px 42px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(12px) saturate(1.1)}
.hud-card{border-radius:10px}.hud.top{top:calc(var(--safe-top) + 6px);left:calc(var(--safe-left) + 6px);right:calc(var(--safe-right) + 6px)}
.sector-card{position:relative;overflow:hidden}.sector-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#ffc45b,#ff6e52)}
.vitals-card{border-color:rgba(99,223,255,.15)}.economy-card{border-color:rgba(255,196,91,.19)}
.mineral-mini .m{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045);border-radius:6px;padding:3px 5px}
.radar-shell{border-radius:10px;overflow:hidden}.boss-hud{border-color:rgba(255,83,108,.28);box-shadow:0 0 40px rgba(255,53,76,.08),0 18px 46px #0008}
.boss-hud:before{content:"BOSS // HOSTILE ENTITY";display:block;position:absolute;left:10px;top:-15px;color:#ff6b72;font-size:6px;font-weight:900;letter-spacing:.18em}
.ability-rack{background:linear-gradient(180deg,rgba(7,9,13,.90),rgba(3,4,7,.92));border-color:rgba(255,196,91,.16);border-radius:12px}
.ability{border-radius:8px;background:linear-gradient(180deg,rgba(20,22,28,.92),rgba(7,8,11,.94));border-color:rgba(255,255,255,.055)}
.ability.ready{border-color:rgba(255,196,91,.42);box-shadow:inset 0 0 22px rgba(255,176,70,.07)}
.ability-icon,.ability img{filter:drop-shadow(0 0 8px rgba(255,190,83,.22))}.xp-card{border-color:rgba(255,196,91,.14)}
.mission-hud{position:absolute;z-index:12;left:calc(var(--safe-left) + 8px);top:calc(var(--safe-top) + 122px);width:245px;padding:10px 12px;border-radius:10px}
.mission-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:7px}.mission-head span{font-size:6px;color:#756e69;letter-spacing:.15em;font-weight:900}.mission-head b{font-size:7px;color:#ffc45b;letter-spacing:.09em}
.mission-line{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:8px}.mission-line span{color:#b6ada5}.mission-line strong{color:#fff4dc}
.mission-track{height:4px;border-radius:99px;background:rgba(255,255,255,.06);margin:6px 0 8px;overflow:hidden}.mission-track i{display:block;height:100%;width:66%;background:linear-gradient(90deg,#ff9a4a,#ffc85d);box-shadow:0 0 10px #ff9a4a}
.mission-meta{display:flex;justify-content:space-between;color:#6f6862;font-size:6px;letter-spacing:.08em}.mission-meta b{color:#aaa099}
.panel{border-radius:14px;background:linear-gradient(160deg,rgba(13,15,20,.985),rgba(5,6,9,.99) 58%);border-color:rgba(255,196,91,.17)}
.upgrade-card,.perk-card,.shop-card{border-radius:10px;background:linear-gradient(180deg,rgba(17,19,25,.93),rgba(6,7,10,.96));border-color:rgba(255,196,91,.10)}
.upgrade-card:hover{border-color:rgba(255,196,91,.38);box-shadow:0 12px 42px #0008,0 0 28px rgba(255,184,76,.08);transform:translateY(-3px)}
.reward-popup{border-radius:9px;background:linear-gradient(120deg,rgba(12,14,19,.97),rgba(5,6,8,.96));border-color:rgba(255,196,91,.28)}.toast{border-radius:6px;background:rgba(5,7,11,.94)}
@media(max-width:760px){
 .menu-screen:before{background-position:62% center;filter:saturate(.88) brightness(.37) contrast(1.08)}
 .menu-screen:after{background:linear-gradient(180deg,rgba(1,2,4,.60),rgba(1,2,4,.85) 44%,rgba(1,2,4,.98) 100%),linear-gradient(90deg,rgba(1,2,4,.90),transparent)}
 .menu-layout{display:flex;align-items:flex-end;padding-bottom:calc(var(--safe-bottom) + 22px)}.menu-copy{width:100%;padding:12px 6px 0;border-left:0;background:none}
 .title-lockup h1{font-size:17vw}.title-lockup h2{font-size:6.2vw}.quick-stats,.cta-main,.menu-actions,.menu-copy>p{width:100%}.menu-copy>p{max-width:100%;font-size:11px}
 .menu-actions{grid-template-columns:repeat(5,1fr)}.menu-actions button{padding:8px 6px;min-height:49px;text-align:center}.menu-actions small{display:none}.menu-actions b{font-size:6.8px}
 .mission-hud{left:var(--safe-left);top:calc(var(--safe-top) + 64px);width:174px;padding:7px 8px;opacity:.88}.mission-head b{font-size:5.5px}.mission-line{font-size:6.5px}.mission-meta{font-size:5px}
}
@media(max-width:520px) and (orientation:portrait){.mission-hud{display:none!important}.hud.top{grid-template-columns:86px 1fr 82px}.menu-actions{grid-template-columns:repeat(5,1fr)}}

/* === AURELIX v4 additions === */
.biome-tag{margin-top:6px;color:#8f877d;font-size:7px;letter-spacing:.16em;font-weight:900}
.event-hud,.contract-hud{position:absolute;z-index:12;right:calc(var(--safe-right) + 8px);width:260px;padding:10px 12px;border-radius:10px;background:linear-gradient(180deg,rgba(10,12,17,.88),rgba(4,5,8,.82));border:1px solid rgba(255,196,91,.14);box-shadow:0 16px 42px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(12px) saturate(1.1)}
.event-hud{top:calc(var(--safe-top) + 286px)}
.contract-hud{top:calc(var(--safe-top) + 426px)}
.event-head,.contract-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:7px}
.event-head span,.contract-head span{font-size:6px;color:#756e69;letter-spacing:.15em;font-weight:900}.event-head b,.contract-head b{font-size:8px;color:#ffc45b;letter-spacing:.09em}
.event-desc,.contract-desc{margin-top:7px;color:#c6bdb2;font-size:10px;line-height:1.45}.event-track,.contract-track{height:4px;border-radius:99px;background:rgba(255,255,255,.06);margin:8px 0 8px;overflow:hidden}.event-track i,.contract-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff9a4a,#ffc85d);box-shadow:0 0 10px #ff9a4a}.contract-track i{background:linear-gradient(90deg,#63dfff,#ffc45b);box-shadow:0 0 10px rgba(99,223,255,.5)}
.event-meta,.contract-meta{display:flex;justify-content:space-between;color:#6f6862;font-size:7px;letter-spacing:.08em}.event-meta b,.contract-meta b{color:#e6ddd0}
@media(max-width:900px){.event-hud,.contract-hud{right:var(--safe-right);width:190px;padding:8px 9px}.event-hud{top:calc(var(--safe-top) + 238px)}.contract-hud{top:calc(var(--safe-top) + 342px)}.event-desc,.contract-desc{font-size:8px}.event-head b,.contract-head b{font-size:6.5px}}
@media(max-width:520px) and (orientation:portrait){.event-hud,.contract-hud{display:none!important}.biome-tag{display:none}}

/* === AURELIX v5 — DEEP GAME UI PASS === */
.menu-screen:before{background-position:72% 48%;filter:saturate(.9) brightness(.42) contrast(1.12)}
.menu-screen:after{background:linear-gradient(90deg,rgba(1,2,4,.99) 0%,rgba(2,3,6,.94) 34%,rgba(4,4,8,.58) 58%,rgba(0,0,0,.24) 100%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 40%,rgba(0,0,0,.32));}
.menu-layout{grid-template-columns:minmax(500px,.9fr) minmax(430px,1.1fr);gap:18px;width:min(1540px,96vw)}
.menu-copy{max-width:790px;padding:28px 30px 26px;border:1px solid rgba(255,196,91,.11);border-left:2px solid rgba(255,196,91,.34);border-radius:20px;background:linear-gradient(105deg,rgba(5,7,11,.83),rgba(7,8,12,.54) 72%,rgba(7,8,12,.16));box-shadow:0 34px 90px rgba(0,0,0,.36);backdrop-filter:blur(7px)}
.title-lockup{margin:12px 0 15px}.title-lockup h1{font-size:clamp(68px,7.6vw,122px);letter-spacing:-.065em}.title-lockup h2{font-size:clamp(23px,2.7vw,44px);letter-spacing:.42em;margin-top:11px}
.menu-copy>p{font-size:13px;line-height:1.62;margin-bottom:14px;color:#d5cec4}.quick-stats{margin-bottom:13px}.quick-stats>div{padding:10px 12px;border-radius:10px;background:linear-gradient(180deg,rgba(19,22,28,.75),rgba(7,8,11,.8))}
.mode-select{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px}
.mode-card{position:relative;min-height:96px;padding:12px 12px 11px;border-radius:12px;text-align:left;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(17,20,27,.90),rgba(6,8,12,.94));overflow:hidden;transition:.18s}
.mode-card:after{content:"";position:absolute;right:-24px;top:-30px;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,91,.10),transparent 70%)}
.mode-card:hover{transform:translateY(-2px);border-color:rgba(255,196,91,.24);background:linear-gradient(180deg,rgba(29,26,23,.94),rgba(8,9,12,.95))}
.mode-card.active{border-color:rgba(255,196,91,.48);box-shadow:inset 0 0 0 1px rgba(255,196,91,.08),0 0 26px rgba(255,173,62,.08);background:linear-gradient(160deg,rgba(58,41,20,.78),rgba(11,10,12,.97) 68%)}
.mode-card span,.mode-card b,.mode-card small{display:block;position:relative;z-index:1}.mode-card span{font-size:6.5px;color:#8e8175;letter-spacing:.16em;font-weight:900}.mode-card b{font-size:15px;margin:4px 0 5px;color:#fff2d8}.mode-card small{font-size:8.5px;line-height:1.4;color:#9f978f}
.cta-main{min-height:66px;border-radius:12px;clip-path:none}.menu-actions{grid-template-columns:repeat(5,1fr)}.menu-actions button{min-height:55px;border-radius:10px}
.menu-art{opacity:1;pointer-events:none;height:min(690px,82vh)}.menu-art>img{width:min(620px,45vw);border-radius:22px;aspect-ratio:1;object-fit:cover;mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 84%,transparent 100%);filter:drop-shadow(0 40px 80px rgba(0,0,0,.72)) saturate(1.05)}
.art-card{border-radius:9px}.art-card.mid{right:5%;bottom:31%}
.hud-mode-chip{display:inline-flex;margin-top:5px;padding:3px 7px;border:1px solid rgba(255,196,91,.16);border-radius:999px;background:rgba(255,196,91,.055);font-size:6px;color:#c9b692;letter-spacing:.12em;font-weight:900}
/* game HUD: denser, less website-card feeling */
.hud-card,.mission-hud,.event-hud,.contract-hud,.radar-shell,.boss-hud{border-radius:8px;background:linear-gradient(180deg,rgba(5,8,13,.89),rgba(3,4,8,.80));box-shadow:0 10px 30px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.025)}
.sector-card,.vitals-card,.economy-card{min-height:70px}.mission-hud{width:225px}.event-hud,.contract-hud{width:236px}.radar-shell{transform:scale(.92);transform-origin:top right}
.ability-rack{border-radius:9px}.ability{border-radius:7px}.ability:hover{border-color:rgba(255,196,91,.25)}
/* richer popups */
.upgrade-panel{background:radial-gradient(circle at 50% -20%,rgba(255,196,91,.11),transparent 42%),linear-gradient(160deg,rgba(10,13,19,.995),rgba(4,5,8,.995));}
.upgrade-card{min-height:260px;border-radius:13px}.upgrade-card .next-effect{border-left:2px solid rgba(255,196,91,.28);padding-left:9px}
.panel{box-shadow:0 40px 130px rgba(0,0,0,.84),0 0 70px rgba(255,173,67,.045)}
@media(max-width:1100px){.menu-layout{grid-template-columns:minmax(430px,1fr) minmax(360px,.9fr)}.menu-copy{padding:22px}.mode-select{grid-template-columns:1fr}.mode-card{min-height:65px;display:grid;grid-template-columns:72px 120px 1fr;align-items:center;gap:4px}.mode-card b{margin:0}.mode-card small{margin:0}.menu-art>img{width:min(520px,42vw)}}
@media(max-width:760px){
 .menu-screen:before{background-position:66% 24%;filter:saturate(.95) brightness(.35) contrast(1.12)}
 .menu-screen:after{background:linear-gradient(180deg,rgba(1,2,4,.28),rgba(1,2,4,.72) 35%,rgba(1,2,4,.97) 64%,#010204 100%)}
 .menu-layout{display:flex;padding:calc(var(--safe-top) + 6px) var(--safe-right) calc(var(--safe-bottom) + 8px) var(--safe-left);overflow:auto;align-items:flex-end}
 .menu-copy{width:100%;max-width:none;padding:13px 11px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(4,6,10,.56),rgba(3,4,7,.94));border-left:1px solid rgba(255,196,91,.22);backdrop-filter:blur(8px)}
 .eyebrow{font-size:7px}.title-lockup{margin:7px 0 8px}.title-lockup h1{font-size:clamp(54px,17vw,78px)}.title-lockup h2{font-size:clamp(18px,5.6vw,28px);margin-top:7px}
 .menu-copy>p{font-size:10.5px;line-height:1.45;margin-bottom:9px}.quick-stats{grid-template-columns:repeat(4,1fr);gap:4px}.quick-stats>div{padding:7px 5px}.quick-stats span{font-size:5px}.quick-stats b{font-size:11px}
 .mode-select{grid-template-columns:repeat(3,1fr);gap:5px}.mode-card{display:block;min-height:75px;padding:8px}.mode-card span{font-size:5px}.mode-card b{font-size:11px;margin:2px 0}.mode-card small{font-size:6.7px;line-height:1.25}
 .cta-main{min-height:52px;padding:8px 12px}.cta-main span{font-size:12px}.cta-main small{font-size:7px}.menu-actions{grid-template-columns:repeat(5,1fr);gap:4px}.menu-actions button{min-height:43px;padding:6px 4px;text-align:center}.menu-actions b{font-size:6.5px}.menu-actions small{display:none}.menu-footer{display:none}.menu-art{display:none}
 .mission-hud{top:calc(var(--safe-top) + 60px);width:162px;padding:6px 7px}.event-hud,.contract-hud{width:168px;padding:6px 7px;right:var(--safe-right)}.event-hud{top:calc(var(--safe-top) + 168px)}.contract-hud{top:calc(var(--safe-top) + 252px)}.event-desc,.contract-desc{display:none}.event-head b,.contract-head b{font-size:5.5px}.event-meta,.contract-meta{font-size:5px}
 .ability-rack{max-width:62vw;overflow:hidden}.ability{width:61px}.pause-ability{width:46px}.stick{opacity:.68}
}
@media(max-width:520px) and (orientation:portrait){.event-hud,.contract-hud,.mission-hud{display:none!important}.mode-select{grid-template-columns:1fr 1fr 1fr}.mode-card small{display:none}.mode-card{min-height:50px}.hud-mode-chip,.biome-tag{display:none}.xp-card{width:29vw}.ability-rack{max-width:69vw}}
.quick-stats{grid-template-columns:repeat(5,1fr)}
@media(max-width:760px){.quick-stats{grid-template-columns:repeat(5,1fr)}}
@media(max-width:520px) and (orientation:portrait){.quick-stats{grid-template-columns:repeat(5,1fr)}.quick-stats span{font-size:4.5px}.quick-stats b{font-size:10px}}

/* =========================================================
   AURELIX RIFTFALL v6 — CINEMATIC HUB + BRIGHT GAME HUD
   ========================================================= */
:root{--hub-blue:#071427;--hub-blue2:#0d2440;--hub-glass:rgba(6,17,31,.82);--hub-border:rgba(111,197,255,.19);--hub-gold:#ffc45b;--hub-cyan:#65e8ff;--hub-pink:#ff6eaf;--hub-green:#73f0b0}
body,#app{background:#06111f}
#screenFx{background:radial-gradient(circle at 50% 52%,transparent 34%,rgba(1,8,18,.22) 72%,rgba(0,4,10,.7) 100%),linear-gradient(180deg,rgba(69,173,255,.04),transparent 24%,transparent 75%,rgba(255,155,61,.04))}
#cinematicGrain{opacity:.035}
.menu-screen{padding:0!important;background:#07111f!important;place-items:stretch!important}
.menu-screen:before,.menu-screen:after{display:none!important}
.hub-bg{position:absolute;inset:0;background-image:url("assets/hub-v6.jpg");background-size:cover;background-position:center;filter:saturate(1.18) brightness(.84) contrast(1.03);transform:scale(1.015);z-index:0}
.hub-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,11,21,.95) 0%,rgba(3,11,21,.82) 31%,rgba(3,11,21,.3) 60%,rgba(3,11,21,.5) 100%),linear-gradient(180deg,rgba(2,7,14,.9) 0,rgba(2,7,14,.08) 18%,rgba(3,10,18,.18) 64%,rgba(3,10,18,.88) 100%)}
.hub-shell{position:relative;z-index:3;height:100%;display:grid;grid-template-rows:74px 1fr 42px;padding:max(8px,var(--safe-top)) max(10px,var(--safe-right)) max(8px,var(--safe-bottom)) max(10px,var(--safe-left));gap:10px}
.hub-topbar{display:grid;grid-template-columns:210px 1fr auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(6,18,33,.89),rgba(5,13,25,.78));backdrop-filter:blur(15px) saturate(1.15);border-radius:14px;padding:8px 10px;box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)}
.hub-logo{display:flex;align-items:center;gap:9px;min-width:0}.hub-logo img{width:48px;height:48px;border-radius:12px;box-shadow:0 0 25px rgba(255,183,73,.22)}.hub-logo div{display:flex;flex-direction:column}.hub-logo strong{font-size:17px;letter-spacing:.16em;color:#fff5dc}.hub-logo span{font-size:8px;letter-spacing:.42em;color:#ffc45b;margin-top:2px}
.hub-nav{display:flex;gap:4px;min-width:0;overflow:auto;scrollbar-width:none}.hub-nav::-webkit-scrollbar{display:none}.hub-nav button{flex:0 0 auto;height:42px;border:1px solid transparent;border-radius:9px;background:transparent;color:#a8bed2;padding:0 13px;font-size:9px;font-weight:850;letter-spacing:.08em;transition:.18s}.hub-nav button:hover,.hub-nav button.active{color:#fff3d6;border-color:rgba(255,196,91,.22);background:linear-gradient(180deg,rgba(255,196,91,.13),rgba(255,196,91,.035));box-shadow:inset 0 0 20px rgba(255,185,72,.05)}
.hub-profile{display:grid;grid-template-columns:44px minmax(105px,1fr) auto;align-items:center;gap:9px;padding:5px 7px;border:1px solid rgba(255,196,91,.16);border-radius:10px;background:rgba(2,10,20,.62);min-width:255px}.profile-avatar{width:44px;height:44px;border-radius:9px;overflow:hidden;border:1px solid rgba(255,196,91,.27);background:#08111c}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-copy{display:flex;flex-direction:column;min-width:0}.profile-copy strong{font-size:10px;color:#fff3dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy span{font-size:7px;color:#7ea4c1;margin-top:3px;letter-spacing:.07em}.profile-currencies{display:flex;gap:6px}.profile-currencies span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.035);font-size:8px;color:#b9d6eb}.profile-currencies span:first-child{color:#ffd57c}.profile-currencies span:last-child{color:#d999ff}
.hub-main{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(330px,1.05fr) minmax(265px,.56fr);gap:14px;min-height:0;align-items:stretch}.hub-left,.hub-center,.hub-right{min-height:0}.hub-left{display:flex;flex-direction:column;justify-content:center;padding:clamp(14px,2vw,30px);border-radius:18px;background:linear-gradient(90deg,rgba(3,12,23,.86),rgba(3,12,23,.50) 72%,transparent);border-left:1px solid rgba(255,196,91,.20)}
.network-row{display:flex;align-items:center;gap:7px;color:#8fb2cb;font-size:8px;letter-spacing:.08em}.network-row b{color:#8dd9ff;font-size:8px}.network-row small{margin-left:auto;color:#7d9cb2}.network-dot{width:7px;height:7px;border-radius:50%;background:#66eea5;box-shadow:0 0 12px rgba(102,238,165,.7);display:inline-block}.hub-kicker{margin-top:15px;color:#ffc75c;font-size:9px;font-weight:900;letter-spacing:.19em}.hub-left h1{margin:8px 0 0;font-size:clamp(58px,6.7vw,112px);line-height:.8;letter-spacing:-.065em;background:linear-gradient(135deg,#fff6d6,#ffc45b 52%,#ff944f);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 12px 36px rgba(255,161,63,.18))}.hub-left h2{margin:16px 0 10px;font-size:clamp(24px,2.5vw,43px);letter-spacing:.38em;color:#f8fbff;text-shadow:0 0 24px rgba(101,232,255,.12)}.hub-left>p{max-width:690px;margin:0 0 13px;color:#b6cad9;font-size:12px;line-height:1.64;text-shadow:0 2px 12px #000}
.season-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:12px}.season-strip>div{padding:8px 9px;border-radius:9px;background:linear-gradient(180deg,rgba(9,27,47,.73),rgba(6,17,31,.68));border:1px solid rgba(111,197,255,.09)}.season-strip span{display:block;color:#64839d;font-size:6px;letter-spacing:.12em;font-weight:900}.season-strip b{display:block;color:#e9f6ff;font-size:11px;margin-top:3px}.season-strip i{font-style:normal}
.mode-select{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:10px}.mode-card{min-height:84px;padding:10px;border-radius:10px;border:1px solid rgba(111,197,255,.11);background:linear-gradient(180deg,rgba(7,24,43,.82),rgba(4,14,27,.88));text-align:left;transition:.18s}.mode-card:hover{transform:translateY(-2px);border-color:rgba(101,232,255,.28);box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 24px rgba(59,182,255,.05)}.mode-card.active{border-color:rgba(255,196,91,.48);background:linear-gradient(180deg,rgba(61,43,20,.88),rgba(12,23,34,.92));box-shadow:inset 0 0 0 1px rgba(255,196,91,.1),0 0 30px rgba(255,172,57,.08)}.mode-card span{display:block;color:#6e96b4;font-size:6px;font-weight:900;letter-spacing:.14em}.mode-card b{display:block;color:#f6fbff;font-size:12px;margin-top:4px}.mode-card small{display:block;color:#91a9bb;font-size:8px;line-height:1.38;margin-top:5px}
.hub-play{min-height:66px;border-radius:10px;clip-path:polygon(0 0,96% 0,100% 25%,100% 100%,4% 100%,0 75%);background:linear-gradient(100deg,#f4ac42,#ffd066 55%,#ff9854);box-shadow:0 15px 44px rgba(255,155,57,.2),inset 0 1px rgba(255,255,255,.58)}.hub-secondary-actions{display:flex;gap:7px;margin-top:7px}.hub-secondary-actions button{flex:1;height:34px;border:1px solid rgba(111,197,255,.11);border-radius:7px;background:rgba(5,19,34,.76);color:#9bb6ca;font-size:7px;font-weight:900;letter-spacing:.1em}.hub-secondary-actions button:hover{color:#fff;border-color:rgba(255,196,91,.26)}
.hub-center{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.ship-stage{position:relative;width:min(94%,650px);aspect-ratio:1.18;display:grid;place-items:center}.ship-stage:after{content:"";position:absolute;inset:16% 8% 9%;border-radius:50%;background:radial-gradient(circle,rgba(255,177,61,.25),rgba(53,150,255,.08) 36%,transparent 70%);filter:blur(17px);z-index:0}.ship-stage>img{position:relative;z-index:2;width:86%;height:72%;object-fit:cover;border-radius:30%;mask-image:radial-gradient(ellipse at center,#000 52%,rgba(0,0,0,.88) 66%,transparent 78%);filter:drop-shadow(0 30px 45px rgba(0,0,0,.42)) saturate(1.15) contrast(1.05)}.ship-ring{position:absolute;z-index:1;border:1px solid rgba(255,196,91,.2);border-radius:50%;animation:haloSpin 18s linear infinite}.ship-ring.r1{width:74%;aspect-ratio:1}.ship-ring.r2{width:58%;aspect-ratio:1;border-style:dashed;animation-duration:13s;animation-direction:reverse}.ship-ring.r3{width:88%;aspect-ratio:1;border-color:rgba(101,232,255,.08);animation-duration:28s}.ship-stage-label{position:absolute;z-index:4;bottom:7%;left:50%;transform:translateX(-50%);min-width:260px;text-align:center;padding:9px 15px;border-radius:10px;border:1px solid rgba(255,196,91,.19);background:rgba(4,15,27,.76);backdrop-filter:blur(10px)}.ship-stage-label span{display:block;color:#6d8da7;font-size:6px;letter-spacing:.16em}.ship-stage-label b{display:block;color:#fff2d5;font-size:12px;margin-top:4px}.ship-stage-label small{display:block;color:#9cb5c6;font-size:8px;margin-top:3px}.hub-event-card{position:absolute;right:0;bottom:4%;z-index:5;width:230px;padding:11px;border-radius:10px;background:linear-gradient(180deg,rgba(22,9,35,.84),rgba(5,17,30,.88));border:1px solid rgba(215,126,255,.18);box-shadow:0 16px 40px rgba(0,0,0,.3)}.hub-event-card>span{font-size:6px;color:#bd83e4;letter-spacing:.15em;font-weight:900}.hub-event-card>b{display:block;font-size:10px;color:#f4e1ff;margin-top:4px}.hub-event-card p{font-size:8px;color:#9ab0c4;margin:4px 0 7px;line-height:1.4}.event-live{display:flex;justify-content:space-between;align-items:center}.event-live i{width:8px;height:8px;border-radius:50%;background:#c574ff;box-shadow:0 0 15px #c574ff}.event-live small{font-size:6px;color:#cfc3dc;letter-spacing:.09em}
.hub-right{display:grid;grid-template-rows:auto 1fr auto;gap:10px;align-self:center;max-height:100%}.hub-widget{padding:12px;border-radius:12px;background:linear-gradient(180deg,rgba(7,24,43,.88),rgba(4,13,25,.91));border:1px solid rgba(111,197,255,.13);box-shadow:0 16px 40px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.widget-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:8px}.widget-head span{color:#7597b0;font-size:6px;letter-spacing:.14em;font-weight:900}.widget-head b{color:#ffc95f;font-size:7px}.widget-head button{border:0;background:transparent;color:#7fcfff;font-size:6px;font-weight:900;letter-spacing:.08em}.season-level{display:flex;justify-content:space-between;align-items:end;margin-top:10px}.season-level strong{font-size:20px;color:#fff0ca}.season-level span{font-size:7px;color:#84a3ba}.season-progress{height:5px;border-radius:99px;background:rgba(255,255,255,.06);margin:7px 0}.season-progress i{display:block;height:100%;width:12%;border-radius:inherit;background:linear-gradient(90deg,#62dfff,#ffc45b);box-shadow:0 0 12px rgba(98,223,255,.4)}.season-widget>small{color:#64839b;font-size:6px}.quick-leaderboard{display:flex;flex-direction:column;gap:5px;margin-top:9px;min-height:122px}.leader-row{display:grid;grid-template-columns:24px 1fr auto;gap:7px;align-items:center;padding:6px 7px;border-radius:7px;background:rgba(255,255,255,.026)}.leader-row .rank{color:#ffc45b;font-size:9px;font-weight:950}.leader-row .name{min-width:0;color:#d7ebf8;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leader-row .score{color:#7fdcff;font-size:8px;font-weight:900}.leader-loading{display:grid;place-items:center;height:100%;color:#6787a0;font-size:8px}.daily-line{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:7px}.daily-line:last-child{border-bottom:0}.daily-line span{color:#9fb8ca}.daily-line b{color:#ffc45b;white-space:nowrap}.hub-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,196,91,.12);padding:0 6px;color:#68879e;font-size:7px;letter-spacing:.1em}.hub-footer>div{display:flex;align-items:center;gap:7px}.hub-footer b{color:#b4cbdc}.hub-version{color:#d6b46f!important;letter-spacing:.2em}

/* Game HUD brighter and more legible */
.hud-card,.radar-shell,.boss-hud,.mission-hud,.event-hud,.contract-hud{background:linear-gradient(180deg,rgba(7,27,48,.88),rgba(4,15,28,.88))!important;border-color:rgba(102,205,255,.18)!important;box-shadow:0 14px 38px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.04)!important}
.sector-card:before{background:linear-gradient(#61dcff,#ffc45b)!important}.vitals-card{border-color:rgba(99,223,255,.27)!important}.economy-card{border-color:rgba(255,196,91,.27)!important}.ability-rack{background:linear-gradient(180deg,rgba(6,24,43,.92),rgba(3,13,25,.94))!important}.ability{background:linear-gradient(180deg,rgba(12,41,67,.93),rgba(5,22,39,.96))!important}.ability.ready{border-color:rgba(255,196,91,.55)!important;box-shadow:inset 0 0 26px rgba(255,177,64,.12),0 0 18px rgba(255,177,64,.04)!important}.meter{background:rgba(255,255,255,.09)!important}.meter.hp i{background:linear-gradient(90deg,#ff5e72,#ffb65c)!important}.meter.shield i{background:linear-gradient(90deg,#3aa7ff,#67e8ff)!important}.meter.xp i{background:linear-gradient(90deg,#8d63ff,#61dcff,#ffc45b)!important}
.mission-hud{border-left:2px solid #ffc45b!important}.event-hud{border-left:2px solid #b56bff!important}.contract-hud{border-left:2px solid #63dfff!important}.radar-shell{background:radial-gradient(circle,rgba(12,43,69,.94),rgba(3,15,27,.94))!important}

/* V6 panels */
.panel-ultra{width:min(1260px,96vw)}.server-badge,.active-box,.currency-stack{padding:9px 12px;border:1px solid rgba(99,223,255,.15);border-radius:10px;background:rgba(6,25,43,.5);text-align:right}.server-badge span,.active-box span{display:block;color:#6f91a8;font-size:6px;letter-spacing:.13em}.server-badge b,.active-box b{display:block;color:#77e6ff;font-size:12px;margin-top:3px}.currency-stack{display:flex;gap:7px;align-items:center}.currency-stack span{padding:5px 8px;border-radius:7px;background:rgba(255,255,255,.035);font-size:9px;color:#ffd16c}.currency-stack span:last-child{color:#d997ff}.hangar-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:stretch}.hangar-ship{position:relative;min-height:390px;border-radius:18px;overflow:hidden;border:1px solid rgba(111,197,255,.13);background:radial-gradient(circle at 50% 65%,rgba(255,178,66,.14),rgba(26,82,120,.08) 36%,rgba(4,15,28,.98) 75%)}.hangar-ship img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.18) contrast(1.08)}.hangar-ship:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(3,14,26,.68))}.hangar-info{padding:22px;border-radius:18px;border:1px solid rgba(255,196,91,.13);background:linear-gradient(180deg,rgba(7,25,43,.84),rgba(5,14,27,.92))}.rarity-chip{display:inline-flex;padding:5px 8px;border-radius:99px;border:1px solid rgba(255,196,91,.2);color:#ffc95e;font-size:7px;letter-spacing:.14em;font-weight:900}.hangar-info h3{font-size:30px;margin:12px 0 6px}.hangar-info p{font-size:12px}.hangar-stats{display:grid;gap:7px;margin:18px 0}.stat-line{display:grid;grid-template-columns:110px 1fr 44px;gap:8px;align-items:center;font-size:8px}.stat-line span{color:#83a2b9}.stat-bar{height:6px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.stat-bar i{display:block;height:100%;background:linear-gradient(90deg,#65e8ff,#ffc45b)}.stat-line b{text-align:right;color:#e7f7ff}.skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:62vh;overflow:auto;padding-right:4px}.skin-card{position:relative;overflow:hidden;border:1px solid rgba(111,197,255,.13);border-radius:14px;background:linear-gradient(180deg,rgba(8,28,48,.9),rgba(4,15,28,.95));transition:.18s}.skin-card:hover{transform:translateY(-3px);border-color:rgba(255,196,91,.34);box-shadow:0 15px 38px rgba(0,0,0,.28)}.skin-card.selected{border-color:rgba(255,196,91,.55);box-shadow:inset 0 0 0 1px rgba(255,196,91,.12),0 0 30px rgba(255,171,63,.08)}.skin-art{height:145px;background:#071525;overflow:hidden}.skin-art img{width:100%;height:100%;object-fit:cover}.skin-body{padding:11px}.skin-top{display:flex;justify-content:space-between;align-items:center}.skin-top b{font-size:12px}.skin-rarity{font-size:6px;color:#c898ff;letter-spacing:.12em}.skin-body p{font-size:9px;min-height:40px;margin:7px 0;color:#9cb4c5}.skin-perks{display:flex;flex-wrap:wrap;gap:4px}.skin-perks span{padding:4px 5px;border-radius:5px;background:rgba(101,232,255,.06);color:#8fdaf0;font-size:6px}.skin-price{display:flex;justify-content:space-between;align-items:center;margin-top:9px}.skin-price b{font-size:9px;color:#ffd16d}.skin-action{height:32px;padding:0 10px;border-radius:7px;border:1px solid rgba(255,196,91,.23);background:linear-gradient(180deg,rgba(255,196,91,.16),rgba(255,196,91,.05));color:#ffe7aa;font-size:7px;font-weight:900;letter-spacing:.08em}.skin-action.primary{background:linear-gradient(100deg,#f4ad43,#ffc85f);color:#1e160b}.skin-action:disabled{opacity:.45;cursor:not-allowed}.mission-board{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mission-board article{padding:18px;border-radius:14px;border:1px solid rgba(111,197,255,.12);background:linear-gradient(180deg,rgba(8,29,50,.85),rgba(4,15,28,.92))}.mission-board article>span{font-size:6px;color:#65dfff;letter-spacing:.15em;font-weight:900}.mission-board h3{font-size:18px;margin:8px 0}.mission-board p{font-size:10px}.mission-board article>b{font-size:9px;color:#ffc45b}.event-mission{border-color:rgba(196,113,255,.24)!important}.ranking-tabs{display:flex;gap:6px;margin:12px 0}.ranking-tabs button{height:34px;padding:0 13px;border-radius:7px;border:1px solid rgba(111,197,255,.12);background:rgba(8,29,49,.72);color:#8daabe;font-size:7px;font-weight:900}.ranking-tabs button.active{color:#fff1cf;border-color:rgba(255,196,91,.35);background:rgba(255,196,91,.1)}.ranking-list{display:flex;flex-direction:column;gap:6px;max-height:57vh;overflow:auto}.ranking-row{display:grid;grid-template-columns:45px 1fr 100px 80px 80px;gap:10px;align-items:center;padding:10px 12px;border-radius:9px;border:1px solid rgba(111,197,255,.08);background:rgba(5,20,36,.78)}.ranking-row:nth-child(1){border-color:rgba(255,196,91,.34);background:linear-gradient(90deg,rgba(255,196,91,.09),rgba(5,20,36,.8))}.ranking-rank{font-size:14px;font-weight:950;color:#ffc45b}.ranking-name{font-size:10px;color:#e4f5ff}.ranking-score{font-size:11px;font-weight:900;color:#73dfff}.ranking-meta{font-size:7px;color:#7795aa;text-align:right}

@media(max-width:1200px){.hub-main{grid-template-columns:minmax(420px,1fr) minmax(330px,.85fr)}.hub-right{display:none}.hub-topbar{grid-template-columns:180px 1fr auto}.hub-nav button{padding:0 9px}.mode-select{grid-template-columns:repeat(2,1fr)}.skin-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.hub-bg{background-image:url("assets/hub-v6-mobile.jpg");background-position:60% center;filter:saturate(1.1) brightness(.6)}.hub-shade{background:linear-gradient(180deg,rgba(3,11,21,.6),rgba(3,11,21,.9) 46%,rgba(3,11,21,.99) 100%)}.hub-shell{grid-template-rows:60px 1fr 34px}.hub-topbar{grid-template-columns:145px 1fr;padding:6px}.hub-logo img{width:38px;height:38px}.hub-logo strong{font-size:13px}.hub-nav{display:none}.hub-profile{min-width:0;grid-template-columns:36px 1fr auto}.profile-avatar{width:36px;height:36px}.profile-currencies{display:none}.hub-main{display:block;overflow:auto}.hub-left{min-height:100%;justify-content:flex-end;padding:18px 8px 12px;border-left:0;background:linear-gradient(180deg,transparent,rgba(3,12,23,.77) 29%,rgba(3,12,23,.96) 58%)}.network-row{margin-top:42vh}.hub-left h1{font-size:17vw}.hub-left h2{font-size:6vw;margin-top:12px}.hub-left>p{font-size:10px}.season-strip{grid-template-columns:repeat(5,1fr)}.season-strip>div{padding:6px}.season-strip span{font-size:4.8px}.season-strip b{font-size:8px}.mode-select{grid-template-columns:repeat(2,1fr)}.mode-card{min-height:68px}.mode-card small{font-size:7px}.hub-center,.hub-right{display:none}.hub-footer{font-size:5.5px}.hub-footer small{display:none}.panel-ultra,.panel-wide{width:96vw}.skin-grid{grid-template-columns:repeat(2,1fr)}.hangar-layout{grid-template-columns:1fr}.hangar-ship{min-height:260px}.mission-board{grid-template-columns:1fr}.ranking-row{grid-template-columns:36px 1fr 76px}.ranking-row .ranking-meta{display:none}}
@media(max-width:520px) and (orientation:portrait){.hub-shell{padding:6px}.hub-topbar{grid-template-columns:128px 1fr}.profile-copy span{font-size:5.5px}.network-row{margin-top:33vh}.hub-left h1{font-size:18vw}.hub-left h2{font-size:6.4vw}.hub-left>p{max-height:48px;overflow:hidden}.season-strip{grid-template-columns:repeat(3,1fr)}.season-strip>div:nth-child(4),.season-strip>div:nth-child(5){display:none}.mode-select{grid-template-columns:1fr 1fr}.mode-card{min-height:62px;padding:8px}.mode-card small{display:none}.hub-play{min-height:58px}.hub-secondary-actions button{font-size:6px}.skin-grid{grid-template-columns:1fr}.skin-art{height:180px}}
.arena-hud{position:absolute;z-index:13;right:calc(var(--safe-right) + 8px);bottom:calc(var(--safe-bottom) + 128px);width:230px;padding:10px;border-radius:11px;background:linear-gradient(180deg,rgba(7,28,49,.91),rgba(4,15,27,.94));border:1px solid rgba(255,196,91,.2);box-shadow:0 16px 40px rgba(0,0,0,.26);backdrop-filter:blur(10px)}.arena-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.05)}.arena-head span{color:#ffc45b;font-size:6px;letter-spacing:.15em;font-weight:900}.arena-head b{color:#79dcff;font-size:6px;letter-spacing:.1em}.arena-live-list{display:flex;flex-direction:column;gap:4px;margin-top:7px}.arena-live-row{display:grid;grid-template-columns:22px 1fr auto;gap:6px;align-items:center;padding:5px 6px;border-radius:6px;background:rgba(255,255,255,.027);font-size:7px}.arena-live-row.me{border:1px solid rgba(255,196,91,.22);background:rgba(255,196,91,.06)}.arena-live-row .r{color:#ffc45b;font-weight:950}.arena-live-row .n{color:#d7efff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-live-row .s{color:#79dfff;font-weight:900}
.story-transmission{position:absolute;z-index:24;left:50%;top:20%;transform:translateX(-50%);width:min(520px,82vw);pointer-events:none}.story-signal{padding:14px 18px;border-radius:12px;border:1px solid rgba(101,232,255,.26);background:linear-gradient(90deg,rgba(5,20,38,.96),rgba(15,33,57,.91),rgba(5,20,38,.96));box-shadow:0 18px 50px rgba(0,0,0,.34),0 0 34px rgba(70,184,255,.08);text-align:center;animation:storyIn .28s ease both}.story-signal span{display:block;color:#64dfff;font-size:6px;letter-spacing:.2em;font-weight:900}.story-signal b{display:block;color:#fff1cf;font-size:19px;margin:5px 0}.story-signal p{margin:0;color:#b4cada;font-size:10px;line-height:1.5}@keyframes storyIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:820px){.arena-hud{width:180px;bottom:calc(var(--safe-bottom) + 92px)}.arena-live-row{font-size:6px}.story-transmission{top:14%;width:88vw}}
@media(max-width:520px) and (orientation:portrait){.arena-hud{display:none!important}.story-transmission{top:12%}}
@media(max-height:560px) and (orientation:landscape){
 .event-hud,.contract-hud{display:none!important}.mission-hud{top:calc(var(--safe-top) + 72px)!important;width:220px!important;opacity:.86}.arena-hud{top:calc(var(--safe-top) + 72px)!important;bottom:auto!important;width:205px!important}.story-transmission{top:84px!important;width:min(520px,56vw)!important}.story-signal{padding:9px 13px!important}.story-signal b{font-size:14px!important;margin:3px 0!important}.story-signal p{font-size:8px!important}.hud.bottom{bottom:6px!important}.xp-card{max-width:340px}.ability-rack{max-width:440px}.stick{bottom:66px!important;width:88px!important;height:88px!important}.stick i{width:34px!important;height:34px!important;left:26px!important;top:26px!important}
}

/* === AURELIX v7 · SHARED WORLD RPG === */
:root{--v7-blue:#4dc7ff;--v7-blue2:#1c73ff;--v7-gold:#ffc45b;--v7-gold2:#ff8d3c;--v7-violet:#b96dff;--v7-green:#5bf0a6;--v7-glass:rgba(7,18,34,.78);--v7-glass2:rgba(9,26,49,.68)}
#app{background:#07182d}.menu-screen{background:#07182d!important}.menu-screen:before{background-image:url('assets-v7/hub-world.jpg')!important;background-size:cover!important;background-position:center!important;filter:saturate(1.08) brightness(.82) contrast(1.04)!important;transform:scale(1.012)!important}.menu-screen:after{background:linear-gradient(90deg,rgba(3,12,25,.94) 0%,rgba(5,17,31,.78) 31%,rgba(4,14,28,.22) 57%,rgba(3,10,21,.54) 100%),linear-gradient(0deg,rgba(2,9,18,.86),transparent 36%,rgba(6,15,29,.15))!important}.hub-bg{background-image:url('assets-v7/hub-world.jpg')!important;filter:saturate(1.08) brightness(.76)!important}.hub-shade{background:linear-gradient(90deg,rgba(2,11,22,.92),rgba(4,17,32,.64) 36%,rgba(4,14,29,.20) 62%,rgba(3,11,22,.55)),linear-gradient(0deg,rgba(2,9,18,.84),transparent 40%,rgba(1,7,14,.22))!important}.hub-topbar,.hub-widget,.hud-card,.radar-shell,.mission-hud,.event-hud,.contract-hud,.arena-hud,.duo-hud{background:linear-gradient(160deg,rgba(9,28,51,.86),rgba(4,14,28,.78))!important;border-color:rgba(108,206,255,.18)!important;box-shadow:0 18px 50px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05),0 0 34px rgba(61,178,255,.035)!important;backdrop-filter:blur(14px) saturate(1.18)}
.hub-left{background:linear-gradient(90deg,rgba(3,14,28,.72),rgba(6,23,42,.44),transparent)!important;border-left:2px solid rgba(255,196,91,.42)!important}.hub-left h1{background:linear-gradient(135deg,#fff9dd,#ffd26f 45%,#ff8d45)!important;-webkit-background-clip:text!important;color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 7px 24px rgba(255,174,75,.16))}.hub-left h2{color:#eaf8ff!important;text-shadow:0 3px 24px rgba(45,175,255,.18)!important}.hub-left>p{color:#d3e7f4!important}.network-row{background:rgba(31,121,183,.13)!important;border-color:rgba(84,205,255,.22)!important}.network-dot{background:#5bf0a6!important;box-shadow:0 0 14px rgba(91,240,166,.82)!important}.season-strip>div{background:linear-gradient(180deg,rgba(18,58,92,.42),rgba(5,20,38,.56))!important;border-color:rgba(87,199,255,.14)!important}.mode-select{grid-template-columns:repeat(3,1fr)!important}.mode-card{min-height:118px!important;background:linear-gradient(165deg,rgba(10,36,64,.82),rgba(6,18,34,.88))!important;border-color:rgba(94,199,255,.15)!important;position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;inset:auto -35% -55% 18%;height:110px;background:radial-gradient(circle,rgba(59,180,255,.12),transparent 68%);pointer-events:none}.mode-card.active{background:linear-gradient(165deg,rgba(49,53,56,.70),rgba(35,25,19,.84))!important;border-color:rgba(255,196,91,.58)!important;box-shadow:0 15px 38px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,216,126,.12),0 0 32px rgba(255,172,66,.12)!important}.mode-card span{color:#78d8ff!important}.mode-card.active span{color:#ffc45b!important}.mode-card b{font-size:18px!important}.mode-card small{color:#aac5d7!important}.cta-main.hub-play{background:linear-gradient(96deg,#ffbd4d,#ffd978 52%,#ff873f)!important;box-shadow:0 0 0 1px rgba(255,235,174,.27),0 0 42px rgba(255,167,58,.18),0 20px 50px rgba(0,0,0,.34)!important}.hub-secondary-actions button{background:rgba(8,36,62,.72)!important;border-color:rgba(79,194,255,.16)!important}.hub-secondary-actions button:hover{border-color:rgba(255,196,91,.42)!important;background:rgba(42,47,48,.72)!important}.hub-profile{background:linear-gradient(160deg,rgba(12,43,73,.78),rgba(6,20,37,.88))!important;border-color:rgba(89,201,255,.18)!important}.profile-currencies span{background:rgba(6,33,58,.78)!important}.hub-footer{background:rgba(2,13,26,.74)!important;border-top-color:rgba(88,198,255,.14)!important}
.panel{background:linear-gradient(155deg,rgba(10,31,55,.97),rgba(4,15,29,.98) 62%)!important;border-color:rgba(88,199,255,.18)!important;box-shadow:0 36px 110px rgba(0,0,0,.68),0 0 80px rgba(54,172,255,.055)!important}.panel h2{color:#f5fbff}.panel p{color:#a9c1d1}.upgrade-card,.perk-card,.shop-card,.skin-card{background:linear-gradient(160deg,rgba(12,41,69,.88),rgba(5,20,36,.96))!important;border-color:rgba(83,190,255,.12)!important}.upgrade-card:hover,.perk-card:hover,.skin-card:hover{border-color:rgba(255,196,91,.38)!important;box-shadow:0 16px 44px #0008,0 0 28px rgba(69,189,255,.07)!important}
.hud.top{grid-template-columns:minmax(180px,260px) minmax(260px,430px) minmax(180px,260px)!important;gap:10px!important}.hud-card{border-radius:14px!important}.sector-card{border-left:2px solid rgba(255,196,91,.65)!important}.brand-chip img{filter:drop-shadow(0 0 10px rgba(255,194,91,.34))}.vitals-card{border-color:rgba(82,212,255,.24)!important}.meter{background:rgba(1,10,21,.66)!important}.meter.hp i{background:linear-gradient(90deg,#ff5b80,#ff8b58,#ffd15b)!important}.meter.shield i{background:linear-gradient(90deg,#197bff,#56d8ff,#8ff4ff)!important}.economy-card{border-color:rgba(255,196,91,.21)!important}.mineral-mini .m{background:rgba(7,31,54,.58)!important;border-color:rgba(91,199,255,.09)!important}
.ability-rack{background:linear-gradient(180deg,rgba(7,31,54,.92),rgba(2,15,29,.94))!important;border-color:rgba(94,203,255,.16)!important}.ability{background:linear-gradient(180deg,rgba(13,49,79,.92),rgba(5,24,43,.96))!important;border-color:rgba(108,204,255,.09)!important}.ability.ready{border-color:rgba(255,196,91,.46)!important;box-shadow:inset 0 0 24px rgba(255,176,70,.07),0 0 18px rgba(255,176,70,.05)!important}.utility-ability{border-color:rgba(90,240,166,.20)!important}.interact-ability{border-color:rgba(185,109,255,.22)!important}.utility-ability img,.interact-ability img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(91,216,255,.24))}
.arena-hud{position:absolute;right:calc(var(--safe-right) + 8px);top:calc(var(--safe-top) + 122px);width:260px;z-index:12;border-radius:14px;padding:10px}.arena-head{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:7px}.arena-head span{font-size:7px;letter-spacing:.14em;color:#73d7ff}.arena-head b{font-size:8px;color:#ffd47b}.arena-live-list{display:grid;gap:4px;margin-top:8px}.arena-live-row{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:5px 7px;border-radius:7px;background:rgba(5,27,48,.48);font-size:8px}.arena-live-row b{color:#ffc45b}.arena-live-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arena-live-row small{color:#8bcfee}.arena-live-row.me{background:rgba(255,196,91,.10);outline:1px solid rgba(255,196,91,.16)}.world-live-foot{display:flex;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.05);font-size:7px;color:#77c9eb}.world-live-foot b{color:#5bf0a6}
.duo-hud{position:absolute;right:calc(var(--safe-right) + 8px);top:calc(var(--safe-top) + 430px);width:260px;z-index:12;border-radius:14px;padding:10px;border-color:rgba(91,240,166,.22)!important}.duo-head{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.12em}.duo-head span{color:#5bf0a6}.duo-head b{color:#d9fff0}.duo-partner{font-size:9px;color:#b8d7cf;margin:8px 0}.duo-track{height:5px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.duo-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#43d99a,#6beeff)}.duo-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:7px;color:#84baa8}.duo-meta b{color:#ddfff1}
.interaction-prompt{position:absolute;z-index:20;left:50%;bottom:calc(var(--safe-bottom) + 108px);transform:translateX(-50%);display:flex;gap:10px;align-items:center;min-width:280px;padding:10px 14px;border-radius:12px;background:linear-gradient(160deg,rgba(9,36,63,.94),rgba(3,18,33,.94));border:1px solid rgba(255,196,91,.32);box-shadow:0 16px 42px #0008,0 0 28px rgba(255,181,72,.08);backdrop-filter:blur(12px)}.interaction-prompt>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#ffd86e,#ff9147);color:#271407;font-weight:950}.interaction-prompt div{display:grid}.interaction-prompt b{font-size:10px;letter-spacing:.08em}.interaction-prompt small{font-size:8px;color:#9fc4d6;margin-top:3px}
.duo-panel{width:min(620px,94vw)!important}.duo-status-card{padding:16px;border:1px solid rgba(91,240,166,.18);border-radius:14px;background:rgba(15,67,62,.18);display:grid;gap:4px}.duo-status-card span{font-size:7px;letter-spacing:.14em;color:#5bf0a6}.duo-status-card b{font-size:24px;letter-spacing:.12em}.duo-status-card small{color:#a9cabe}.duo-actions{display:grid;gap:10px;margin-top:14px}.duo-join{display:grid;grid-template-columns:1fr 120px;gap:8px}.duo-join input{height:48px;border-radius:12px;border:1px solid rgba(94,199,255,.18);background:rgba(4,21,38,.82);color:#fff;padding:0 14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.duo-join button{border:1px solid rgba(255,196,91,.34);border-radius:12px;background:linear-gradient(110deg,#ffc45b,#ff8d42);color:#211207;font-weight:950}.duo-members{display:grid;gap:7px;margin-top:14px}.duo-member{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:10px;border-radius:10px;background:rgba(7,31,55,.62);border:1px solid rgba(99,204,255,.09)}.duo-member small{color:#8bb7c9}.duo-light{width:8px;height:8px;border-radius:50%;background:#53616c}.duo-light.on{background:#5bf0a6;box-shadow:0 0 10px rgba(91,240,166,.7)}
@media(max-width:1100px){.arena-hud{width:210px}.duo-hud{width:210px}.hud.top{grid-template-columns:170px 1fr 180px!important}.mode-card{min-height:104px!important}}
@media(max-width:760px){.hub-main{background:none!important}.hub-left{background:linear-gradient(180deg,rgba(2,14,28,.24),rgba(2,14,28,.82) 40%,rgba(2,14,28,.97))!important}.mode-select{grid-template-columns:1fr!important}.mode-card{min-height:auto!important;padding:10px 12px!important}.arena-hud{top:calc(var(--safe-top) + 66px);right:var(--safe-right);width:168px;padding:7px}.arena-live-row{grid-template-columns:20px 1fr auto;font-size:6.5px;padding:4px}.arena-live-row:nth-child(n+6){display:none}.duo-hud{display:none!important}.event-hud,.contract-hud{display:none!important}.interaction-prompt{bottom:calc(var(--safe-bottom) + 92px);min-width:220px;max-width:74vw;padding:8px 10px}.interaction-prompt>span{width:29px;height:29px}.interaction-prompt b{font-size:8px}.interaction-prompt small{font-size:6.5px}.ability-rack{max-width:68vw;overflow-x:auto}.ability{flex:none}.utility-ability,.interact-ability{display:grid!important}}
@media(max-width:520px) and (orientation:portrait){.arena-hud{width:150px}.arena-live-row:nth-child(n+4){display:none}.interaction-prompt{bottom:calc(var(--safe-bottom) + 120px)}.hud.top{grid-template-columns:88px 1fr 88px!important}.mode-select{gap:7px!important}}

/* RPG protocols */
.role-select{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 0 12px}.role-card{position:relative;min-height:60px;text-align:left;padding:9px 11px;border-radius:10px;border:1px solid rgba(114,209,255,.11);background:linear-gradient(180deg,rgba(5,28,49,.64),rgba(3,17,31,.82));color:#dff5ff;transition:.16s}.role-card:hover{transform:translateY(-1px);border-color:rgba(255,196,91,.28)}.role-card.active{border-color:rgba(255,196,91,.48);background:linear-gradient(145deg,rgba(66,45,17,.72),rgba(4,31,51,.82));box-shadow:inset 0 0 22px rgba(255,196,91,.07),0 8px 25px rgba(0,0,0,.22)}.role-card span,.role-card b,.role-card small{display:block}.role-card span{font-size:6px;letter-spacing:.15em;color:#79b7d2;font-weight:900}.role-card b{font-size:11px;margin-top:3px;color:#fff3d0}.role-card small{font-size:7px;line-height:1.35;color:#91afbf;margin-top:3px}@media(max-width:760px){.role-select{grid-template-columns:repeat(3,1fr);gap:5px}.role-card{padding:7px 6px;min-height:52px;text-align:center}.role-card span{font-size:5px}.role-card b{font-size:8px}.role-card small{display:none}}
.hub-boss-card{position:absolute;left:5%;right:5%;bottom:10px;padding:12px 14px;border-radius:12px;background:linear-gradient(150deg,rgba(56,18,35,.72),rgba(5,24,43,.86));border:1px solid rgba(255,106,145,.22);box-shadow:0 15px 40px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(12px)}.hub-boss-card>span{display:block;font-size:6px;letter-spacing:.16em;color:#ff95b4;font-weight:900}.hub-boss-card>b{display:block;margin-top:4px;font-size:12px;color:#fff0dc}.hub-boss-card>p{margin:4px 0 8px!important;font-size:8px!important;color:#a8c5d4!important}.hub-boss-line{height:5px;background:rgba(255,255,255,.06);border-radius:99px;overflow:hidden}.hub-boss-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff557d,#ffb24f,#ffe17c);box-shadow:0 0 14px rgba(255,120,96,.5)}.hub-boss-card>small{display:block;margin-top:6px;font-size:6px;letter-spacing:.1em;color:#7499ad}@media(max-width:820px){.hub-boss-card{display:none}}
.mission-card-track{height:5px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden;margin:10px 0 7px}.mission-card-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#53d7ff,#ffc45b);box-shadow:0 0 12px rgba(83,215,255,.4)}.mission-board article.done{border-color:rgba(91,240,166,.34)!important;box-shadow:inset 0 0 24px rgba(91,240,166,.06)}.mission-board article.done>span{color:#5bf0a6!important}

/* === AURELIX v8 TACTICAL ONLINE === */
.hub-bg{filter:saturate(1.24) brightness(.92) contrast(1.02)!important}
.hub-shade{background:linear-gradient(90deg,rgba(2,12,24,.82),rgba(4,18,34,.48) 36%,rgba(4,14,29,.08) 64%,rgba(3,11,22,.32)),linear-gradient(0deg,rgba(2,9,18,.72),transparent 43%,rgba(1,7,14,.12))!important}
.mode-select.two-modes{grid-template-columns:1fr 1fr!important}.mode-select.two-modes .mode-card{min-height:108px!important}.duo-mode-card.active{border-color:rgba(91,240,166,.58)!important;box-shadow:0 16px 42px #0007,0 0 36px rgba(91,240,166,.10)!important}
.tactical-bottom{display:flex!important;justify-content:space-between;gap:10px;pointer-events:none;align-items:flex-end}.tactical-bottom.hidden{display:none!important}.combat-economy{pointer-events:auto;display:grid;grid-template-columns:repeat(4,minmax(92px,1fr));gap:5px;width:min(620px,46vw);padding:7px}.combat-economy>div{padding:7px 9px;border-radius:8px;background:linear-gradient(180deg,rgba(9,34,59,.76),rgba(3,17,31,.88));border:1px solid rgba(93,199,255,.10)}.combat-economy span{display:block;font-size:5.5px;color:#72b9da;letter-spacing:.13em;font-weight:900}.combat-economy strong{display:block;color:#fff3cf;font-size:13px;margin-top:2px}.combat-economy small{display:block;color:#7f9cad;font-size:6px;margin-top:2px}.tactical-rack{pointer-events:auto;display:flex!important;gap:4px;padding:4px!important}.ability.tactical{width:92px;min-width:92px;height:54px;display:grid;grid-template-columns:31px 1fr auto!important;padding:5px!important}.ability.tactical img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(255,196,91,.22))}.ability.tactical span b,.ability.tactical span small{display:block}.ability.tactical span b{font-size:6.5px}.ability.tactical span small{font-size:5.5px;color:#83a4b7}.ability.tactical.disabled{opacity:.35;filter:grayscale(.7)}
.duo-role-hud{position:absolute;z-index:15;left:50%;bottom:92px;transform:translateX(-50%);display:grid;text-align:center;padding:7px 14px;border-radius:10px;background:linear-gradient(180deg,rgba(5,32,54,.9),rgba(2,15,27,.94));border:1px solid rgba(91,240,166,.24);box-shadow:0 14px 34px #0008,0 0 26px rgba(91,240,166,.05);pointer-events:none}.duo-role-hud span{font-size:5.5px;letter-spacing:.16em;color:#5bf0a6;font-weight:900}.duo-role-hud b{font-size:9px;color:#fff4d2;margin-top:2px}.duo-role-hud small{font-size:6px;color:#8bb7c8;margin-top:2px}
.match-shop{position:absolute;z-index:25;right:max(12px,env(safe-area-inset-right));top:90px;width:min(430px,42vw);max-height:calc(100vh - 180px);overflow:auto;padding:12px;border-radius:14px;background:linear-gradient(165deg,rgba(7,26,46,.96),rgba(2,12,24,.97));border:1px solid rgba(255,196,91,.25);box-shadow:0 28px 80px #000c,0 0 42px rgba(255,174,64,.06);backdrop-filter:blur(16px)}.match-shop-head{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-12px;z-index:2;padding:12px 0 10px;background:linear-gradient(180deg,#071a2e 70%,transparent)}.match-shop-head span{display:block;color:#73cfff;font-size:6px;letter-spacing:.15em;font-weight:900}.match-shop-head b{display:block;color:#fff2ca;font-size:15px;margin-top:3px}.match-shop-head i{color:#5bf0a6;font-style:normal}.match-shop-head button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);font-size:22px}.match-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.match-skill{position:relative;padding:10px;border-radius:11px;background:linear-gradient(180deg,rgba(12,45,75,.72),rgba(5,21,38,.88));border:1px solid rgba(100,204,255,.12);min-height:126px}.match-skill.max{border-color:rgba(91,240,166,.28)}.match-skill.locked{opacity:.65}.match-skill-head{display:flex;gap:8px;align-items:center}.match-skill img{width:36px;height:36px;object-fit:contain}.match-skill h4{margin:0;color:#fff4d0;font-size:10px}.match-skill .skill-level{color:#72cfff;font-size:6px;letter-spacing:.1em}.match-skill p{margin:7px 0;color:#9bb6c6;font-size:7.2px;line-height:1.45}.match-skill button{width:100%;height:31px;border-radius:8px;border:1px solid rgba(255,196,91,.3);background:linear-gradient(100deg,#ffbd4c,#ff9145);color:#251407;font-size:7px;font-weight:950}.match-skill button:disabled{opacity:.35;filter:grayscale(.6)}.match-shop-foot{display:block;color:#6f95a9;font-size:6px;line-height:1.45;margin-top:9px}
.duo-roles-preview{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.duo-roles-preview article{padding:12px;border-radius:11px;background:linear-gradient(180deg,rgba(11,46,74,.62),rgba(4,24,42,.86));border:1px solid rgba(103,211,255,.12)}.duo-roles-preview span{display:block;color:#63dcff;font-size:6px;letter-spacing:.14em;font-weight:900}.duo-roles-preview b{display:block;color:#fff1c5;font-size:13px;margin:4px 0}.duo-roles-preview small{color:#8fb3c5;font-size:7px;line-height:1.45}.duo-member .role-badge{font-size:6px;color:#ffc45b;letter-spacing:.1em}
.shield-arc-status{position:absolute;z-index:9;left:50%;top:calc(50% + 58px);transform:translateX(-50%);font-size:6px;color:#76e8ff;letter-spacing:.14em;font-weight:900;text-shadow:0 0 12px #63dfff}
@media(max-width:900px){.combat-economy{width:48vw;grid-template-columns:1fr 1fr}.combat-economy>div:nth-child(3),.combat-economy>div:nth-child(4){display:none}.ability.tactical{width:70px;min-width:70px}.match-shop{width:min(380px,62vw)}.match-shop-grid{grid-template-columns:1fr}.duo-role-hud{bottom:84px}}
@media(max-width:620px){.mode-select.two-modes{grid-template-columns:1fr!important}.tactical-bottom{left:var(--safe-left)!important;right:var(--safe-right)!important;bottom:var(--safe-bottom)!important}.combat-economy{width:38vw;padding:4px}.combat-economy>div{padding:4px}.combat-economy strong{font-size:10px}.tactical-rack{max-width:60vw;overflow-x:auto}.ability.tactical{width:62px;min-width:62px;height:45px}.ability.tactical img{width:22px;height:22px}.ability.tactical kbd{display:none}.match-shop{top:64px;right:6px;width:82vw;max-height:calc(100vh - 135px)}.duo-role-hud{left:50%;bottom:62px;width:max-content;max-width:76vw}.duo-roles-preview{grid-template-columns:1fr}.hub-bg{filter:saturate(1.18) brightness(.8)!important}}

/* Duo asymmetric control clarity */
#app.duo-p1 #leftStick{opacity:.16;filter:grayscale(1);pointer-events:none}
#app.duo-p1 #rightStick{opacity:1;box-shadow:0 0 36px rgba(255,196,91,.18)}
#app.duo-p2 #rightStick{opacity:.16;filter:grayscale(1);pointer-events:none}
#app.duo-p2 #leftStick{opacity:1;box-shadow:0 0 36px rgba(99,223,255,.18)}
#app.duo-p1 #reloadBtn,#app.duo-p1 #shieldActionBtn,#app.duo-p1 #mineBtn{opacity:.35;filter:saturate(.35)}
#app.duo-p2 #grenadeBtn{border-color:rgba(99,223,255,.28)}
.tactical-rank-note{display:flex;align-items:center;justify-content:center;min-height:42px;color:#9ab2c5;font-size:9px;font-weight:900;letter-spacing:.15em;border:1px solid rgba(99,223,255,.12);background:linear-gradient(90deg,rgba(99,223,255,.025),rgba(255,196,91,.04),rgba(99,223,255,.025))}
.leader-row.online .name small,.ranking-row.online .ranking-name small{color:#67efad}

.tactical-level{min-width:150px}.tactical-level small{display:block;color:#8795a1;font-size:7px;margin-top:2px}.tactical-xp{height:3px;margin-top:4px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.07)}.tactical-xp i{display:block;height:100%;width:0;background:linear-gradient(90deg,#63dfff,#ffc45b);box-shadow:0 0 10px rgba(99,223,255,.35)}

/* v8.1 mobile tactical rack: every action remains visible without horizontal scrolling. */
@media(max-width:520px) and (orientation:portrait){
  .tactical-bottom{gap:4px!important;align-items:flex-end!important}
  .combat-economy{width:42vw!important;max-width:164px!important}
  .tactical-rack{display:grid!important;grid-template-columns:repeat(3,52px)!important;grid-auto-rows:42px!important;gap:3px!important;max-width:none!important;width:auto!important;overflow:visible!important;padding:3px!important}
  .ability.tactical{width:52px!important;min-width:52px!important;height:42px!important;padding:3px!important;grid-template-columns:18px 1fr!important}
  .ability.tactical img{width:18px!important;height:18px!important}
  .ability.tactical span b{font-size:5px!important;line-height:1.05!important;white-space:normal!important}
  .ability.tactical span small{font-size:4.6px!important;line-height:1.05!important}
  .ability.tactical kbd{display:none!important}
}