/* Crowntopia V1.1 Batch 5 — Airship Hangar */
.hangar-shell{display:grid;gap:8px;min-height:0}
.hangar-page-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 2px}.hangar-page-head h1{font-family:Cinzel,serif;font-size:26px;line-height:1.05;margin:2px 0 0}.hangar-page-actions{display:flex;gap:8px;flex-wrap:wrap}.gold-btn{background:linear-gradient(180deg,var(--gold2),var(--gold))!important;color:#171109!important;border:0!important}
.hangar-board{position:relative;display:grid;grid-template-columns:26% 48% 26%;gap:16px;height:min(78vh,760px);min-height:620px;padding:18px;border-radius:26px;border:1px solid rgba(234,201,110,.18);overflow:hidden;background-size:cover;background-position:center;background-color:#090a0f;box-shadow:0 24px 60px rgba(0,0,0,.36)}.hangar-board-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,5,8,.14),rgba(4,5,8,.08) 28%,rgba(4,5,8,.26) 62%,rgba(4,5,8,.68));pointer-events:none}
.hangar-side,.hangar-stage{position:relative;z-index:2;min-width:0;min-height:0}.hangar-side.panel{display:flex;flex-direction:column;padding:18px;border-radius:24px;background:rgba(8,10,16,.84);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.22)}.hangar-side-head{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.hangar-side-head h2{font-family:Cinzel,serif;font-size:18px;margin:4px 0 6px}.hangar-side-head p:last-child{font-size:9px;line-height:1.5;color:#9ea8b3}
.hangar-upgrade-list,.hangar-cosmetic-list{margin-top:12px;display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:4px;min-height:0}.hangar-upgrade-list::-webkit-scrollbar,.hangar-cosmetic-list::-webkit-scrollbar{width:8px;height:8px}.hangar-upgrade-list::-webkit-scrollbar-thumb,.hangar-cosmetic-list::-webkit-scrollbar-thumb{background:rgba(226,191,94,.24);border-radius:999px}
.hangar-upgrade-card{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}.hangar-upgrade-card.owned{border-color:rgba(83,198,124,.16)}.hangar-upgrade-card.available:not(.owned){border-color:rgba(228,191,96,.2)}.hangar-upgrade-icon{height:74px;border-radius:16px;background:rgba(255,255,255,.03);display:grid;place-items:center}.hangar-upgrade-icon img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.42))}.hangar-upgrade-body{display:grid;align-content:start;gap:8px;min-width:0}.hangar-upgrade-body b{font-size:10px;line-height:1.3}.hangar-upgrade-body small{display:block;font-size:8px;line-height:1.45;color:#96a3b0}.hangar-price{display:flex;align-items:center;gap:5px}.hangar-price img{width:16px;height:16px;object-fit:contain}.hangar-price b{font-size:9px}.hangar-price small{font-size:7px;color:#d4c083}
.hangar-action,.hangar-state{height:38px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;font-size:9px;font-weight:800;letter-spacing:.03em}.hangar-action{border:0;cursor:pointer}.hangar-action.buy,.hangar-action.equip{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#171109}.hangar-action.equipped{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#bcc4cf;cursor:default}.hangar-state.installed{background:rgba(82,191,123,.08);border:1px solid rgba(82,191,123,.2);color:#8ad5a2}.hangar-state.locked{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:#7e8793;text-align:center}
.hangar-stage{display:grid;grid-template-rows:auto 1fr auto;align-items:stretch;padding:4px 2px 0;overflow:hidden}.hangar-stage-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:6px 4px;text-shadow:0 2px 10px rgba(0,0,0,.58)}.hangar-stage-top h2{font-family:Cinzel,serif;font-size:34px;line-height:.95;max-width:260px;margin:2px 0 0;word-break:break-word}.hangar-tier{padding:8px 12px;border-radius:999px;border:1px solid rgba(232,197,100,.28);background:rgba(7,8,12,.72);color:#e8cd79;font-size:8px;letter-spacing:.08em;white-space:nowrap}
.hangar-vessel-position{position:relative;min-height:0;overflow:hidden}.hangar-vessel-bob{position:absolute;left:50%;top:49%;width:min(84%,520px);height:238px;transform:translate(-50%,-50%);display:grid;place-items:center;animation:hangarBob 4.2s ease-in-out infinite;transform-origin:center}.hangar-vessel-bob.journey-vessel-bob{width:auto;height:auto;animation:hangarJourneyBob 3.8s ease-in-out infinite}
.vessel-stack{position:relative;width:100%;height:100%;--aura-color:#ecd58a;--aura-rgb:236,213,138}.vessel-trail{position:absolute;left:-18%;top:50%;width:28%;height:24%;transform:translateY(-50%);z-index:0;pointer-events:none;--trail-color:var(--aura-color);--trail-rgb:var(--aura-rgb)}
.trail-spark .glint,.trail-spark .glow,.trail-aether .sf,.trail-mist .mist-line{position:absolute}
.trail-spark .glint{width:10px;height:10px;right:0;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);background:radial-gradient(circle,rgba(var(--trail-rgb),1) 0,rgba(var(--trail-rgb),.8) 35%,rgba(var(--trail-rgb),0) 72%);filter:drop-shadow(0 0 5px rgba(var(--trail-rgb),.65));animation:glintTrail 2.2s linear infinite}
.trail-spark .g1{top:20%;right:4%}.trail-spark .g2{top:34%;right:18%;width:7px;height:7px;animation-delay:-.35s}.trail-spark .g3{top:56%;right:10%;width:8px;height:8px;animation-delay:-.7s}.trail-spark .g4{top:70%;right:22%;width:6px;height:6px;animation-delay:-1.05s}.trail-spark .g5{top:42%;right:30%;width:7px;height:7px;animation-delay:-1.35s}.trail-spark .g6{top:26%;right:36%;width:5px;height:5px;animation-delay:-1.7s}
.trail-spark .glow{height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--trail-rgb),0),rgba(var(--trail-rgb),.16),rgba(var(--trail-rgb),.65));filter:blur(1px);animation:glowWake 2.3s ease-in-out infinite}.trail-spark .w1{top:38%;right:10%;width:48%;animation-delay:-.2s}.trail-spark .w2{top:60%;right:16%;width:34%;animation-delay:-1.1s}
.trail-mist .mist-line{right:0;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--trail-rgb),0),rgba(var(--trail-rgb),.28),rgba(var(--trail-rgb),.96));filter:blur(.7px);animation:mistTurbo 1.35s linear infinite}.trail-mist .m1{top:28%;width:88%}.trail-mist .m2{top:50%;width:72%;animation-delay:-.34s}.trail-mist .m3{top:68%;width:56%;animation-delay:-.68s}
.trail-aether .sf{border-radius:50%;background:radial-gradient(circle,rgba(var(--trail-rgb),1) 0, rgba(var(--trail-rgb),.55) 42%, rgba(var(--trail-rgb),0) 72%);box-shadow:0 0 7px rgba(var(--trail-rgb),.5);animation:starfallParticle 1.9s linear infinite}
.trail-aether .p1{right:3%;top:18%;width:6px;height:6px}.trail-aether .p2{right:8%;top:34%;width:4px;height:4px;animation-delay:-.15s}.trail-aether .p3{right:14%;top:52%;width:5px;height:5px;animation-delay:-.32s}.trail-aether .p4{right:20%;top:66%;width:4px;height:4px;animation-delay:-.48s}.trail-aether .p5{right:27%;top:24%;width:6px;height:6px;animation-delay:-.66s}.trail-aether .p6{right:33%;top:42%;width:4px;height:4px;animation-delay:-.84s}.trail-aether .p7{right:39%;top:58%;width:5px;height:5px;animation-delay:-1.02s}.trail-aether .p8{right:46%;top:30%;width:4px;height:4px;animation-delay:-1.18s}.trail-aether .p9{right:54%;top:50%;width:5px;height:5px;animation-delay:-1.34s}.trail-aether .p10{right:61%;top:68%;width:4px;height:4px;animation-delay:-1.48s}.trail-aether .p11{right:68%;top:22%;width:5px;height:5px;animation-delay:-1.62s}.trail-aether .p12{right:76%;top:44%;width:4px;height:4px;animation-delay:-1.78s}
.vessel-shadow{display:none}.vessel-aura{position:absolute;inset:17% 14%;z-index:2;pointer-events:none}.vessel-aura .aura-core{position:absolute;inset:11% 4%;border-radius:48%/42%;box-shadow:0 0 7px rgba(var(--aura-rgb),.28),0 0 15px rgba(var(--aura-rgb),.16),0 0 28px rgba(var(--aura-rgb),.08),inset 0 0 6px rgba(var(--aura-rgb),.04);border:0;animation:hangarAuraPulse 3.1s ease-in-out infinite}.vessel-aura.aura-blue{--aura-rgb:63,174,255}.vessel-aura.aura-red{--aura-rgb:255,95,102}.vessel-aura.aura-purple{--aura-rgb:181,106,255}.vessel-aura.aura-green{--aura-rgb:110,234,128}.vessel-aura.aura-pink{--aura-rgb:255,103,198}.vessel-aura.aura-silver{--aura-rgb:238,243,255}.vessel-ship{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.55))}.vessel-ship.has-aura{filter:drop-shadow(0 18px 18px rgba(0,0,0,.55)) drop-shadow(0 0 5px rgba(var(--aura-rgb),.4))}.vessel-sovereign{display:none}
.hangar-stage-bottom{justify-self:center;max-width:470px;width:100%;padding:16px 18px;border-radius:18px;background:rgba(5,7,12,.82);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);display:grid;gap:5px;text-align:center;box-shadow:0 14px 38px rgba(0,0,0,.2)}.hangar-stage-bottom b{font-family:Cinzel,serif;font-size:18px;line-height:1.1}.hangar-stage-bottom small{font-size:9px;color:#98a3b1;line-height:1.4}.hangar-mod-line{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:2px;font-size:8px;color:#d6dce4}.hangar-mod-line strong{color:#e3ca7a;margin-right:4px}
.hangar-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 2px}.hangar-tabs button{height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#acb5c1;font-size:9px;font-weight:800;cursor:pointer}.hangar-tabs button.active{background:rgba(226,191,94,.14);border-color:rgba(226,191,94,.4);color:#f0d785}
.hangar-cosmetic-card{display:flex;justify-content:space-between;gap:10px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:pointer}.hangar-cosmetic-card.owned{border-color:rgba(216,184,93,.14)}.hangar-cosmetic-card.equipped{border-color:rgba(226,193,100,.42);box-shadow:0 0 18px rgba(226,193,100,.06)}.hangar-cosmetic-card.previewing{border-color:rgba(92,174,255,.34);box-shadow:0 0 0 1px rgba(92,174,255,.16) inset,0 0 20px rgba(92,174,255,.08)}.hangar-card-main{display:flex;gap:12px;flex:1;min-width:0}.hangar-card-art{width:76px;min-width:76px;height:76px;border-radius:14px;background:rgba(0,0,0,.18);display:grid;place-items:center;overflow:hidden}.hangar-card-art img{width:100%;height:100%;object-fit:contain}.trail-art-wrap{position:relative;width:100%;height:100%}.hangar-card-art.trail-art .vessel-trail{left:10%;top:50%;width:74%;height:42%;transform:translateY(-50%) scaleX(-1)}.hangar-card-copy{display:grid;align-content:center;gap:4px;min-width:0}.hangar-card-copy b{font-size:10px;line-height:1.3}.hangar-card-copy small{font-size:8px;color:#92a1ae}.hangar-preview-pill{font-style:normal;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:999px;border:1px solid rgba(92,174,255,.24);background:rgba(92,174,255,.08);color:#90cbff;font-size:7px;letter-spacing:.06em;width:max-content}.hangar-card-action{display:flex;align-items:center;min-width:100px;justify-content:flex-end}.hangar-none-icon{font-size:12px;letter-spacing:.18em;color:#74808d}
.hangar-humm-modal{z-index:140}.hangar-humm-tile .humm-popup-character img{object-fit:contain!important;max-height:440px!important}.hangar-migration{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:25px;padding:25px}.hangar-migration>img{max-width:210px;max-height:260px;object-fit:contain}.hangar-migration h2{font-family:Cinzel,serif;margin:5px 0}.hangar-migration p{color:#9ca5b0;font-size:10px;line-height:1.55;margin-bottom:14px}
.exp-journey-vessel{position:absolute;width:68px;height:50px;z-index:7;transform-origin:center;will-change:left,top,transform;overflow:visible}.exp-journey-vessel.turning{transition:transform .12s linear}.exp-journey-vessel .hangar-vessel-bob{position:absolute;inset:-16% -24%;width:auto;height:auto}.exp-journey-vessel .vessel-trail{left:-18%;width:24%;height:18%}.exp-journey-vessel .vessel-shadow,.exp-journey-vessel .vessel-sovereign{display:none}.exp-journey-vessel .vessel-aura{inset:18% 14%}.exp-journey-vessel .vessel-aura .aura-core{box-shadow:0 0 3px rgba(var(--aura-rgb),.12),0 0 6px rgba(var(--aura-rgb),.08);border-color:rgba(var(--aura-rgb),.1)}
@keyframes hangarBob{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
@keyframes hangarJourneyBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes hangarAuraPulse{0%,100%{opacity:.58;transform:scale(.992)}50%{opacity:.8;transform:scale(1.008)}}
@keyframes glintTrail{0%{opacity:0;transform:translateX(0) scale(.7) rotate(0deg)}25%{opacity:1}100%{opacity:0;transform:translateX(-15px) scale(1.08) rotate(35deg)}}
@keyframes glowWake{0%,100%{opacity:.18;transform:translateX(-6px)}50%{opacity:.7;transform:translateX(5px)}}
@keyframes mistTurbo{0%{opacity:.16;transform:translateX(-8px)}50%{opacity:.96;transform:translateX(0)}100%{opacity:.16;transform:translateX(7px)}}
@keyframes starfallParticle{0%{opacity:0;transform:translateX(0) scale(.7)}18%{opacity:1}100%{opacity:0;transform:translateX(-24px) scale(1.22)}}
@media(max-width:1200px){.hangar-board{gap:12px;height:min(76vh,700px)}.hangar-stage-top h2{font-size:30px}.hangar-vessel-bob{width:min(82%,470px);height:220px}.hangar-stage-bottom b{font-size:16px}}
@media(max-width:980px){.hangar-board{grid-template-columns:26% 48% 26%;padding:12px;gap:10px;height:min(72vh,620px);min-height:520px}.hangar-side.panel{padding:12px;border-radius:18px}.hangar-stage-top h2{font-size:24px;max-width:190px}.hangar-vessel-bob{width:min(84%,390px);height:186px}.hangar-card-art{width:62px;min-width:62px;height:62px}.hangar-upgrade-card{grid-template-columns:58px minmax(0,1fr);padding:10px}.hangar-upgrade-icon{height:58px}.hangar-upgrade-icon img{width:46px;height:46px}.hangar-action,.hangar-state{height:34px;padding:0 10px;font-size:8px}.hangar-card-action{min-width:86px}.hangar-tabs button{height:36px;font-size:8px}.hangar-side-head h2{font-size:16px}.hangar-stage-bottom{padding:12px 14px}.hangar-stage-bottom small,.hangar-mod-line{font-size:7px}.hangar-page-head h1{font-size:22px}}
@media(max-width:760px){.hangar-page-head{gap:8px;align-items:flex-start;flex-direction:column}.hangar-page-head h1{font-size:18px}.hangar-page-actions{width:100%}.hangar-page-actions .soft-btn{width:100%;height:38px;padding:0 10px;font-size:9px}.hangar-board{grid-template-columns:1fr;grid-template-rows:184px 360px 250px;height:auto;min-height:0;padding:10px;gap:10px;border-radius:18px;overflow:visible}.hangar-side-left{order:1}.hangar-stage{order:2;padding:0;overflow:visible;z-index:4}.hangar-side-right{order:3}.hangar-side.panel{padding:12px;border-radius:16px;min-height:0;overflow:hidden}.hangar-side-head{padding-bottom:8px}.hangar-side-head h2{font-size:15px}.hangar-side-head p:last-child{font-size:8px}.hangar-upgrade-list{margin-top:8px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px 0;align-items:stretch;scroll-snap-type:x proximity}.hangar-upgrade-card{flex:0 0 126px;width:126px;display:grid;grid-template-columns:1fr;grid-template-rows:42px auto auto auto;gap:7px;padding:9px;border-radius:14px;align-items:start;scroll-snap-align:start}.hangar-upgrade-icon{height:42px;width:42px;margin:0 auto}.hangar-upgrade-icon img{width:32px;height:32px}.hangar-upgrade-body{gap:5px;text-align:center}.hangar-upgrade-body b{font-size:7px;line-height:1.25}.hangar-upgrade-body small{font-size:6px;line-height:1.3}.hangar-price{justify-content:center}.hangar-price img{width:13px;height:13px}.hangar-price b{font-size:7px}.hangar-price small{font-size:6px}.hangar-action,.hangar-state{height:26px;padding:0 6px;font-size:6px;border-radius:9px;width:100%}.hangar-stage-top{padding:6px 4px}.hangar-stage-top h2{font-size:20px;max-width:150px}.hangar-tier{padding:6px 8px;font-size:7px}.hangar-vessel-position{min-height:248px;overflow:visible}.hangar-vessel-bob{width:min(82%,290px);height:138px}.hangar-stage-bottom{max-width:none;padding:10px 12px;border-radius:14px;gap:3px}.hangar-stage-bottom b{font-size:13px}.hangar-stage-bottom small{font-size:7px}.hangar-mod-line{gap:8px;font-size:7px}.hangar-tabs{gap:6px;margin:8px 0 0}.hangar-tabs button{height:32px;font-size:8px;border-radius:10px}.hangar-cosmetic-list{margin-top:8px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px 0;align-items:stretch;scroll-snap-type:x proximity}.hangar-cosmetic-card{flex:0 0 132px;width:132px;padding:9px;border-radius:14px;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;gap:7px;scroll-snap-align:start}.hangar-card-main{gap:7px;flex-direction:column;align-items:center;text-align:center}.hangar-card-art{width:48px;min-width:48px;height:48px;border-radius:10px}.hangar-card-copy{justify-items:center;text-align:center}.hangar-card-copy b{font-size:7px;line-height:1.25}.hangar-card-copy small{font-size:6px;line-height:1.3}.hangar-card-action{min-width:0;width:100%}.hangar-card-action .hangar-action,.hangar-card-action .hangar-state{width:100%}.hangar-preview-pill{height:15px;font-size:6px;padding:0 5px}.hangar-card-art.trail-art .vessel-trail{left:10%;width:74%;height:42%}.exp-journey-vessel{width:60px;height:44px}}
html.ct-phone-landscape.ct-standalone .hangar-board{grid-template-columns:1fr;grid-template-rows:184px 360px 250px;height:auto;min-height:0}html.ct-phone-landscape.ct-standalone .exp-journey-vessel{width:60px;height:44px}

/* Batch 5 Patch P8 — stronger mobile cube-strip override */
@media (max-width:1024px){
  .hangar-board{
    grid-template-columns:1fr;
    grid-template-rows:190px 370px 262px;
    height:auto;
    min-height:0;
    padding:10px;
    gap:10px;
    overflow:visible;
  }
  .hangar-side-left{order:1}
  .hangar-stage{order:2;padding:0;overflow:visible;z-index:4}
  .hangar-side-right{order:3}

  .hangar-side.panel{padding:12px;border-radius:16px;overflow:hidden}
  .hangar-side-head{padding-bottom:8px}
  .hangar-side-head h2{font-size:15px}
  .hangar-side-head p:last-child{font-size:8px}

  /* Top tile: upgrades as cube strip */
  .hangar-upgrade-list{
    margin-top:8px !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 2px 8px 0 !important;
    scroll-snap-type:x proximity;
  }
  .hangar-upgrade-card{
    flex:0 0 128px !important;
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:42px auto auto auto !important;
    align-items:start !important;
    gap:7px !important;
    padding:9px !important;
    border-radius:14px !important;
    scroll-snap-align:start;
  }
  .hangar-upgrade-icon{width:42px !important;height:42px !important;margin:0 auto !important}
  .hangar-upgrade-icon img{width:32px !important;height:32px !important}
  .hangar-upgrade-body{display:grid !important;gap:5px !important;text-align:center !important}
  .hangar-upgrade-body b{font-size:7px !important;line-height:1.25 !important}
  .hangar-upgrade-body small{font-size:6px !important;line-height:1.3 !important}
  .hangar-price{justify-content:center !important}
  .hangar-price img{width:13px !important;height:13px !important}
  .hangar-price b{font-size:7px !important}
  .hangar-price small{font-size:6px !important}

  /* Middle tile */
  .hangar-stage-top{padding:6px 4px}
  .hangar-stage-top h2{font-size:20px;max-width:150px}
  .hangar-tier{padding:6px 8px;font-size:7px}
  .hangar-vessel-position{min-height:248px;overflow:visible}
  .hangar-vessel-bob{width:min(82%,290px);height:138px}
  .hangar-stage-bottom{max-width:none;padding:10px 12px;border-radius:14px;gap:3px}
  .hangar-stage-bottom b{font-size:13px}
  .hangar-stage-bottom small{font-size:7px}
  .hangar-mod-line{gap:8px;font-size:7px}

  /* Bottom tile: customization tabs + cube strip */
  .hangar-tabs{gap:6px;margin:8px 0 0}
  .hangar-tabs button{height:32px;font-size:8px;border-radius:10px}
  .hangar-cosmetic-list{
    margin-top:8px !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 2px 8px 0 !important;
    scroll-snap-type:x proximity;
  }
  .hangar-cosmetic-card{
    flex:0 0 136px !important;
    width:136px !important;
    min-width:136px !important;
    max-width:136px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto 1fr auto !important;
    gap:7px !important;
    padding:9px !important;
    border-radius:14px !important;
    scroll-snap-align:start;
  }
  .hangar-card-main{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:7px !important;
  }
  .hangar-card-art{width:48px !important;min-width:48px !important;height:48px !important;border-radius:10px !important}
  .hangar-card-copy{display:grid !important;justify-items:center !important;text-align:center !important;gap:4px !important}
  .hangar-card-copy b{font-size:7px !important;line-height:1.25 !important}
  .hangar-card-copy small{font-size:6px !important;line-height:1.3 !important}
  .hangar-card-action{min-width:0 !important;width:100% !important}
  .hangar-card-action .hangar-action,.hangar-card-action .hangar-state,
  .hangar-upgrade-body .hangar-action,.hangar-upgrade-body .hangar-state,
  .hangar-action,.hangar-state{
    width:100% !important;
    height:26px !important;
    padding:0 6px !important;
    font-size:6px !important;
    border-radius:9px !important;
  }
  .hangar-preview-pill{height:15px;font-size:6px;padding:0 5px}
  .hangar-card-art.trail-art .vessel-trail{left:10%;width:74%;height:42%}
}

html.ct-phone-landscape.ct-standalone .hangar-board{grid-template-columns:1fr;grid-template-rows:190px 370px 262px;height:auto;min-height:0}

/* Batch 5 Patch P10 — restore P8 cube size, keep buttons fully visible inside mobile tiles */
@media (max-width:1024px){
  .hangar-board{
    grid-template-rows:204px 360px 286px !important;
  }
  .hangar-side-head{padding-bottom:6px !important}
  .hangar-side-head h2{margin:2px 0 4px !important}
  .hangar-side-head p:last-child{font-size:7px !important;line-height:1.35 !important}

  .hangar-upgrade-list,
  .hangar-cosmetic-list{
    padding-bottom:4px !important;
  }

  .hangar-upgrade-card,
  .hangar-cosmetic-card{
    align-content:start !important;
    overflow:hidden !important;
  }

  .hangar-upgrade-card{
    flex:0 0 126px !important;
    width:126px !important;
    min-width:126px !important;
    max-width:126px !important;
    gap:6px !important;
    padding:8px !important;
  }
  .hangar-upgrade-body{
    gap:4px !important;
  }

  .hangar-cosmetic-card{
    flex:0 0 132px !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    gap:6px !important;
    padding:8px !important;
  }
  .hangar-card-main{gap:6px !important}
  .hangar-card-copy{gap:3px !important}
  .hangar-card-copy small{font-size:5.8px !important;line-height:1.2 !important}
  .hangar-preview-pill{height:14px !important;font-size:5.7px !important;padding:0 4px !important}

  .hangar-card-action,
  .hangar-upgrade-body > .hangar-action,
  .hangar-upgrade-body > .hangar-state{
    margin-top:2px !important;
  }

  .hangar-card-action .hangar-action,
  .hangar-card-action .hangar-state,
  .hangar-upgrade-body .hangar-action,
  .hangar-upgrade-body .hangar-state,
  .hangar-action,.hangar-state{
    height:24px !important;
    min-height:24px !important;
    padding:0 5px !important;
    font-size:5.8px !important;
    border-radius:8px !important;
    line-height:1 !important;
  }
}

html.ct-phone-landscape.ct-standalone .hangar-board{grid-template-rows:204px 360px 286px !important}

/* Batch 5 Patch P11 — restore mobile proportions, same-look cube cards, visible buttons */
@media (max-width:1024px){
  /* bring mobile tile proportions closer to the approved state */
  .hangar-board{
    grid-template-rows:198px 374px 262px !important;
  }
  .hangar-stage-bottom{padding:10px 12px !important}

  /* slightly larger airship preview again */
  .hangar-vessel-position{min-height:258px !important;overflow:visible !important}
  .hangar-vessel-bob{width:min(85%,308px) !important;height:148px !important}

  /* tile 1 + tile 3 should share the same cube feeling */
  .hangar-upgrade-card,
  .hangar-cosmetic-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    border-radius:14px !important;
  }

  .hangar-upgrade-card{
    flex:0 0 128px !important;
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
    min-height:146px !important;
    height:146px !important;
    padding:8px !important;
    gap:6px !important;
  }
  .hangar-upgrade-icon{width:40px !important;height:40px !important;margin:0 auto !important}
  .hangar-upgrade-icon img{width:30px !important;height:30px !important}
  .hangar-upgrade-body{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    gap:4px !important;
    flex:1 1 auto !important;
    min-height:0 !important;
  }
  .hangar-upgrade-body b{font-size:7px !important;line-height:1.22 !important}
  .hangar-upgrade-body small{font-size:5.9px !important;line-height:1.22 !important}
  .hangar-upgrade-body .hangar-price{justify-content:center !important;flex-wrap:wrap !important}
  .hangar-upgrade-body .hangar-action,
  .hangar-upgrade-body .hangar-state{margin-top:auto !important}

  .hangar-cosmetic-card{
    flex:0 0 128px !important;
    width:128px !important;
    min-width:128px !important;
    max-width:128px !important;
    min-height:146px !important;
    height:146px !important;
    padding:8px !important;
    gap:6px !important;
  }
  .hangar-card-main{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:6px !important;
    flex:1 1 auto !important;
    min-height:0 !important;
  }
  .hangar-card-art{width:46px !important;min-width:46px !important;height:46px !important;border-radius:10px !important}
  .hangar-card-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    gap:3px !important;
    width:100% !important;
    min-height:0 !important;
    flex:1 1 auto !important;
  }
  .hangar-card-copy b{font-size:7px !important;line-height:1.22 !important}
  .hangar-card-copy small{font-size:5.9px !important;line-height:1.22 !important}
  .hangar-card-copy .hangar-price{justify-content:center !important;flex-wrap:wrap !important}
  .hangar-preview-pill{height:14px !important;font-size:5.7px !important;padding:0 4px !important}
  .hangar-card-action{
    width:100% !important;
    min-width:0 !important;
    margin-top:auto !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:stretch !important;
  }

  .hangar-card-action .hangar-action,
  .hangar-card-action .hangar-state,
  .hangar-upgrade-body .hangar-action,
  .hangar-upgrade-body .hangar-state,
  .hangar-action,
  .hangar-state{
    width:100% !important;
    min-width:0 !important;
    height:22px !important;
    min-height:22px !important;
    padding:0 5px !important;
    font-size:5.8px !important;
    line-height:1 !important;
    border-radius:8px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}

html.ct-phone-landscape.ct-standalone .hangar-board{grid-template-rows:198px 374px 262px !important}

/* Batch 5 Patch P12 — exact mobile hangar correction */
@media (max-width:1024px){
  /* tile 1 slightly bigger, middle much bigger for ship, tile 3 slightly smaller */
  .hangar-board{
    grid-template-rows:212px 420px 238px !important;
  }

  /* bigger ship in middle tile */
  .hangar-vessel-position{
    min-height:312px !important;
    overflow:visible !important;
  }
  .hangar-vessel-bob{
    width:min(132%,560px) !important;
    height:268px !important;
    top:52% !important;
  }

  /* tile 1: keep cube strip, slightly larger so every button fits */
  .hangar-upgrade-list{padding-bottom:8px !important;gap:10px !important}
  .hangar-upgrade-card{
    flex:0 0 134px !important;
    width:134px !important;
    min-width:134px !important;
    max-width:134px !important;
    height:156px !important;
    min-height:156px !important;
    padding:8px 8px 10px !important;
    gap:5px !important;
    box-sizing:border-box !important;
  }
  .hangar-upgrade-icon{width:38px !important;height:38px !important;margin:0 auto !important}
  .hangar-upgrade-icon img{width:28px !important;height:28px !important}
  .hangar-upgrade-body{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    height:100% !important;
    min-height:0 !important;
    gap:3px !important;
    flex:1 1 auto !important;
  }
  .hangar-upgrade-body b{font-size:6.8px !important;line-height:1.18 !important}
  .hangar-upgrade-body small{font-size:5.6px !important;line-height:1.15 !important}
  .hangar-upgrade-body .hangar-price{justify-content:center !important;gap:3px !important;flex-wrap:wrap !important}
  .hangar-upgrade-body .hangar-price img{width:11px !important;height:11px !important}
  .hangar-upgrade-body .hangar-price b{font-size:6px !important}
  .hangar-upgrade-body .hangar-price small{font-size:5px !important}
  .hangar-upgrade-body .hangar-action,
  .hangar-upgrade-body .hangar-state{
    margin-top:auto !important;
    width:100% !important;
    height:20px !important;
    min-height:20px !important;
    padding:0 4px !important;
    font-size:5.5px !important;
    line-height:1 !important;
    border-radius:7px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  /* tile 3: normal square-ish cubes, button moved clearly upward inside cube */
  .hangar-cosmetic-list{padding-bottom:8px !important;gap:10px !important}
  .hangar-cosmetic-card{
    flex:0 0 124px !important;
    width:124px !important;
    min-width:124px !important;
    max-width:124px !important;
    height:138px !important;
    min-height:138px !important;
    padding:8px !important;
    gap:5px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
  }
  .hangar-card-main{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:5px !important;
    flex:1 1 auto !important;
    min-height:0 !important;
  }
  .hangar-card-art{width:42px !important;min-width:42px !important;height:42px !important;border-radius:9px !important}
  .hangar-card-copy{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-align:center !important;
    gap:2px !important;
    width:100% !important;
    flex:1 1 auto !important;
    min-height:0 !important;
  }
  .hangar-card-copy b{font-size:6.7px !important;line-height:1.18 !important}
  .hangar-card-copy small{font-size:5.5px !important;line-height:1.12 !important}
  .hangar-card-copy .hangar-price{justify-content:center !important;gap:3px !important;flex-wrap:wrap !important}
  .hangar-card-copy .hangar-price img{width:11px !important;height:11px !important}
  .hangar-card-copy .hangar-price b{font-size:6px !important}
  .hangar-card-copy .hangar-price small{font-size:5px !important}
  .hangar-preview-pill{height:12px !important;font-size:5.2px !important;padding:0 4px !important}
  .hangar-card-action{
    width:100% !important;
    min-width:0 !important;
    margin-top:auto !important;
    padding-top:1px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:stretch !important;
  }
  .hangar-card-action .hangar-action,
  .hangar-card-action .hangar-state{
    width:100% !important;
    height:20px !important;
    min-height:20px !important;
    padding:0 4px !important;
    font-size:5.5px !important;
    line-height:1 !important;
    border-radius:7px !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }
}
html.ct-phone-landscape.ct-standalone .hangar-board{grid-template-rows:212px 420px 238px !important}

/* Batch 5 Patch P13 — final mobile cube composition: image / text / fixed button */
@media (max-width:1024px){
  /* Keep the burger proportions compact; only card composition changes here. */
  .hangar-board{grid-template-rows:198px 420px 238px !important}

  /* TOP TILE — upgrades: true square-ish cubes with reserved button zone */
  .hangar-upgrade-list{
    margin-top:8px !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 2px 6px 0 !important;
  }
  .hangar-upgrade-card{
    position:relative !important;
    flex:0 0 132px !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    height:132px !important;
    min-height:132px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:8px 8px 31px !important;
    gap:4px !important;
    overflow:hidden !important;
    border-radius:14px !important;
  }
  .hangar-upgrade-icon{
    flex:0 0 38px !important;
    width:48px !important;
    height:38px !important;
    margin:0 auto !important;
  }
  .hangar-upgrade-icon img{width:31px !important;height:31px !important}
  .hangar-upgrade-body{
    position:static !important;
    width:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:3px !important;
    text-align:center !important;
    overflow:hidden !important;
  }
  .hangar-upgrade-body b{
    width:100% !important;
    font-size:6.8px !important;
    line-height:1.18 !important;
    white-space:normal !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }
  .hangar-upgrade-body small{
    width:100% !important;
    font-size:5.5px !important;
    line-height:1.15 !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }
  .hangar-upgrade-body .hangar-price{
    justify-content:center !important;
    gap:2px !important;
    flex-wrap:nowrap !important;
    max-height:13px !important;
    overflow:hidden !important;
  }
  .hangar-upgrade-body .hangar-price img{width:10px !important;height:10px !important}
  .hangar-upgrade-body .hangar-price b{width:auto !important;font-size:5.8px !important;display:block !important}
  .hangar-upgrade-body .hangar-price small{width:auto !important;font-size:4.8px !important;display:block !important}
  .hangar-upgrade-body > .hangar-action,
  .hangar-upgrade-body > .hangar-state{
    position:absolute !important;
    left:8px !important;
    right:8px !important;
    bottom:7px !important;
    width:auto !important;
    height:20px !important;
    min-height:20px !important;
    margin:0 !important;
    padding:0 4px !important;
    box-sizing:border-box !important;
    border-radius:7px !important;
    font-size:5.5px !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  /* BOTTOM TILE — customisation: same cube composition as upgrades. */
  .hangar-cosmetic-list{
    margin-top:8px !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:flex-start !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 2px 6px 0 !important;
  }
  .hangar-cosmetic-card{
    position:relative !important;
    flex:0 0 132px !important;
    width:132px !important;
    min-width:132px !important;
    max-width:132px !important;
    height:132px !important;
    min-height:132px !important;
    box-sizing:border-box !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:8px 8px 31px !important;
    gap:4px !important;
    overflow:hidden !important;
    border-radius:14px !important;
  }
  .hangar-card-main{
    width:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:4px !important;
    text-align:center !important;
    overflow:hidden !important;
  }
  .hangar-card-art{
    flex:0 0 42px !important;
    width:50px !important;
    min-width:50px !important;
    height:42px !important;
    border-radius:9px !important;
  }
  .hangar-card-copy{
    width:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:2px !important;
    text-align:center !important;
    overflow:hidden !important;
  }
  .hangar-card-copy b{
    width:100% !important;
    font-size:6.8px !important;
    line-height:1.18 !important;
    overflow:hidden !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
  }
  .hangar-card-copy small{
    width:100% !important;
    font-size:5.4px !important;
    line-height:1.1 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
  }
  .hangar-card-copy .hangar-price{
    justify-content:center !important;
    gap:2px !important;
    flex-wrap:nowrap !important;
    max-height:13px !important;
    overflow:hidden !important;
  }
  .hangar-card-copy .hangar-price img{width:10px !important;height:10px !important}
  .hangar-card-copy .hangar-price b{width:auto !important;font-size:5.8px !important;display:block !important}
  .hangar-card-copy .hangar-price small{width:auto !important;font-size:4.8px !important;display:block !important}
  .hangar-preview-pill{
    position:absolute !important;
    top:6px !important;
    right:6px !important;
    height:13px !important;
    padding:0 4px !important;
    margin:0 !important;
    font-size:5px !important;
    z-index:4 !important;
  }
  .hangar-card-action{
    position:absolute !important;
    left:8px !important;
    right:8px !important;
    bottom:7px !important;
    width:auto !important;
    min-width:0 !important;
    height:20px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:stretch !important;
  }
  .hangar-card-action > .hangar-action,
  .hangar-card-action > .hangar-state{
    width:100% !important;
    height:20px !important;
    min-height:20px !important;
    margin:0 !important;
    padding:0 4px !important;
    box-sizing:border-box !important;
    border-radius:7px !important;
    font-size:5.5px !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}
html.ct-phone-landscape.ct-standalone .hangar-board{grid-template-rows:198px 420px 238px !important}

/* Batch 5 Patch P14 — mobile only: move buttons upward directly under detail text */
@media (max-width:1024px){
  /* top tile */
  .hangar-upgrade-card{
    padding:8px !important;
    gap:3px !important;
    height:132px !important;
    min-height:132px !important;
  }
  .hangar-upgrade-body{
    gap:2px !important;
  }
  .hangar-upgrade-body > .hangar-action,
  .hangar-upgrade-body > .hangar-state{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    margin-top:2px !important;
  }

  /* bottom tile */
  .hangar-cosmetic-card{
    padding:8px !important;
    gap:3px !important;
    height:132px !important;
    min-height:132px !important;
  }
  .hangar-card-main{
    gap:3px !important;
    flex:0 0 auto !important;
  }
  .hangar-card-copy{
    gap:2px !important;
  }
  .hangar-card-action{
    position:static !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin-top:2px !important;
    padding:0 !important;
  }
  .hangar-card-action > .hangar-action,
  .hangar-card-action > .hangar-state{
    width:100% !important;
    margin-top:0 !important;
  }
}

/* Batch 5 Patch P15 — mobile Journey vessel isolation.
   Hangar preview sizing must never override the compact Journey vessel bob wrapper. */
@media (max-width:1024px){
  .exp-journey-vessel .hangar-vessel-bob.journey-vessel-bob{
    inset:-16% -24% !important;
    width:auto !important;
    height:auto !important;
    left:-24% !important;
    top:-16% !important;
    right:-24% !important;
    bottom:-16% !important;
  }
}