/* Orbit Reborn / Command Deck. Shared website shell and Command Deck; no gameplay selectors. */
@font-face {
    font-family:OrbitInterface;
    src:url('../fonts/EurostileT.ttf') format('truetype');
    font-display:swap
}

@font-face {
    font-family:OrbitInterface;
    src:url('../fonts/EurostileTHea.ttf') format('truetype');
    font-weight:700;
    font-display:swap
}

body.orbit-ui {
    --od-ice:#b6e3fb;
    --od-muted:#83a6bd;
    --od-cyan:#00c8ff;
    --od-gold:#d6ad5f;
    margin:0;
    min-width:320px;
    min-height:100vh;
    color:#d2e5f1;
    font-family:OrbitInterface,'Segoe UI',sans-serif;
    font-size:13px;
    line-height:1.45;
    background:#020810 url('../images/orbit-reborn/command-deck-v1/orbital-spaceport.png') center top / cover fixed no-repeat!important;
}

body.orbit-ui::before {
    display:none
}

:where(.od-header,.od-deck,.od-faction-rail,.od-world-mark) * {
    color:inherit
}

body.orbit-ui .od-header *,body.orbit-ui .od-deck *,body.orbit-ui .od-faction-rail *,body.orbit-ui .od-world-mark *,body.orbit-ui .or-footer * {
    font-family:OrbitInterface,'Segoe UI',sans-serif
}

body.orbit-ui a {
    color:inherit;
    text-decoration:none
}

body.orbit-ui button {
    font:inherit
}

body.orbit-ui :is(a,button,[tabindex]):focus-visible {
    outline:2px solid #a3efff!important;
    outline-offset:4px
}

body.orbit-ui .od-icon {
    width:21px;
    height:21px;
    flex-shrink:0;
    display:inline-block;
    color:var(--od-ice);
    vertical-align:middle;
    filter:drop-shadow(0 0 5px #238acb55)
}

body.orbit-ui .od-header,body.orbit-ui main.container {
    width:min(1180px,calc(100% - 64px));
    margin:0 auto;
    padding:0;
    position:relative
}

body.orbit-ui main.container::before,body.orbit-ui main.container::after {
    display:none
}

.od-header {
    z-index:2
}

.od-skip {
    position:fixed;
    top:-80px;
    left:12px;
    z-index:100;
    padding:12px 20px;
    background:#031624;
    border:1px solid #5be0ff
}

.od-skip:focus {
    top:8px
}

.od-account-bar {
    min-height:54px;
    display:flex;
    align-items:center;
    padding:0 14px;
    background:linear-gradient(180deg,#08141ff5,#02090ef5);
    border:1px solid #4d778f;
    border-top:0;
    box-shadow:0 3px 0 #01060b,0 5px 0 #304b5d,inset 0 -4px 0 #0c1b25;
    clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));
    gap:14px
}

.od-account {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:139px;
    max-width:185px;
    flex-shrink:0;
    padding:8px 0
}

.od-account>img {
    width:31px;
    height:31px;
    object-fit:contain;
    filter:sepia(.65) saturate(1.3)
}

.od-account>span {
    min-width:0
}

.od-account small,.od-account strong {
    display:block;
    line-height:1.35
}

.od-account small {
    color:var(--od-ice);
    font-size:10px;
    letter-spacing:1px
}

.od-account strong {
    max-width:145px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    color:#f2f6f9
}

.od-resources {
    display:flex;
    align-items:center;
    justify-content:space-around;
    flex:1;
    gap:0;
    list-style:none;
    padding:0;
    margin:0;
    min-width:0
}

.od-resources li {
    display:flex;
    gap:6px;
    align-items:center;
    border-left:1px solid #3051654d;
    padding:6px 10px;
    white-space:nowrap;
    font-size:10px;
    font-weight:700;
    line-height:1.2
}

body.orbit-ui .od-resources .od-icon {
    width:19px;
    height:19px
}

.od-resources .od-uridium,.od-resources .od-uridium .od-icon {
    color:#efbf50
}

.od-utilities {
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
    font-size:10px
}

.od-utilities>a {
    display:flex;
    align-items:center;
    gap:5px
}

.od-utilities>a:hover {
    color:#fff;
    filter:drop-shadow(0 0 5px #00c8ff)
}

.od-utilities .od-icon {
    width:19px;
    height:19px
}

.od-language {
    font-size:9px;
    color:#94b9cf;
    max-width:54px;
    text-overflow:ellipsis;
    overflow:hidden
}

.od-logout {
    border:1px solid #5cb8d5;
    padding:7px 11px;
    box-shadow:inset 0 0 12px #12658a33;
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)
}

.od-main-nav {
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);
    align-items:center;
    height:116px;
    gap:0;
    margin-top:2px
}

.od-nav-wing {
    position:relative;
    display:flex;
    height:70px;
    padding:12px 20px;
    background:url('../images/orbit-reborn/command-deck-v1/nav-wing.svg') center/100% 100% no-repeat;
    filter:drop-shadow(0 6px 4px #0009)
}

.od-nav-wing-right {
    transform:scaleX(-1)
}

.od-nav-wing a {
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 5px;
    border-right:1px solid #34617c55;
    font-size:11px;
    white-space:nowrap;
    color:#d7e8f3;
    text-shadow:0 2px 3px #000;
    position:relative
}

.od-nav-wing a:last-child {
    border:0
}

.od-nav-wing-right a {
    transform:scaleX(-1);
    order:4
}

.od-nav-wing-right a:nth-child(2) {
    order:3
}

.od-nav-wing-right a:nth-child(3) {
    order:2
}

.od-nav-wing-right a:nth-child(4) {
    order:1
}

.od-nav-wing a:hover,.od-nav-wing a:focus-visible {
    color:#fff;
    background:radial-gradient(ellipse at center bottom,#04c4ff4d,transparent 75%)
}

.od-nav-wing a:hover::after {
    content:'';
    position:absolute;
    bottom:0;
    width:65%;
    height:2px;
    background:#7eecff;
    box-shadow:0 0 12px 3px #00b7ff88
}

.od-nav-wing .od-premium {
    color:var(--od-gold)
}

.od-brand {
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    padding-top:19px;
    background:url('../images/orbit-reborn/command-deck-v1/brand-orbit.svg') center/cover no-repeat
}

.od-brand-orbit {
    color:#edf7ff;
    font-size:40px;
    letter-spacing:10px;
    font-weight:400;
    line-height:1.2;
    text-indent:10px;
    text-shadow:0 0 14px #4faafa,0 2px 2px #ffffff35;
    transform:scaleX(1.05)
}

.od-brand-reborn {
    color:#e7c980;
    font-size:15px;
    letter-spacing:10px;
    line-height:1.7;
    text-indent:10px;
    text-shadow:0 0 10px #b6902c66
}

.od-universe-line {
    text-align:center;
    color:#84a6bc;
    font-size:9px;
    letter-spacing:2.7px;
    margin:0 0 10px;
    text-shadow:0 2px 3px #000
}

.od-universe-line span {
    color:#3b6981;
    margin:0 8px
}

.od-world-mark {
    position:absolute;
    top:150px;
    color:#91b5cc90;
    font-size:13px;
    line-height:1.9;
    letter-spacing:2px;
    pointer-events:none;
    text-shadow:0 2px 5px #000
}

.od-world-mark-left {
    left:max(28px,calc(50% - 745px));
    transform:rotate(9deg)
}

.od-world-mark-right {
    right:max(28px,calc(50% - 755px));
    transform:rotate(-9deg)
}

.od-faction-rail {
    position:fixed;
    right:max(18px,calc(50% - 775px));
    bottom:100px;
    width:136px;
    display:grid;
    gap:24px;
    color:#89acbf
}

.od-faction {
    display:flex;
    align-items:center;
    gap:12px
}

.od-faction img {
    width:38px;
    height:40px;
    object-fit:contain;
    opacity:.75
}

.od-faction strong {
    display:block;
    font-size:18px;
    letter-spacing:3px
}

.od-faction small {
    display:block;
    font-size:8px;
    letter-spacing:1.4px;
    line-height:1.3;
    text-transform:uppercase
}

.od-faction-eic {
    color:#c9a85f
}

.od-deck {
    position:relative;
    padding:17px 19px 19px;
    background:linear-gradient(180deg,#030c12a3,#020b12f5 57%);
    box-shadow:0 16px 50px #000a;
    isolation:isolate
}

.od-deck::before {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    border:27px solid transparent;
    border-image:url('../images/orbit-reborn/command-deck-v1/panel-frame.svg') 44 / 27px stretch;
    z-index:4
}

.od-deck::after {
    content:'';
    position:absolute;
    top:8px;
    left:32%;
    width:36%;
    height:9px;
    background:linear-gradient(#06131e,#071018);
    border:1px solid #527c93;
    clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);
    z-index:5;
    pointer-events:none
}

.od-hero {
    height:321px;
    position:relative;
    background:linear-gradient(90deg,#01090ebf,transparent 35%,transparent 69%,#01090e8c),url('../images/orbit-reborn/command-deck-v1/hangar-stage.png') center / cover no-repeat;
    border-bottom:1px solid #88b1c1;
    box-shadow:inset 0 0 25px #000
}

.od-hero::after {
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
    box-shadow:inset 0 1px 0 #91c7de55,inset 0 -5px 14px #001521;
    opacity:.9
}

body.orbit-ui .od-section-heading {
    position:absolute;
    z-index:2;
    top:0;
    left:0;
    margin:0;
    width:310px;
    max-width:65%;
    height:35px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 17px;
    color:#9fdfff;
    font-size:15px;
    letter-spacing:3px;
    font-weight:700;
    background:linear-gradient(120deg,#11283a,#010a11 80%);
    border-top:1px solid #579fbe;
    border-bottom:1px solid #326a87;
    clip-path:polygon(0 0,100% 0,calc(100% - 27px) 100%,0 100%);
    text-shadow:0 0 7px #3896bd55
}

body.orbit-ui .od-section-heading .od-icon {
    width:15px;
    height:15px
}

.od-pilot-summary {
    position:absolute;
    top:94px;
    left:39px;
    width:28%;
    z-index:2
}

body.orbit-ui .od-pilot-summary h2 {
    font-size:28px;
    font-weight:700;
    letter-spacing:.2px;
    color:#f1f8ff;
    margin:0 0 10px;
    text-shadow:0 0 12px #9ee7ff66,0 2px 4px #000;
    overflow-wrap:anywhere;
    line-height:1.2
}

.od-pilot-id {
    font-size:11px;
    letter-spacing:1.4px;
    color:#a5c9de!important
}

.od-pilot-id .od-icon {
    width:12px!important;
    height:12px!important;
    margin-left:8px
}

.od-clan-name {
    font-size:11px;
    margin-top:8px;
    color:var(--od-gold)
}

.od-pilot-motto {
    font-size:11px;
    line-height:2.1;
    letter-spacing:3px;
    margin-top:21px;
    color:#87a9bf;
    text-shadow:0 2px 5px #000
}

.od-ship-stage {
    position:absolute;
    left:29%;
    right:24%;
    top:25px;
    bottom:58px
}

.od-ship-link {
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:1
}

.od-player-ship {
    max-width:90%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    filter:drop-shadow(0 16px 14px #000) drop-shadow(0 0 6px #8bd8ff33);
    transition:filter .2s
}

.od-ship-link:hover .od-player-ship {
    filter:drop-shadow(0 14px 14px #000) drop-shadow(0 0 12px #5ecaff88)
}

.od-drone {
    position:absolute;
    left:1%;
    bottom:16%;
    max-width:55px;
    max-height:70px;
    filter:drop-shadow(0 9px 8px #000)
}

.od-pet {
    position:absolute;
    left:85%;
    bottom:22%;
    display:flex;
    gap:7px;
    align-items:center;
    z-index:2
}

.od-pet img {
    width:auto;
    max-width:68px;
    max-height:100px;
    filter:drop-shadow(0 9px 8px #000)
}

.od-pet span {
    font-size:9px;
    white-space:nowrap;
    letter-spacing:.4px;
    color:#bddaea;
    text-shadow:0 1px 4px #000
}

.od-ship-caption {
    position:absolute;
    right:33px;
    top:136px;
    width:118px;
    color:#96bcd3;
    line-height:2;
    letter-spacing:2px;
    font-size:10px;
    text-shadow:0 2px 4px #000
}

.od-launch {
    position:absolute;
    z-index:3;
    bottom:-3px;
    left:50%;
    transform:translateX(-50%);
    width:376px;
    height:74px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:27px;
    background:url('../images/orbit-reborn/command-deck-v1/launch-button.svg') center/100% 100% no-repeat;
    color:#f4fbff!important;
    font-weight:700;
    font-size:18px;
    letter-spacing:1px;
    text-shadow:0 0 9px #75ddff;
    filter:drop-shadow(0 0 12px #039aca55);
    transition:filter .15s
}

.od-launch>span {
    font-family:Arial,sans-serif;
    font-size:34px;
    font-weight:400;
    color:#00d6ff;
    line-height:1
}

.od-launch:hover {
    filter:drop-shadow(0 0 17px #00ceff99);
    text-shadow:0 0 12px #fff
}

.od-instruments {
    padding:10px 9px 0
}

.od-tabs {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:7px;
    margin-bottom:8px
}

body.orbit-ui .od-tab {
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    border:1px solid #4f7a94;
    background:linear-gradient(160deg,#152532,#020c13 45%,#08151f);
    color:#a8c7dc;
    font-size:13px;
    letter-spacing:.4px;
    cursor:pointer;
    box-shadow:inset 0 2px 0 #718a9d22;
    clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)
}

body.orbit-ui .od-tab[aria-selected=true] {
    color:white;
    background:linear-gradient(180deg,#146082,#062b44 45%,#02121c);
    border-color:#52c9f6;
    box-shadow:inset 0 2px 0 #a9ecff,inset 0 -8px 20px #0075ad44;
    text-shadow:0 0 9px #82d5ff
}

body.orbit-ui .od-tab:hover {
    color:white;
    border-color:#9feaff
}

.od-tab .od-icon {
    width:18px!important;
    height:18px!important
}

.od-tab-panel[hidden] {
    display:none!important
}

.od-tab-panel {
    border:1px solid #41677a;
    background:linear-gradient(125deg,#061823d9,#020c13f0);
    padding:13px 20px;
    margin-bottom:12px;
    box-shadow:inset 0 0 28px #0005
}

body.orbit-ui .od-tab {
    text-transform:uppercase
}

body.orbit-ui .od-tab:focus-visible {
    outline-offset:-5px
}

.od-ranking-list .pilot-entry.od-current-pilot {
    background:linear-gradient(90deg,#076d9770,#05486c44);
    box-shadow:inset 0 0 0 1px #2489b7;
    color:#effaff
}

.od-stats-strip {
    display:grid;
    grid-template-columns:1fr 1fr 1.25fr;
    min-height:49px;
    align-items:center
}

.od-stats-strip>div {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    border-right:1px solid #294357;
    padding:0 24px
}

.od-stats-strip>div:last-child {
    border:0;
    gap:17px
}

.od-stats-strip .od-icon {
    width:30px!important;
    height:30px!important
}

.od-stats-strip small {
    display:block;
    color:#8eb4cf;
    font-size:11px
}

.od-stats-strip strong {
    display:block;
    color:#f0f8ff;
    font-size:18px;
    margin-top:2px
}

.od-progress {
    height:5px;
    max-width:190px;
    flex:1;
    background:#1e3442;
    box-shadow:0 1px 0 #000
}

.od-progress>span {
    display:block;
    height:100%;
    background:linear-gradient(90deg,#1685b6,#00d6ff);
    box-shadow:0 0 9px #00b7ff44
}

.od-records {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px
}

.od-panel {
    min-width:0;
    border:1px solid #5c8ba3;
    background:linear-gradient(125deg,#051722e8,#020b10ed);
    box-shadow:inset 0 0 16px #0006;
    position:relative;
    padding:0 12px;
    clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px)
}

body.orbit-ui .od-panel h2 {
    display:flex;
    align-items:center;
    gap:11px;
    font-size:11px;
    letter-spacing:2.2px;
    height:29px;
    padding:0;
    margin:0 -3px;
    color:#abdff8;
    border-bottom:1px solid #44647655;
    font-weight:700
}

.od-panel h2 .od-icon {
    width:15px!important;
    height:15px!important
}

.od-ranking-labels {
    display:flex;
    justify-content:space-between;
    height:24px;
    align-items:center;
    color:#82a7c0;
    font-size:10px;
    padding:0 8px;
    letter-spacing:.5px
}

.od-scroll {
    overflow:auto;
    scrollbar-width:thin;
    scrollbar-color:#3b7796 #041019;
    overscroll-behavior:contain
}

.od-scroll::-webkit-scrollbar {
    width:4px;
    height:4px
}

.od-scroll::-webkit-scrollbar-thumb {
    background:#3b7796
}

.od-scroll::-webkit-scrollbar-track {
    background:#041019
}

.od-ranking-list {
    height:142px
}

.od-ranking-list .pilot-entry {
    padding:3px 8px;
    min-height:23px;
    line-height:17px;
    font-size:12px;
    border-bottom:1px solid #31526418
}

.od-ranking-list .pilot-entry:nth-child(odd) {
    background:#8fbed40b
}

.od-ranking-list .pilot-entry:hover {
    background:#09668c4d;
    box-shadow:inset 0 0 0 1px #27a7d380
}

.od-ranking-list .pilot-entry img {
    width:14px;
    max-height:15px;
    object-fit:contain;
    margin:0 5px;
    vertical-align:middle
}

.od-ranking-list .ranking-icon {
    margin-top:2px!important;
    margin-right:25px!important
}

.od-log-list {
    height:166px
}

.od-log-entry {
    display:grid;
    grid-template-columns:20px 131px minmax(0,1fr);
    gap:10px;
    padding:9px 0;
    border-bottom:1px solid #35627b33;
    align-items:start;
    font-size:11px;
    line-height:1.5;
    overflow-wrap:anywhere
}

.od-log-entry:nth-child(even) {
    background:#81b8d406
}

.od-log-entry time {
    color:#83a9c3;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
    font-size:10px
}

.od-log-arrow {
    height:19px;
    line-height:16px;
    text-align:center;
    font-size:18px;
    color:#82b6d5;
    border:1px solid #284556
}

.od-log-entry>span:last-child {
    color:#b9d6e8
}

.od-panel-foot {
    height:26px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:15px;
    font-size:9px;
    letter-spacing:.7px;
    color:#9fc4da
}

.od-panel-foot>span {
    color:#72d7ff;
    font-size:19px
}

.od-empty {
    padding:18px 6px;
    color:#86a9bf
}

.od-event-scroll {
    overflow:auto
}

.od-event-table {
    width:100%;
    min-width:690px;
    font-size:11px;
    border-collapse:collapse
}

.od-event-table caption {
    color:#afd5ec;
    padding:0 0 10px;
    letter-spacing:1px
}

.od-event-table th,.od-event-table td {
    padding:9px 7px;
    text-align:center;
    border-bottom:1px solid #304758
}

.od-event-table th {
    color:#a6cfdf;
    font-weight:400
}

.od-event-table td {
    color:#8badc4
}

.od-event-table .od-current-event {
    background:#006d9950
}

.od-profile {
    display:grid;
    grid-template-columns:94px 1fr 1fr;
    gap:22px;
    padding:8px 0
}

.od-avatar {
    border:1px solid #456c87;
    object-fit:cover
}

.od-profile dl {
    margin:0;
    min-width:0
}

.od-profile dl>div {
    display:grid;
    grid-template-columns:95px minmax(0,1fr);
    padding:3px 0;
    gap:8px;
    font-size:11px
}

.od-profile dt {
    color:#81a5c0;
    font-weight:400
}

.od-profile dd {
    margin:0;
    overflow-wrap:anywhere;
    color:#d3e9f7
}

.od-profile-links {
    grid-column:2 / 4;
    display:flex;
    gap:12px

}
.od-small-button {
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:7px 13px;
    background:linear-gradient(#13364a,#06141e);
    border:1px solid #45788d;
    color:#c7e7f8!important

}
.od-small-button:hover {
    border-color:#77defa

}
.od-small-button .od-icon {
    height:14px!important;
    width:14px!important

}
.od-equipment-stats {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    border-top:1px solid #315065;
    margin:14px 0 0;
    padding:12px 0 0

}
.od-equipment-stats>div {
    text-align:center

}
.od-equipment-stats dt {
    font-size:10px;
    color:#8aacbf;
    font-weight:400

}
.od-equipment-stats dd {
    margin:4px 0;
    color:#edf5fd;
    font-size:15px

}
body.orbit-ui footer.or-footer {
    width:100%;
    padding:0;
    margin:18px 0 0!important;
    border-top:1px solid #3c6f85;
    background:#030b12e8;
    box-shadow:0 -4px 0 #07121b,0 -5px 0 #35536666

}
body.orbit-ui .or-footer .footer-inner {
    width:min(1180px,calc(100% - 64px));
    min-height:44px;
    padding:8px 0;
    margin:auto;
    border:0;
    background:none;
    box-shadow:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px

}
body.orbit-ui .or-footer-brand {
    display:flex;
    align-items:center;
    gap:18px

}
.internalStart .or-footer-brand strong {
    font-size:11px;
    letter-spacing:4px;
    color:#89bbd4

}
.internalStart .or-footer-brand span {
    font-size:9px;
    letter-spacing:1.5px;
    color:#6893ab

}
.internalStart .or-footer-center {
    display:flex;
    gap:16px;
    align-items:center;
    font-size:9px;
    color:#6d93aa

}
.internalStart .or-footer-center small {
    font-size:9px

}
.internalStart .or-footer-links {
    display:flex;
    gap:20px;
    font-size:10px;
    letter-spacing:.5px

}
@media(min-width:1600px) {
    .od-hero {
        height:335px
    }
    .od-header {
        padding-top:0
    }
    .od-main-nav {
        height:127px
    }
    .od-universe-line {
        margin-bottom:13px
    }
    .od-ship-stage {
        top:21px;
        bottom:58px

    }
}
@media(max-width:1510px) {
    .od-world-mark,.od-faction-rail {
        display:none

    }
}
@media(max-width:1250px) {
    .od-account-bar {
        gap:8px;
        padding:0 12px
    }
    .od-account {
        min-width:115px
    }
    .od-account strong {
        max-width:111px;
        font-size:10px
    }
    .od-account>img {
        width:26px
    }
    .od-resources li {
        padding:6px;
        gap:4px;
        font-size:9px
    }
    .od-resources .od-icon {
        width:15px!important;
        height:15px!important
    }
    .od-utilities {
        gap:9px
    }
    .od-language {
        display:none
    }
    .od-main-nav {
        grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr)
    }
    .od-nav-wing a {
        font-size:10px;
        padding:0 3px
    }
    .od-brand-orbit {
        font-size:35px
    }
    .od-nav-wing {
        padding-left:17px;
        padding-right:17px
    }
    .od-log-entry {
        grid-template-columns:18px 113px minmax(0,1fr);
        gap:7px;
        font-size:9px

    }
}
@media(max-width:1000px) {
    .od-account-bar {
        flex-wrap:wrap;
        justify-content:space-between;
        padding:6px 14px;
        row-gap:4px
    }
    .od-account {
        min-width:0
    }
    .od-account strong {
        max-width:180px;
        font-size:12px
    }
    .od-resources {
        order:3;
        flex-basis:100%;
        padding-bottom:6px
    }
    .od-resources li {
        font-size:10px;
        border-left:0
    }
    .od-utilities {
        font-size:11px
    }
    .od-language {
        display:inline
    }
    .od-main-nav {
        grid-template-columns:minmax(0,1fr) 195px minmax(0,1fr);
        height:104px
    }
    .od-brand-orbit {
        font-size:30px;
        letter-spacing:8px
    }
    .od-brand-reborn {
        font-size:12px;
        letter-spacing:8px
    }
    .od-nav-wing {
        padding:13px 12px;
        height:62px
    }
    .od-nav-wing a {
        font-size:9px;
        padding:0 2px;
        white-space:normal;
        text-align:center;
        line-height:1.2
    }
    .od-universe-line {
        font-size:8px;
        letter-spacing:1.8px
    }
    .od-hero {
        height:300px
    }
    .od-pilot-summary {
        left:25px;
        top:96px
    }
    body.orbit-ui .od-pilot-summary h2 {
        font-size:23px
    }
    .od-pilot-motto {
        font-size:9px;
        letter-spacing:1.5px
    }
    .od-pet span {
        display:none
    }
    .od-ship-caption {
        right:19px;
        width:95px;
        font-size:9px;
        letter-spacing:1px
    }
    .od-ship-stage {
        left:28%;
        right:20%
    }
    .od-launch {
        width:330px;
        height:68px;
        font-size:16px
    }
    .od-records {
        gap:12px
    }
    .od-log-entry {
        grid-template-columns:16px 1fr
    }
    .od-log-entry>span:last-child {
        grid-column:2
    }
    .od-log-entry time {
        font-size:10px
    }
    .od-log-entry {
        row-gap:2px
    }
    .od-stats-strip>div {
        padding:0 10px;
        gap:12px
    }
    .od-stats-strip>div:last-child {
        gap:10px
    }
    .od-stats-strip .od-icon {
        width:23px!important;
        height:23px!important
    }
    .od-profile {
        grid-template-columns:70px 1fr 1fr;
        gap:15px
    }
    .od-avatar {
        width:70px;
        height:70px
    }
    .od-profile dl>div {
        grid-template-columns:1fr;
        gap:0
    }
    .internalStart .or-footer-center small {
        display:none

    }
}
@media(max-width:700px) {
    body.orbit-ui .od-header,body.orbit-ui main.container {
        width:calc(100% - 20px)
    }
    .od-account-bar {
        padding:5px 10px
    }
    .od-utilities {
        gap:10px
    }
    .od-utilities .od-language {
        display:none
    }
    .od-logout {
        padding:5px 8px;
        font-size:9px
    }
    .od-resources {
        flex-wrap:wrap;
        justify-content:center;
        column-gap:14px
    }
    .od-resources li {
        font-size:9px;
        padding:4px 0
    }
    .od-main-nav {
        grid-template-columns:1fr 1fr;
        height:auto;
        gap:0;
        margin-top:0
    }
    .od-brand {
        grid-column:1 / 3;
        grid-row:1;
        height:106px;
        width:250px;
        justify-self:center;
        padding-top:20px
    }
    .od-brand-orbit {
        font-size:36px
    }
    .od-brand-reborn {
        font-size:12px
    }
    .od-nav-wing {
        height:58px;
        margin-top:-5px;
        padding-left:12px;
        padding-right:12px
    }
    .od-nav-wing a {
        font-size:9px
    }
    .od-universe-line {
        font-size:7px;
        letter-spacing:1px;
        margin:8px 0
    }
    .od-universe-line span {
        margin:0 4px
    }
    .od-deck {
        padding:15px 12px
    }
    .od-deck::before {
        border-image-width:20px
    }
    .od-hero {
        height:330px;
        background-position:center
    }
    .od-section-heading {
        height:30px!important;
        font-size:12px!important;
        width:248px!important;
        letter-spacing:2px!important
    }
    .od-pilot-summary {
        top:53px;
        left:18px;
        width:65%
    }
    body.orbit-ui .od-pilot-summary h2 {
        font-size:21px;
        margin-bottom:5px
    }
    .od-pilot-id {
        font-size:9px
    }
    .od-pilot-motto,.od-ship-caption {
        display:none
    }
    .od-clan-name {
        font-size:9px;
        margin:3px 0
    }
    .od-ship-stage {
        top:98px;
        bottom:57px;
        left:18%;
        right:18%
    }
    .od-player-ship {
        max-height:100%;
        max-width:75%
    }
    .od-drone {
        max-width:35px;
        max-height:47px;
        left:5%;
        bottom:15%
    }
    .od-pet {
        left:82%;
        bottom:24%
    }
    .od-pet img {
        max-width:42px;
        max-height:64px
    }
    .od-launch {
        width:295px;
        max-width:96%;
        height:63px;
        font-size:15px;
        gap:19px
    }
    .od-instruments {
        padding:8px 3px 0
    }
    .od-tabs {
        gap:4px
    }
    .od-tab {
        gap:6px!important;
        font-size:10px!important;
        height:40px!important
    }
    .od-tab .od-icon {
        width:15px!important;
        height:15px!important
    }
    .od-tab-panel {
        padding:12px 8px
    }
    .od-stats-strip {
        grid-template-columns:1fr 1fr 1fr
    }
    .od-stats-strip>div {
        padding:0 6px;
        gap:5px
    }
    .od-stats-strip>div>.od-icon {
        display:none!important
    }
    .od-stats-strip small {
        font-size:8px
    }
    .od-stats-strip strong {
        font-size:16px
    }
    .od-stats-strip>div:last-child {
        flex-wrap:wrap;
        gap:3px
    }
    .od-level-stat>span {
        width:100%;
        text-align:center
    }
    .od-progress {
        flex-basis:100%;
        max-width:85%;
        height:4px
    }
    .od-records {
        grid-template-columns:1fr;
        gap:12px
    }
    .od-log-entry {
        grid-template-columns:19px 118px minmax(0,1fr);
        font-size:10px;
        gap:8px
    }
    .od-log-entry>span:last-child {
        grid-column:auto
    }
    .od-log-entry time {
        font-size:9px
    }
    .od-ranking-list {
        height:144px
    }
    .od-log-list {
        height:175px
    }
    .od-panel-foot {
        font-size:8px
    }
    .od-profile {
        grid-template-columns:1fr 1fr;
        gap:12px;
        padding:3px
    }
    .od-avatar {
        display:none
    }
    .od-profile-links {
        grid-column:1 / 3;
        flex-wrap:wrap
    }
    .od-equipment-stats {
        grid-template-columns:1fr 1fr
    }
    .od-event-table {
        font-size:10px
    }
    body.orbit-ui .or-footer .footer-inner {
        width:calc(100% - 40px);
        flex-wrap:wrap;
        justify-content:center;
        gap:8px 18px;
        padding:14px 0
    }
    .od-header .od-icon {
        filter:none
    }
    .internalStart .or-footer-brand {
        flex-basis:100%;
        justify-content:center
    }
    .internalStart .or-footer-brand span {
        display:none

    }
}
@media(prefers-reduced-motion:reduce) {
    body.orbit-ui *,body.orbit-ui *::before,body.orbit-ui *::after {
        transition:none!important;
        animation:none!important;
        scroll-behavior:auto!important

    }
}