.hangar-window{position:fixed;inset:0;z-index:0;pointer-events:none;background:#030916 url('/assets/space-table.svg') center/cover;overflow:hidden}
.hangar-window:before{content:'';position:absolute;inset:0;background:url('/assets/hangar-bay.svg') center/cover;opacity:.93}.hangar-window:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#030c1644,transparent 25%,#02091533 60%,#03091266)}
.hangar-flight-lines{position:absolute;top:26%;left:36%;width:2px;height:2px;border-radius:50%;background:#d9eaff;box-shadow:0 0 6px #e1f1ff;animation:hangar-flight 38s linear infinite;opacity:.5}@keyframes hangar-flight{0%{transform:translate(0,0);opacity:0}15%{opacity:.7}70%{opacity:.45}100%{transform:translate(30vw,7vh);opacity:0}}
#hub:has(.hangar-shell)>header{position:relative;z-index:3;background:#071421ed;border-bottom:1px solid #507cb177;box-shadow:0 10px 35px #0006}.hangar-shell{position:relative;z-index:1;min-height:calc(100svh - 86px)}.hangar-shell .sidebar{background:#081525ed;backdrop-filter:blur(10px);border-right-color:#52739455}.hangar-shell .main{background:linear-gradient(90deg,#081321b8,#0a1622a8);backdrop-filter:blur(3px);padding-top:35px}.hangar-shell .deck-tile,.hangar-shell .friend,.hangar-shell .settings form{background:#0a1829e8;border-color:#3d5e7c;box-shadow:0 12px 25px #0005}.hangar-shell .match{background:#0a192ac9;border-color:#496584}.hangar-shell .page-heading .eyebrow{letter-spacing:3px;color:#9fceff}.hangar-shell .sidebar nav button.active{background:linear-gradient(100deg,#204872,#132942);border-left:2px solid #86c4ff}.hangar-shell .deck-tile .tile-content{padding:18px}.hangar-shell .deck-delete{color:#ffd4da;background:#6a2233;border-color:#b84f67}.hangar-shell .deck-delete:hover{background:#913149;border-color:#ff8196}
.hangar-deck-filters{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:14px;padding:18px;border:1px solid #42688b;background:#0a1b2fd9;border-radius:9px;margin-bottom:26px}.hangar-deck-filters label{font-size:12px;min-width:0}.hangar-deck-filters button{justify-self:start;font-size:12px}.games-toolbar{display:flex;gap:12px;flex-wrap:wrap}.new-game-modes{display:grid;gap:12px}.pending-games .invite{background:#0c2945dd;border-color:#618eb6}.pending-games p{color:#b8cfe7;font-size:13px;margin:5px 0 0}
.lobby-list{display:grid;gap:13px}.lobby-tile{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;border:1px solid #446581;background:linear-gradient(120deg,#152d45e8,#0b1c2ed9);border-radius:9px}.lobby-tile h3{margin:0 0 6px;font-size:18px;color:#dcf0ff}.lobby-format{font-size:12px;color:#8ec7ff}.lobby-tile p{font-size:13px;color:#b9c9dd;margin:8px 0 0}.lobby-entry{display:flex;align-items:flex-end;gap:12px;flex-direction:column;white-space:nowrap}.lobby-entry>span{font-size:12px;color:#acc8e4}.lobby-entry .hangar-play{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #75b4ed;color:#d5ecff;background:#164370;border-radius:5px;text-decoration:none}.lobby-entry .hangar-play:hover{background:#215784}
@media(max-width:850px){.hangar-deck-filters{grid-template-columns:1fr 1fr}.hangar-window:before{background-position:center;opacity:.6}.hangar-shell .main{background:#091625bc}}
@media(max-width:600px){.hangar-shell .main{padding-top:25px}.hangar-deck-filters{grid-template-columns:1fr;padding:14px}.lobby-tile{align-items:flex-start;flex-direction:column;padding:15px}.lobby-entry{flex-direction:row;align-items:center;justify-content:space-between;width:100%;white-space:normal}.hangar-shell .sidebar{border-bottom:1px solid #42678b}.hangar-window{background-position:65% center}.hangar-window:before{background-size:auto 100%}}
@media(prefers-reduced-motion:reduce){.hangar-flight-lines{animation:none;display:none}}

.room-badge strong{font-size:15px;overflow-wrap:anywhere}.toolbar-left .pill{max-width:270px;overflow:hidden;text-overflow:ellipsis}
.hangar-shell .deck-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:22px}
.deck-tile-heading{display:flex;align-items:center;gap:14px;padding:18px 18px 12px;min-width:0;border-top:2px solid #639acc}
.deck-tile.dark .deck-tile-heading{border-top-color:#c25471}
.deck-tile-heading .affiliation-image{display:block;width:52px;height:73px;object-fit:contain;flex:none;border-radius:4px}
.deck-tile-heading>div{min-width:0;flex:1}
.deck-tile-heading h2{font-size:18px;line-height:1.35;margin:0 0 7px;overflow-wrap:anywhere}
.deck-tile-heading .deck-faction-label{display:block;font-size:12px;color:#b6d4ee;margin-bottom:7px}
.deck-tile.dark .deck-faction-label{color:#e8b0bd}
.saved-deck-objectives{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:12px 18px 18px;border-bottom:1px solid #355572}
.saved-deck-objectives .scan-landscape{display:block;min-width:0;width:100%;height:auto;aspect-ratio:1.4;border-radius:3px}
.saved-deck-objectives .scan-landscape img:not(.sideways){display:block;width:100%;height:100%;object-fit:contain}
.hangar-shell .deck-tile .tile-content{padding-top:8px}