@font-face {
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/illustration/type/geologica-latin-400-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/illustration/type/geologica-latin-500-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Geologica';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/illustration/type/geologica-latin-700-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/illustration/type/unbounded-latin-500-normal.woff2') format('woff2');
}

@font-face {
    font-family: 'Unbounded';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/illustration/type/unbounded-latin-700-normal.woff2') format('woff2');
}

:root {
    --tone-house: #f6c858;
    --tone-focus: #f5c558;
    --tone-action-down: #f2bc30;
    --tone-canvas: #050505;
    --tone-panel: #121110;
    --tone-glyph: #ffffff;
    --tone-text-muted: #bebebe;
    --tone-edge: #2a2724;
    --tone-edge-hard: #4a443b;
    --tone-blend-a: #fceecb;
    --tone-blend-b: #f6ce80;
    --tone-advisory: #c1121f;
    --gap-1: 3px;
    --gap-2: 8px;
    --gap-3: 13px;
    --gap-4: 21px;
    --gap-5: 34px;
    --gap-6: 55px;
    --gap-7: 89px;
    --gap-8: 144px;
    --rad-1: 1px;
    --rad-2: 2px;
    --rad-3: 6px;
    --rad-4: 10px;
    --rad-5: 16px;
    --rad-6: 22px;
    --rad-7: 28px;
    --rad-8: 34px;
    --rad-lozenge: 9999px;
    --rad-dot: 50%;
    --typ-display: 'Unbounded', 'Trebuchet MS', sans-serif;
    --typ-text: 'Geologica', 'Segoe UI', sans-serif;
    --sz-display-1: 26px;
    --sz-xl-2: 22px;
    --sz-h3: 18px;
    --sz-h4: 16px;
    --sz-sm-2: 13px;
    --sz-micro-head: 11px;
    --sz-base: 14px;
    --sz-fine: 12px;
    --sz-legal: 10px;
    --lh-close: 1.15;
    --lh-normal: 1.45;
    --lh-open: 1.6;
    --wt-regular: 400;
    --wt-demi: 500;
    --wt-heavy: 700;
    --trk-close: -0.01em;
    --trk-default: 0;
    --trk-loose: 0.06em;
    --sh-1: none;
    --sh-2: none;
    --sh-3: 0 1px 3px rgba(0, 0, 0, 0.05);
    --sh-4: 0 4px 12px rgba(0, 0, 0, 0.09);
    --sh-5: 0 8px 24px rgba(0, 0, 0, 0.13);
    --sh-6: 0 12px 30px rgba(0, 0, 0, 0.2);
    --sh-7: 0 16px 40px rgba(0, 0, 0, 0.26);
    --sh-8: 0 22px 54px rgba(0, 0, 0, 0.32);
    --tm-swift: 133ms;
    --tm-normal: 270ms;
    --tm-easy: 497ms;
    --bz-exit: cubic-bezier(0.17,0.65,0.36,0.98);
    --bz-in-out: cubic-bezier(0.46,0.1,0.43,0.97);
    --bz-bounce: cubic-bezier(0.29,1.45,0.5,1.3);
    --cont-page: 1380px;
    --cont-readable: 1380px;
    --cont-inset-desktop: 32px;
    --cont-padding-tablet: 24px;
    --cont-inset-mobile: 16px;
    --str-slim: 1px;
    --str-regular: 2px;
    --str-heavy: 3px;
    --bar-h-lg: 60px;
    --bar-size-mobile: 56px;
    --sec-y: 40px;
    --edge: 670px;
}

@media (min-width: 820px) {
    :root {
        --sz-display-1: 36px;
        --sz-xl-2: 26px;
        --sz-h3: 20px;
        --sz-h4: 17px;
        --sz-sm-2: 14px;
        --sz-micro-head: 12px;
        --sz-fine: 12px;
        --sz-legal: 11px;
        --sec-y: 44px;
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    overflow-x: clip;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--tone-canvas);
    color: var(--tone-glyph);
    display: flex;
    flex-direction: column;
    font-family: var(--typ-text);
    font-size: var(--sz-base);
    font-weight: var(--wt-regular);
    line-height: var(--lh-normal);
    margin: 0;
    min-height: 100vh;
    padding-top: var(--bar-h-lg);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: anywhere;
    margin: 0 0 var(--gap-3);
}

h1 {
    font-family: var(--typ-display);
    font-size: var(--sz-display-1);
    font-weight: var(--wt-heavy);
    letter-spacing: var(--trk-close);
    line-height: var(--lh-close);
}

h2 {
    font-family: var(--typ-display);
    font-size: var(--sz-xl-2);
    font-weight: var(--wt-heavy);
    letter-spacing: var(--trk-close);
    line-height: var(--lh-close);
    margin-block-start: 0;
}

h3 {
    font-family: var(--typ-text);
    font-size: var(--sz-h3);
    font-weight: var(--wt-heavy);
    line-height: var(--lh-close);
}

h4 {
    font-family: var(--typ-text);
    font-size: var(--sz-h4);
    font-weight: var(--wt-heavy);
}

img {
    max-width: 100%;
}

p {
    margin: 0 0 var(--gap-3);
}

a {
    color: var(--tone-focus);
}

button {
    font: inherit;
}

main {
    flex: 1 0 auto;
}

section {
    scroll-margin-top: calc(var(--bar-h-lg) + var(--gap-4));
}

.skipJump {
    background: var(--tone-focus);
    color: var(--tone-canvas);
    left: var(--gap-3);
    padding: var(--gap-2) var(--gap-4);
    position: fixed;
    border-radius: var(--rad-3);
    z-index: 300;
}

.skipJump:not(:focus) {
    top: -200px !important;
}

.skipJump:focus {
    top: var(--gap-3);
}

.srOnly {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.sheetSpan {
    display: block;
}

.areaSet-guts,
.baySlider-guts,
.boltList-guts,
.cellList-guts,
.chamberBody-guts,
.coreGroup-guts,
.elementCarousel-guts,
.meshWrapper-guts,
.modulePanel-guts,
.nodeContainer-guts,
.padTrack-guts,
.pinBar-guts,
.pivotBody-guts,
.rgBand-guts,
.stallLane-guts,
.unitPanel-guts,
.arrowModule-guts {
    margin-inline: auto;
    max-width: calc(var(--cont-page) + 2 * var(--cont-inset-desktop));
    padding-inline: var(--cont-inset-mobile);
    width: 100%;
}

@media (min-width: 560px) {
    .areaSet-guts,
    .baySlider-guts,
    .boltList-guts,
    .cellList-guts,
    .chamberBody-guts,
    .coreGroup-guts,
    .elementCarousel-guts,
    .meshWrapper-guts,
    .modulePanel-guts,
    .nodeContainer-guts,
    .padTrack-guts,
    .pinBar-guts,
    .pivotBody-guts,
    .rgBand-guts,
    .stallLane-guts,
    .unitPanel-guts,
    .arrowModule-guts {
        padding-inline: var(--cont-padding-tablet);
    }
}

@media (min-width: 1024px) {
    .areaSet-guts,
    .baySlider-guts,
    .boltList-guts,
    .cellList-guts,
    .chamberBody-guts,
    .coreGroup-guts,
    .elementCarousel-guts,
    .meshWrapper-guts,
    .modulePanel-guts,
    .nodeContainer-guts,
    .padTrack-guts,
    .pinBar-guts,
    .pivotBody-guts,
    .rgBand-guts,
    .stallLane-guts,
    .unitPanel-guts,
    .arrowModule-guts {
        padding-inline: var(--cont-inset-desktop);
    }
}

.areaSet {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.areaSet-hdr2 {
    color: var(--tone-glyph);
}

.areaSet-set {
    display: block;
}

.areaSet-slot {
    border-bottom: var(--str-slim) solid var(--tone-edge);
    padding-block: var(--gap-3);
}

.areaSet-ask {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--gap-3);
    justify-content: space-between;
    list-style: none;
    min-height: 44px;
    padding-block: var(--gap-2);
}

.areaSet-ask::-webkit-details-marker {
    display: none;
}

.areaSet-hdr {
    color: var(--tone-glyph);
    font-size: var(--sz-sm-2);
    font-weight: var(--wt-heavy);
    margin: 0;
}

.areaSet-slot:hover .areaSet-hdr {
    color: var(--tone-focus);
}

.areaSet-glyph {
    color: var(--tone-focus);
    flex-shrink: 0;
    font-family: var(--typ-display);
    font-size: 24px;
    line-height: 1;
    transform: rotate(0deg);
    transition: transform var(--tm-swift) var(--bz-exit);
}

.areaSet-slot[open] .areaSet-glyph {
    transform: rotate(45deg);
}

.areaSet-main {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--tm-normal) var(--bz-in-out);
}

.areaSet-slot[open] .areaSet-main {
    grid-template-rows: 1fr;
}

.areaSet-para {
    color: var(--tone-text-muted);
    line-height: var(--lh-open);
    overflow: hidden;
    padding-block-start: var(--gap-2);
}

.arrowModule {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.arrowModule-hdr {
    color: var(--tone-glyph);
}

.arrowModule-set {
    display: grid;
    gap: var(--gap-4);
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 820px) {
    .arrowModule-set {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.arrowModule-card {
    border: var(--str-slim) solid var(--tone-edge);
    border-radius: var(--rad-4);
    display: flex;
    flex-direction: column;
    gap: var(--gap-3);
    padding: var(--gap-5);
}

.arrowModule-cardHigh {
    background: #1d1808;
    color: var(--tone-glyph);
}

.arrowModule-cardMid {
    background: var(--tone-panel);
    color: var(--tone-glyph);
}

.arrowModule-cardLow {
    background: #191512;
    color: var(--tone-glyph);
}

.arrowModule-tier {
    align-items: center;
    display: flex;
    gap: var(--gap-3);
}

.arrowModule-score {
    color: var(--tone-focus);
    font-family: var(--typ-display);
    font-size: var(--sz-xl-2);
    font-weight: var(--wt-heavy);
    line-height: 1;
}

.arrowModule-stars {
    color: var(--tone-house);
    letter-spacing: var(--trk-loose);
}

.arrowModule-quote {
    color: var(--tone-glyph);
    font-style: normal;
    line-height: var(--lh-open);
    margin: 0;
}

.arrowModule-handle {
    color: var(--tone-text-muted);
    font-size: var(--sz-fine);
    letter-spacing: var(--trk-loose);
    text-transform: uppercase;
}

.baySlider {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.baySlider-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-inline: auto;
    max-width: var(--edge);
    text-align: center;
}

.baySlider-avatar {
    border-radius: var(--rad-dot);
    display: block;
    height: 140px;
    margin-block-end: var(--gap-5);
    object-fit: cover;
    width: 140px;
}

.baySlider-duty {
    color: var(--tone-focus);
    font-size: var(--sz-fine);
    letter-spacing: var(--trk-loose);
    text-transform: uppercase;
}

.baySlider-handle {
    color: var(--tone-glyph);
    font-size: var(--sz-xl-2);
    margin-block: var(--gap-2) var(--gap-3);
}

.baySlider-para {
    color: var(--tone-text-muted);
    line-height: var(--lh-open);
    margin-block-end: var(--gap-4);
}

.baySlider-set {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-2);
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.baySlider-slot {
    background: var(--tone-panel);
    border: var(--str-slim) solid var(--tone-edge);
    border-radius: var(--rad-lozenge);
    color: var(--tone-text-muted);
    font-size: var(--sz-fine);
    padding: var(--gap-2) var(--gap-3);
}

.baySlider-articles {
    border-top: var(--str-slim) solid var(--tone-edge);
    margin-block-start: var(--gap-5);
    padding-block-start: var(--gap-5);
}

.baySlider-artHdr {
    color: var(--tone-glyph);
    font-size: var(--sz-h3);
    text-align: center;
}

.baySlider-artSet {
    display: grid;
    gap: var(--gap-3);
    grid-template-columns: minmax(0, 1fr);
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 820px) {
    .baySlider-artSet {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.baySlider-artSlot {
    background: var(--tone-panel);
    border-radius: var(--rad-4);
    padding: var(--gap-3) var(--gap-4);
}

.baySlider-artRoute {
    color: var(--tone-focus);
    text-decoration: none;
}

.baySlider-artRoute:hover {
    color: var(--tone-action-down);
}

.beamDisplay {
    background: var(--tone-panel);
    border-inline-start: 4px solid var(--tone-focus);
    border-radius: 0 var(--rad-3) var(--rad-3) 0;
    bottom: var(--gap-5);
    box-shadow: var(--sh-5);
    color: var(--tone-glyph);
    inset-inline-end: auto;
    inset-inline-start: var(--gap-5);
    max-width: min(420px, calc(100vw - 2 * var(--gap-5)));
    padding: var(--gap-5);
    position: fixed;
    z-index: 90;
}

.beamDisplay[hidden] {
    display: none;
}

.beamDisplay-main {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3);
}

.beamDisplay-blurb {
    color: var(--tone-glyph);
    font-size: var(--sz-fine);
    line-height: var(--lh-normal);
    margin: 0;
}

.beamDisplay-deck {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-3);
    justify-content: flex-start;
}

.beamDisplay-agree {
    background: var(--tone-focus);
    border: 0;
    border-radius: var(--rad-lozenge);
    color: var(--tone-canvas);
    cursor: pointer;
    font-weight: var(--wt-heavy);
    min-height: 40px;
    padding: var(--gap-2) var(--gap-4);
}

.beamDisplay-agree:hover {
    background: var(--tone-action-down);
    color: var(--tone-canvas);
}

.beamDisplay-no {
    background: var(--tone-canvas);
    border: var(--str-slim) solid var(--tone-edge-hard);
    border-radius: var(--rad-lozenge);
    color: var(--tone-glyph);
    cursor: pointer;
    min-height: 40px;
    padding: var(--gap-2) var(--gap-4);
}

.beamDisplay-no:hover {
    background: var(--tone-edge);
    color: var(--tone-glyph);
}

.beamDisplay.is-leaving {
    opacity: 0;
    pointer-events: none;
    transform: translateX(calc(-100% - var(--gap-6)));
    transition: transform var(--tm-normal) var(--bz-in-out), opacity var(--tm-normal) var(--bz-in-out);
    visibility: hidden;
}

@media (max-width: 720px) {
    .beamDisplay {
        bottom: var(--gap-3);
        inset-inline: var(--gap-3);
        max-width: none;
        padding: 12px 14px;
    }

    .beamDisplay-blurb {
        font-size: 13px;
        line-height: 1.35;
    }

    .beamDisplay-agree,
    .beamDisplay-no {
        flex: 1 1 auto;
        font-size: var(--sz-fine);
        min-height: 40px;
        padding: var(--gap-2) var(--gap-3);
    }
}

.boltList {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.boltList-top {
    color: var(--tone-glyph);
}

.boltList-lead {
    color: var(--tone-focus);
    font-size: 1.08em;
    font-weight: var(--wt-heavy);
}

.boltList-sub {
    color: var(--tone-glyph);
    margin-block-start: var(--gap-4);
}

.boltList-para {
    color: var(--tone-text-muted);
    line-height: var(--lh-open);
    margin-block-end: var(--gap-3);
}

.boltList-para a,
.boltList-slot a {
    color: var(--tone-focus);
    background-image: linear-gradient(var(--tone-focus), var(--tone-focus));
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 0 2px;
    text-decoration: none;
    transition: background-size var(--tm-swift) var(--bz-exit);
}

.boltList-para a:hover,
.boltList-slot a:hover {
    background-size: 100% 2px;
    color: var(--tone-action-down);
}

.boltList-set {
    color: var(--tone-text-muted);
    line-height: var(--lh-open);
    margin: 0 0 var(--gap-4);
    padding-inline-start: var(--gap-4);
}

.boltList-slot {
    margin-block-end: var(--gap-2);
}

.boltList-frame {
    margin: 0 0 var(--gap-4);
    width: fit-content;
}

.boltList-media {
    border: var(--str-slim) solid var(--tone-edge);
    border-radius: var(--rad-4);
    display: block;
    height: auto;
    max-height: 420px;
    max-width: 100%;
    object-fit: contain;
    width: auto;
}

.boltList-plug {
    background: var(--tone-panel);
    border: var(--str-slim) solid var(--tone-edge);
    border-radius: var(--rad-5);
    display: flex;
    flex-direction: column;
    gap: var(--gap-3);
    margin-block: var(--gap-5);
    padding: var(--gap-5);
}

.boltList-note {
    color: var(--tone-glyph);
    font-size: var(--sz-fine);
    font-weight: var(--wt-demi);
}

.boltList-info {
    color: var(--tone-text-muted);
    font-size: var(--sz-legal);
    letter-spacing: var(--trk-loose);
    text-transform: uppercase;
}

.cellList {
    background: var(--tone-canvas);
    border-bottom: var(--str-slim) solid var(--tone-edge);
    padding-block: var(--gap-6) var(--gap-5);
}

.cellList-guts {
    display: flex;
    flex-direction: column;
    gap: var(--gap-4);
}

.cellList-kicker {
    color: var(--tone-focus);
    font-size: var(--sz-fine);
    font-weight: var(--wt-demi);
    letter-spacing: var(--trk-loose);
    text-transform: uppercase;
}

.cellList-top {
    color: var(--tone-glyph);
    margin: 0;
}

.cellList-rule {
    background: var(--tone-focus);
    height: 2px;
    width: 60px;
}

.cellList-para {
    color: var(--tone-text-muted);
    font-size: var(--sz-sm-2);
    line-height: var(--lh-normal);
    margin: 0;
}

.chamberBody {
    background: var(--tone-canvas);
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: center;
    padding-block: var(--gap-7);
    text-align: center;
}

.chamberBody-guts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--gap-5);
}

.chamberBody-digit {
    color: var(--tone-focus);
    font-family: var(--typ-display);
    font-size: clamp(80px, 16vw, 180px);
    font-weight: var(--wt-heavy);
    line-height: var(--lh-close);
}

.chamberBody-top {
    color: var(--tone-glyph);
    margin: 0;
    max-width: var(--edge);
}

.chamberBody-para {
    color: var(--tone-text-muted);
    margin: 0;
    max-width: var(--edge);
}

.chamberBody-return {
    background: var(--tone-focus);
    border-radius: var(--rad-4);
    color: var(--tone-canvas);
    display: inline-flex;
    align-items: center;
    font-family: var(--typ-display);
    font-size: var(--sz-fine);
    font-weight: var(--wt-heavy);
    letter-spacing: var(--trk-loose);
    min-height: 52px;
    padding-inline: var(--gap-6);
    text-decoration: none;
    text-transform: uppercase;
}

.chamberBody-return:hover {
    background: var(--tone-action-down);
    color: var(--tone-canvas);
}

.coreGroup {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.coreGroup-hdr2 {
    color: var(--tone-glyph);
}

.coreGroup-set {
    display: grid;
    gap: var(--gap-3);
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 520px) {
    .coreGroup-set {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 820px) {
    .coreGroup-set {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    .coreGroup-set {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.coreGroup-card {
    background: #16130d;
    border: var(--str-slim) solid var(--tone-edge);
    border-radius: var(--rad-3);
    color: var(--tone-glyph);
    display: flex;
    flex-direction: column;
    gap: var(--gap-2);
    min-height: 180px;
    padding: var(--gap-4);
}

.coreGroup-glyph {
    align-items: center;
    background: #241c0b;
    border: var(--str-slim) solid var(--tone-edge-hard);
    border-radius: var(--rad-dot);
    color: var(--tone-focus);
    display: inline-flex;
    height: 38px;
    justify-content: center;
    width: 38px;
}

.coreGroup-glyph svg {
    fill: currentColor;
    height: 21px;
    width: 21px;
}

.coreGroup-hdr {
    color: var(--tone-glyph);
    font-size: var(--sz-h4);
    margin: 0;
}

.coreGroup-para {
    color: var(--tone-text-muted);
    font-size: var(--sz-fine);
    line-height: var(--lh-normal);
}

.districtBody {
    background: var(--tone-canvas);
    border-bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}

.districtBody-tier {
    align-items: center;
    display: flex;
    gap: var(--gap-3);
    height: 60px;
    margin-inline: auto;
    max-width: calc(var(--cont-page) + 2 * var(--cont-inset-desktop));
    padding-inline: var(--cont-inset-mobile);
    position: relative;
    width: 100%;
}

@media (min-width: 1024px) {
    .districtBody-tier {
        padding-inline: var(--cont-inset-desktop);
    }
}

.districtBody.is-shrunk .districtBody-tier {
    height: 52px;
}

.districtBody-crest {
    align-items: center;
    color: var(--tone-glyph);
    display: inline-flex;
    flex-shrink: 0;
    font-family: var(--typ-display);
    font-size: var(--sz-h4);
    font-weight: var(--wt-heavy);
    letter-spacing: var(--trk-close);
    line-height: 1;
    text-decoration: none;
}

.districtBody-crestMark {
    color: var(--tone-focus);
    margin-inline-end: 3px;
}

.districtBody-menu-switch {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--tone-glyph);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    margin-left: auto;
    min-height: 44px;
    min-width: 44px;
    order: 4;
    padding: 0;
}

.districtBody-lines {
    background-image: radial-gradient(circle, currentColor 2.6px, transparent 2.9px);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 9px 9px;
    display: block;
    height: 18px;
    width: 18px;
}

.districtBody-map {
    flex: 0 0 auto;
    margin-left: auto;
}

.districtBody-set {
    align-items: center;
    display: flex;
    gap: var(--gap-3);
    list-style: none;
    margin: 0;
    padding: 0;
}

.districtBody-slot {
    display: block;
}

.districtBody-slot[hidden] {
    display: none;
}

.districtBody-route {
    align-items: center;
    color: var(--tone-glyph);
    display: inline-flex;
    font-size: 13px;
    font-weight: 500;
    min-height: 44px;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
}

.districtBody-route:hover {
    color: var(--tone-focus);
    text-decoration: underline;
    text-underline-offset: 5px;
}

.districtBody-route.is-current {
    color: var(--tone-glyph);
    font-weight: var(--wt-heavy);
}

.districtBody-slotMore {
    position: relative;
}

.districtBody-slotMore[hidden] {
    display: none;
}

.districtBody-more-switch {
    background: transparent;
    border: 0;
    color: var(--tone-glyph);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    min-height: 44px;
    padding: 0 var(--gap-2);
    white-space: nowrap;
}

.districtBody-more-switch:hover {
    color: var(--tone-focus);
}

.districtBody-more-dock {
    background: var(--tone-panel);
    border: var(--str-slim) solid var(--tone-edge);
    border-radius: var(--rad-4);
    box-shadow: var(--sh-6);
    display: none;
    min-width: 200px;
    padding: var(--gap-2);
    position: absolute;
    right: 0;
    top: calc(100% + var(--gap-2));
    z-index: 120;
}

.districtBody-more-dock.is-open {
    display: block;
}

.districtBody-more-set {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
}

.districtBody-more-slot {
    display: block;
}

.districtBody-more-route {
    color: var(--tone-glyph);
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: var(--gap-2) var(--gap-3);
    text-decoration: none;
    white-space: nowrap;
}

.districtBody-more-route:hover {
    background: var(--tone-edge);
    color: var(--tone-focus);
}

.districtBody-deck {
    display: flex;
    flex-shrink: 0;
    gap: var(--gap-3);
    order: 5;
}

.districtBody-dock {
    background: var(--tone-panel);
    border-top: var(--str-slim) solid var(--tone-edge);
    display: none;
    left: 0;
    max-height: calc(100vh - var(--bar-size-mobile));
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 110;
}

.districtBody-dock.is-open {
    display: block;
}

.districtBody-dockMap {
    display: block;
}

.districtBody-dockSet {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.districtBody-dockSlot {
    border-bottom: var(--str-slim) solid var(--tone-edge);
    display: block;
}

.districtBody-dockRoute {
    color: var(--tone-glyph);
    display: block;
    font-size: var(--sz-sm-2);
    padding: var(--gap-3) var(--cont-inset-mobile);
    text-decoration: none;
}

.districtBody-dockRoute:hover {
    background: var(--tone-edge);
    color: var(--tone-focus);
}

@media (min-width: 900px) {
    .districtBody-menu-switch {
        display: none;
    }

    .districtBody-dock {
        display: none;
    }
}

@media (max-width: 899px) {
    .districtBody-map {
        display: none;
    }

    .districtBody-deck {
        margin-left: auto;
        order: 3;
    }

    .districtBody-menu-switch {
        margin-left: 0;
        order: 4;
    }
}

@media (max-width: 420px) {
    .districtBody-crest {
        font-size: 12px;
    }

    .districtBody-tier {
        gap: var(--gap-2);
    }

    .districtBody-menu-switch {
        min-width: 38px;
    }
}

.elementCarousel {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.elementCarousel-card {
    background: var(--tone-panel);
    border-radius: var(--rad-4);
    color: var(--tone-glyph);
    padding: var(--gap-6) var(--gap-5);
}

.elementCarousel-shape {
    display: grid;
    gap: var(--gap-4);
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 820px) {
    .elementCarousel-shape {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .elementCarousel-entryWide,
    .elementCarousel-send {
        grid-column: 1 / -1;
    }
}

.elementCarousel-entry {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--gap-2);
}

.elementCarousel-entryWide {
    display: flex;
    flex-direction: column;
    gap: var(--gap-2);
}

.elementCarousel-note {
    color: var(--tone-text-muted);
    font-size: var(--sz-fine);
    letter-spacing: var(--trk-loose);
    text-transform: uppercase;
}

.elementCarousel-input,
.elementCarousel-area {
    background: var(--tone-canvas);
    border: var(--str-slim) solid var(--tone-edge-hard);
    border-radius: var(--rad-4);
    color: var(--tone-glyph);
    font-family: var(--typ-text);
    font-size: var(--sz-base);
    padding: var(--gap-3);
    width: 100%;
}

.elementCarousel-input:focus-visible,
.elementCarousel-area:focus-visible {
    outline: 2px solid var(--tone-focus);
    outline-offset: 2px;
}

.elementCarousel-send {
    background: var(--tone-focus);
    border: 0;
    border-radius: var(--rad-4);
    color: var(--tone-canvas);
    cursor: pointer;
    font-family: var(--typ-display);
    font-size: var(--sz-h4);
    font-weight: var(--wt-heavy);
    letter-spacing: var(--trk-loose);
    min-height: 72px;
    text-transform: uppercase;
    width: 100%;
}

.elementCarousel-send:hover {
    background: var(--tone-action-down);
    color: var(--tone-canvas);
}

.elementCarousel-done {
    background: #10210f;
    border-radius: var(--rad-4);
    color: var(--tone-glyph);
    margin-block-start: var(--gap-4);
    padding: var(--gap-3) var(--gap-4);
}

.elementCarousel-done[hidden] {
    display: none;
}

.elementCarousel-para {
    color: var(--tone-text-muted);
    margin-block-start: var(--gap-4);
}

.meshWrapper {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.meshWrapper-card {
    background: var(--tone-canvas);
    border: var(--str-regular) solid var(--tone-focus);
    border-radius: var(--rad-5);
    color: var(--tone-glyph);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap-3);
    padding: var(--gap-6) var(--gap-5);
    text-align: center;
}

.meshWrapper-digit {
    color: var(--tone-focus);
    font-family: var(--typ-display);
    font-size: calc(var(--sz-display-1) * 1.4);
    font-weight: var(--wt-heavy);
    line-height: 1;
}

.meshWrapper-hdr {
    color: var(--tone-glyph);
    margin: 0;
}

.meshWrapper-para {
    color: var(--tone-text-muted);
    margin: 0;
    max-width: var(--edge);
}

.meshWrapper-note {
    color: var(--tone-text-muted);
    font-size: var(--sz-legal);
    letter-spacing: var(--trk-loose);
    max-width: var(--edge);
    text-transform: uppercase;
}

.modulePanel {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.modulePanel-guts {
    display: grid;
    gap: var(--gap-5);
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 900px) {
    .modulePanel-guts {
        gap: var(--gap-6);
        grid-template-columns: 240px minmax(0, 1fr);
    }
}

.modulePanel-toc {
    align-self: start;
    background: var(--tone-panel);
    border-radius: var(--rad-4);
    padding: var(--gap-4);
    position: sticky;
    top: calc(var(--bar-h-lg) + var(--gap-4));
}

.modulePanel-tocHdr {
    color: var(--tone-glyph);
    font-size: var(--sz-h4);
    margin: 0 0 var(--gap-2);
}

.modulePanel-tocSet {
    color: var(--tone-text-muted);
    font-size: var(--sz-fine);
    margin: 0;
    padding-inline-start: var(--gap-4);
}

.modulePanel-slot {
    margin-block-end: var(--gap-2);
}

.modulePanel-route {
    color: var(--tone-text-muted);
    text-decoration: none;
}

.modulePanel-route:hover {
    color: var(--tone-focus);
}

.modulePanel-main {
    display: block;
}

.modulePanel-part {
    margin-block-end: var(--gap-5);
}

.modulePanel-hdr {
    color: var(--tone-glyph);
    font-size: var(--sz-h3);
}

.modulePanel-para {
    color: var(--tone-text-muted);
    line-height: var(--lh-open);
}

.modulePanel-set {
    color: var(--tone-text-muted);
    line-height: var(--lh-open);
    padding-inline-start: var(--gap-4);
}

.modulePanel-fine {
    border-top: var(--str-slim) solid var(--tone-edge);
    color: var(--tone-text-muted);
    font-size: var(--sz-fine);
    padding-block-start: var(--gap-4);
}

.nodeContainer {
    background: var(--tone-canvas);
    display: block;
    padding-block: var(--sec-y);
}

.nodeContainer-guts {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.nodeContainer-glyph {
    color: var(--tone-focus);
    font-family: var(--typ-display);
    font-size: var(--sz-display-1);
    line-height: 1;
    margin-block-end: var(--gap-4);
}

.nodeContainer-hdr {
    color: var(--tone-glyph);
    font-family: var(--typ-display);
    font-size: var(--sz-h3);
    max-width: var(--edge);
}

.nodeContainer-para {
    color: var(--tone-text-muted);
    max-width: var(--edge);
}

.nodeContainer-key {
    background: var(--tone-panel);
    border: var(--str-slim) solid var(--tone-edge-hard);
    border-radius: var(--rad-4);
    color: var(--tone-glyph);
    display: inline-flex;
    align-items: center;
    font-size: var(--sz-fine);
    font-weight: var(--wt-heavy);
    letter-spacing: var(--trk-loose);
    min-height: 44px;
    padding-inline: var(--gap-5);
    text-decoration: none;
    text-transform: uppercase;
}

.nodeContainer-key:hover {
    background: var(--tone-edge);
    color: var(--tone-focus);
}

.padTrack {
    background: var(--tone-canvas);
    padding-block: var(--gap-6) var(--sec-y);
}

.padTrack-frame {
    border: 4px solid var(--tone-glyph);
    box-shadow: 0 0 0 4px var(--tone-canvas), 0 0 0 5px var(--tone-focus);
    padding: var(--gap-5);
}

@media (min-width: 820px) {
    .padTrack-frame {
        padding: var(--gap-6);
    }
}

.padTrack-main {
    display: flex;
    flex-direction: column;
    gap: var(--gap-3);
}

.padTrack-kicker {
    color: var(--tone-focus);
    font-size: var(--sz-fine);
    font-style: italic;
    letter-spacing: var(--trk-loose);
}

.padTrack-top {
    color: var(--tone-glyph);
    font-size: calc(var(--sz-display-1) * 1.25);
    margin: 0;
}

@media (min-width: 820px) {
    .padTrack-top {
        font-size: calc(var(--sz-display-1) * 1.55);
    }
}

.padTrack-rule {
    background: var(--tone-focus);
    border: 0;
    height: 1px;
    margin-block: var(--gap-2);
    margin-inline: 0;
    width: 80px;
}

.padTrack-para {
    color: var(--tone-text-muted);
    font-size: var(--sz-sm-2);
    line-height: var(--lh-open);
    margin: 0;
    max-width: var(--edge);
}

.padTrack-note {
    color: var(--tone-text-muted);
    font-size: var(--sz-legal);
    letter-spacing: var(--trk-loose);
    max-width: var(--edge);
    text-transform: uppercase;
}

.pinBar {
    background: var(--tone-panel);
    display: block;
    padding-block: var(--gap-3);
}

.pinBar-guts {
    align-items: center;
    color: var(--tone-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--sz-fine);
    gap: var(--gap-2);
}

.pinBar-route {
    color: var(--tone-text-muted);
    text-decoration: none;
}

.pinBar-route:hover {
    color: var(--tone-focus);
}

.pinBar-dot {
    color: var(--tone-text-muted);
}

.pinBar-here {
    color: var(--tone-glyph);
}

.pivotBody {
    background: var(--tone-canvas);
    border-top: var(--str-slim) solid var(--tone-edge);
    padding-block: var(--gap-7);
}

.pivotBody-guts {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--gap-5);
    text-align: center;
}

.pivotBody-crest {
    color: var(--tone-glyph);
    font-family: var(--typ-display);
    font-size: var(--sz-xl-2);
    font-weight: var(--wt-heavy);
    letter-spacing: var(--trk-close);
    text-decoration: none;
}

.pivotBody-map {
    display: block;
}

.pivotBody-set {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-5);
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pivotBody-slot {
    display: block;
}

.pivotBody-route {
    color: var(--tone-glyph);
    font-family: var(--typ-display);
    font-size: var(--sz-base);
    font-weight: var(--wt-demi);
    text-decoration: none;
}

.pivotBody-route:hover {
    color: var(--tone-focus);
}

.pivotBody-para {
    color: var(--tone-text-muted);
    font-size: var(--sz-fine);
    line-height: var(--lh-open);
    margin: 0;
    max-width: var(--edge);
}

.pivotBody-tier {
    color: var(--tone-text-muted);
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-3);
    justify-content: center;
}

.pivotBody-fine {
    color: var(--tone-text-muted);
    font-size: var(--sz-legal);
    letter-spacing: var(--trk-loose);
    text-decoration: none;
    text-transform: uppercase;
}

.pivotBody-fine:hover {
    color: var(--tone-focus);
}

.pivotBody-dot {
    color: var(--tone-text-muted);
}

.pivotBody-info {
    color: var(--tone-text-muted);
    font-size: var(--sz-legal);
}

.rgBand {
    background: var(--tone-canvas);
    padding-block: var(--gap-3);
}

.rgBand-guts {
    background: var(--tone-advisory);
    border-radius: var(--rad-4);
    color: var(--tone-glyph);
    display: block;
    font-size: var(--sz-fine);
    line-height: var(--lh-normal);
    padding: var(--gap-2) var(--gap-4);
    text-align: center;
}

.rgBand-flag {
    align-items: center;
    background: var(--tone-glyph);
    border-radius: var(--rad-lozenge);
    color: var(--tone-advisory);
    display: inline-flex;
    font-size: var(--sz-legal);
    font-weight: var(--wt-heavy);
    justify-content: center;
    margin-inline-end: var(--gap-1);
    padding: 1px var(--gap-2);
}

.rgBand-route {
    color: var(--tone-glyph);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.rgBand-route:hover {
    color: var(--tone-blend-a);
}

.stallLane {
    background: var(--tone-canvas);
    padding-block: var(--sec-y);
}

.stallLane-scroll {
    display: block;
}

.stallLane-grid {
    border-collapse: collapse;
    width: 100%;
}

.stallLane-tier {
    display: block;
}

.stallLane-cell {
    color: var(--tone-glyph);
    display: block;
    font-size: var(--sz-fine);
    padding: var(--gap-2) 0;
    text-align: left;
}

.stallLane-grid thead {
    display: none;
}

.stallLane-grid tbody {
    display: block;
}

.stallLane-grid tbody .stallLane-tier {
    background: var(--tone-panel);
    border-radius: var(--rad-4);
    margin-block-end: var(--gap-3);
    padding: var(--gap-4);
}

.stallLane-grid tbody .stallLane-cell::before {
    color: var(--tone-text-muted);
    content: attr(data-note) ': ';
    display: inline;
    font-size: var(--sz-legal);
    letter-spacing: var(--trk-loose);
    text-transform: uppercase;
}

@media (min-width: 820px) {
    .stallLane-grid thead {
        display: table-header-group;
    }

    .stallLane-grid tbody {
        display: table-row-group;
    }

    .stallLane-tier {
        display: table-row;
    }

    .stallLane-cell {
        border-bottom: var(--str-slim) solid var(--tone-edge);
        display: table-cell;
        padding: var(--gap-3) var(--gap-4);
        vertical-align: top;
    }

    .stallLane-grid thead .stallLane-cell {
        background: var(--tone-panel);
        color: var(--tone-glyph);
        font-family: var(--typ-display);
        font-size: var(--sz-legal);
        letter-spacing: var(--trk-loose);
        text-transform: uppercase;
    }

    .stallLane-grid tbody .stallLane-tier {
        background: transparent;
        border-radius: 0;
        margin-block-end: 0;
        padding: 0;
    }

    .stallLane-grid tbody .stallLane-cell {
        background: var(--tone-canvas);
        color: var(--tone-glyph);
    }

    .stallLane-grid tbody .stallLane-cell::before {
        content: '';
        display: none;
    }
}

.unitPanel {
    background: var(--tone-canvas);
    border-bottom: var(--str-slim) solid var(--tone-edge);
    padding-block: var(--gap-3);
}

.unitPanel-guts {
    align-items: center;
    display: flex;
    gap: var(--gap-3);
}

.unitPanel-avatar {
    border-radius: var(--rad-dot);
    flex-shrink: 0;
    height: 28px;
    object-fit: cover;
    width: 28px;
}

.unitPanel-info {
    color: var(--tone-text-muted);
    font-size: var(--sz-fine);
}

.unitPanel-handle {
    color: var(--tone-focus);
    text-decoration: none;
}

.unitPanel-handle:hover {
    color: var(--tone-action-down);
    text-decoration: underline;
}

.unitPanel-duty {
    color: var(--tone-text-muted);
}

.unitPanel-dot {
    color: var(--tone-text-muted);
}

@keyframes introLift {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.padTrack-kicker,
.padTrack-top,
.padTrack-rule,
.padTrack-para {
    animation: introLift var(--tm-easy) var(--bz-exit) backwards;
}

.padTrack-top {
    animation-delay: 148ms;
}

.padTrack-rule {
    animation-delay: 297ms;
}

.padTrack-para {
    animation-delay: 445ms;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
    }
}

.boltList-invite {
    align-self: flex-start;
}

.districtBody-key {
    flex-shrink: 0;
    white-space: nowrap;
}

.meshWrapper-invite {
    margin-block-start: var(--gap-2);
}

.padTrack-invite {
    align-self: flex-start;
    margin-block-start: var(--gap-2);
}

@media (max-width: 480px) {
    .districtBody-key {
        font-size: var(--sz-legal);
        letter-spacing: 0.02em;
        padding-inline: var(--gap-3);
    }
}

@media (max-width: 420px) {
    .districtBody-key {
        font-size: 10px;
        letter-spacing: 0;
        padding-inline: var(--gap-2);
    }
}

.milu-act{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--gap-5);min-height:44px;border-radius:var(--rad-4);border:var(--str-slim) solid var(--tone-edge-hard);font-size:var(--sz-fine);font-weight:var(--wt-heavy);letter-spacing:var(--trk-loose)}
.milu-act{
  background:#0284C7;color:#050505;text-decoration:none;text-transform:uppercase;
  transition:background var(--tm-swift) var(--bz-in-out),border-color var(--tm-swift) var(--bz-in-out);}
.milu-act.milu-act{color:#050505;text-decoration:none;}
.milu-act:hover{background:#0369A1;color:#FFFFFF;animation:none}
.milu-act.milu-act:hover{color:#FFFFFF;text-decoration:none}
.milu-act:hover::after{animation:none}
.milu-act:active{background:#075985;color:#FFFFFF}
.milu-act:focus-visible{outline:3px solid #FFFFFF;outline-offset:3px}
.milu-act{animation:milu-sway 1.3s ease-in-out infinite}
@keyframes milu-sway{0%{transform:translateY(0)}18.462%{transform:translateY(-2px)}61.538%,100%{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.milu-act,.milu-act::after{animation:none!important;transition:none!important}}

@media (max-width: 937px) {
  .districtBody-map,
  .districtBody-set,
  .districtBody-route { display: none !important; }
  .districtBody-menu-switch { display: flex !important; }
}

/* nojs guard 28.09.2026: без JS контент виден */
html.no-js .padTrack-top,
html.no-js .padTrack-para{opacity:1!important;transform:none!important;visibility:visible!important;clip-path:none!important}