/* Shared game and account device frame. */
body{font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;height:auto;padding:14px 20px;border-bottom:1px solid #245565;background:linear-gradient(120deg,rgba(3,20,28,.94),rgba(18,7,30,.86));backdrop-filter:blur(16px)}
.wordmark{color:#72e8ff;font-size:20px;font-weight:800;letter-spacing:1px;text-decoration:none;white-space:nowrap}
.mast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.mast-tool{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #315d6d;background:#091722;color:#d8f6ff;text-decoration:none;font-size:12px}
.market-tool{position:relative;isolation:isolate;overflow:hidden;border-color:#68e9ff!important;color:#e6fbff!important;letter-spacing:.04em;box-shadow:0 0 16px #51ddff20}
.market-tool::before{content:"";position:absolute;z-index:-2;inset:-100%;background:conic-gradient(transparent 25%,#5beaff 40%,#bb68ff 50%,transparent 65%);animation:market-orbit 5s linear infinite}
.market-tool::after{content:"";position:absolute;z-index:-1;inset:1px;background:#091722}
.market-tool:focus-visible{outline:3px solid #fff;outline-offset:4px}
@keyframes market-orbit{to{transform:rotate(360deg)}}
.site-frame{max-width:1200px;margin:auto;background:transparent;border:0}
.site-frame .shell-public{max-width:920px;width:100%;margin:0 auto;padding:24px 16px}
.site-frame .panel{background:linear-gradient(135deg,#071b25e8,#100b20d9);border:1px solid #285266;border-radius:0;box-shadow:0 18px 46px #0005;backdrop-filter:blur(14px)}
.site-frame h2,.site-frame h3{font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;color:#c9f5ff;letter-spacing:.04em}
.passkey-progress,[data-passkey-status]{min-height:44px;padding:12px;border-left:2px solid #65dfff;background:#061b2855}
[data-passkey-state="error"]{border-color:#ff729b;color:#ffb8cd}
[data-passkey-state="success"]{border-color:#65ebbb;color:#a5f7da}
.market-trait-grid.hud-carousel-track,.market-product-grid.hud-carousel-track,.credit-pack-grid.hud-carousel-track,.market-membership-grid.hud-carousel-track{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:12px;padding:12px;max-width:100%;min-width:0;overscroll-behavior-x:contain}
.market-trait-grid.hud-carousel-track>*,.market-product-grid.hud-carousel-track>*,.credit-pack-grid.hud-carousel-track>*,.market-membership-grid.hud-carousel-track>*{flex:0 0 min(82%,340px);min-width:0;scroll-snap-align:start}
.premium-market .hud-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 12px 12px}
.premium-market .hud-carousel-controls[hidden]{display:none}
.founder-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:16px;margin:0}
.founder-benefits li{padding:12px;border:1px solid #6f4f863f;background:#190e282e}
.alpha-founder-pack{border-color:#a56eff!important;box-shadow:0 0 30px #a86cff15}
@media(max-width:600px){.masthead{padding:12px;gap:8px;flex-wrap:wrap}.wordmark{font-size:17px}.mast-tool{padding:8px;font-size:11px}.mast-actions{gap:6px}.masthead .edition{display:none}.founder-benefits{grid-template-columns:1fr;gap:7px}.site-frame .shell-public{padding:16px 12px}.mast-tool span{display:none}}
@media(prefers-reduced-motion:reduce){.market-tool::before{animation:none}}
.premium-market .hud-carousel-button{width:44px;height:44px;min-height:44px}
.premium-market .hud-carousel-dots{min-width:0;gap:4px}
.premium-market .hud-carousel-dot{flex:1 1 10px;max-width:14px;min-width:3px;height:24px;min-height:24px}
.premium-market,.premium-market>.market-section-pro{min-width:0;max-width:100%}
.premium-market .hud-carousel-track{width:100%!important;margin:0!important;box-sizing:border-box}
.premium-market .hud-carousel-controls{min-width:0;max-width:100%;margin:0}
.masthead .mast-tool b{display:block!important}
.alpha-founder-pack>p,.alpha-founder-pack>details{padding:0 16px}
.alpha-founder-pack>details{margin:12px 0;color:#a6bfca;font-size:12px}
.alpha-founder-pack summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#d8eaff}
.masthead .mast-tool b{font-size:11px;line-height:1.2;letter-spacing:.02em}
.masthead .market-tool b{font-size:12px}

.market-product-state{display:block;margin:10px 0;color:#9bbcc9;font-size:11px}
.market-description-tree{margin:12px 0;border-top:1px solid #33566a;border-bottom:1px solid #33566a;font-size:12px}
.market-description-tree>summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:10px;padding:9px 4px;color:#bfefff;cursor:pointer;list-style:none}
.market-description-tree>summary::after{content:"+";color:#71e8ff;font-size:20px}
.market-description-tree[open]>summary::after{content:"−"}
.tree-body{border-left:1px solid #57648a;margin:0 8px 12px;padding:0 0 0 12px}
.market-description-tree[open] .tree-body>*{animation:market-branch-in 220ms ease both}
.market-description-tree[open] .tree-body>:nth-child(2){animation-delay:50ms}
.market-description-tree[open] .tree-body li{animation:market-branch-in 220ms ease both}
.market-description-tree[open] .tree-body li:nth-child(2){animation-delay:45ms}
.market-description-tree[open] .tree-body li:nth-child(3){animation-delay:90ms}
@keyframes market-branch-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.market-description-tree[open] .tree-body>*,.market-description-tree[open] .tree-body li{animation:none}}
.market-description-tree .tree-body ul{font-size:12px;line-height:1.6;margin:8px 0;padding-left:16px}
.market-product-top b{font-size:12px}
.trait-market .market-product>p{font-size:12px}

/* Shared instrument controls and live city directory. */
.hud-icon{width:20px;height:20px;flex:0 0 20px;display:block;color:inherit;filter:drop-shadow(0 0 5px #5ce8ff33)}
.mast-tool{gap:7px}.menu-row{gap:10px}.menu-row>span{flex:1}.menu-row>.hud-icon:last-child{width:16px;height:16px;flex-basis:16px;opacity:.65}
.masthead .mast-tool [data-online-count]{display:inline!important;color:#75efd4;font-variant-numeric:tabular-nums}
.header-presence{position:relative;margin:0;min-width:0;overflow:visible;border:0;background:none}
.header-presence>summary{list-style:none;cursor:pointer;margin:0}.header-presence>summary::-webkit-details-marker{display:none}
.header-presence[open]>summary{border-color:#68dfef;background:#123041}
.header-directory{position:absolute;right:0;top:calc(100% + 9px);z-index:20;width:min(360px,calc(100vw - 24px));max-height:70dvh;overflow:auto;padding:12px;border:1px solid #476b89;border-top:2px solid #70e4ed;background:linear-gradient(145deg,#102637fa,#100e27fc);box-shadow:0 20px 65px #0009;color:#dcefff;backdrop-filter:blur(20px);text-align:left}
.header-directory-head{display:grid;gap:4px;padding:4px 4px 12px}.header-directory-head small{color:#9ebdc8;font-size:11px}
.header-directory-tree{margin:0;border:0;border-top:1px solid #39576d;background:none}.header-directory-tree>summary{display:flex;justify-content:space-between;gap:12px;min-height:44px;align-items:center;padding:8px 4px;font-size:12px;color:#dcefff;cursor:pointer}.header-directory-tree>summary b{color:#7eead6;font-size:11px}
.header-user-list{max-height:250px;overflow:auto}.header-user-row{display:flex;align-items:center;gap:9px;min-height:58px;padding:8px 4px;color:inherit;text-decoration:none;border-top:1px solid #32476055}.header-user-row:hover,.header-user-row:focus-visible{background:#7cecff0d;outline:1px solid #60d1e088}
.header-user-name{display:block;min-width:0;overflow-wrap:anywhere;font-size:12px}.header-user-name>small{display:block;color:#9fb9c9;font-size:10px}.header-user-name .staff-name{font-weight:800}
.header-user-row .fighter-avatar{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;overflow:hidden;border:1px solid #4d7991;border-radius:4px}.header-user-row .fighter-avatar img{width:100%;height:100%;object-fit:cover}.header-user-row .fighter-avatar small{display:none}
.header-user-row .presence-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#617584}.header-user-row .presence-dot.online{background:#75efd4;box-shadow:0 0 6px #75efd466}.header-user-row .presence-dot.away{background:#ffbf6b}.header-user-row .presence-dot.busy{background:#ff718d}
.header-directory-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;color:#9deafa;font-size:12px;text-decoration:none;border-top:1px solid #39576d;padding:8px 4px}
.staff-name.staff-event,.staff-badge.staff-event,.staff-tool.staff-event{color:#ff8a24}.staff-tool.staff-event{border-color:#ff8a2480}.staff-name.staff-admin,.staff-badge.staff-admin{color:#ff607d}.staff-name.staff-mod,.staff-badge.staff-mod{color:#72d3c1}.staff-name.staff-super,.staff-badge.staff-super{color:#6ab8ff}.staff-name.staff-head,.staff-badge.staff-head{color:#d08cff}
.staff-wheel-controls{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-width:0}.staff-wheel{min-width:0;scroll-behavior:smooth}.staff-wheel button{display:flex;align-items:center;gap:8px;border-radius:4px;background:linear-gradient(145deg,#162c42,#0b172c)}
.wheel-arrow{display:grid;place-items:center;min-width:44px;min-height:48px;border:1px solid #5b8fa7;background:#0d2133;color:#97efff;cursor:pointer}.wheel-arrow:disabled{opacity:.3;cursor:default}.wheel-arrow:hover:not(:disabled){background:#1a3a51;border-color:#92e7ff}.wheel-hint{margin:0 0 12px;color:#95b9cb;font-size:11px;letter-spacing:.03em}
@media(max-width:600px){.masthead{position:relative;gap:8px}.masthead .mast-actions{flex:1 1 100%;justify-content:flex-end}.header-presence{position:static}.header-directory{top:100%;right:12px}.mast-tool{padding:8px 10px}.mast-tool .hud-icon{width:18px;height:18px;flex-basis:18px}.masthead .mast-tool span[data-online-count]{display:inline!important}.staff-wheel-controls{gap:5px}.staff-wheel button{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.staff-wheel{scroll-behavior:auto}.hud-icon{filter:none}}
/* Transit console: moving road, mode-specific vehicle and server-anchored progress. */
.transit-console{--travel-progress:12;border:1px solid #4e9ca6;background:linear-gradient(135deg,#092333,#111a31);padding:14px;margin:14px 0;overflow:hidden;box-shadow:inset 0 0 25px #54e9f00b}.transit-console>header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;letter-spacing:.06em}.transit-console>header>span{color:#80ecdd}.transit-console>header>b{font-size:17px;color:#e0fcff}.transit-console>header>small{margin-left:auto;color:#9dc8d0}
.transit-scene{height:135px;position:relative;overflow:hidden;border-bottom:1px solid #72dfee;margin:12px 0;background:linear-gradient(#09131f,#153640)}.transit-skyline{position:absolute;inset:0;width:100%;height:100px;fill:#203d50;stroke:#397585;stroke-width:1}.skyline-windows{stroke:#68dcdd;stroke-width:3;stroke-dasharray:4 5}.transit-road{position:absolute;bottom:10px;height:2px;width:200%;background:repeating-linear-gradient(90deg,#a0fff1 0 18px,transparent 18px 44px);animation:transit-road 3s linear infinite}.transit-rider{position:absolute;bottom:10px;left:clamp(0px,calc(var(--travel-progress)*1%),calc(100% - 64px));width:58px;height:58px;transition:left 1s linear;color:#9dfff1;filter:drop-shadow(0 0 7px #64f7e780)}.transit-vehicle{display:none;width:100%;height:100%}.transit-destination{position:absolute;right:10px;top:10px;color:#c3edf6;font-size:10px;text-transform:uppercase;max-width:65%;text-align:right}.transit-telemetry{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.transit-telemetry>span{flex:1;min-width:0;overflow-wrap:anywhere}.transit-telemetry>span:last-child{text-align:right}.transit-telemetry>b{color:#91ffe9}.transit-console progress,.riding-panel progress{width:100%;height:5px;accent-color:#80f2db;margin:12px 0}.transit-console>small{display:block;color:#a0bbc8;font-size:10px}
[data-mode="walk"] .vehicle-walk,[data-mode="bus_pass"] .vehicle-bus_pass,[data-mode="rollerblades"] .vehicle-rollerblades,[data-mode="skateboard"] .vehicle-skateboard,[data-mode="bicycle"] .vehicle-bicycle,[data-mode="ebike"] .vehicle-ebike,[data-mode="motorcycle"] .vehicle-motorcycle{display:block}.transit-console[data-mode="walk"] .transit-vehicle{animation:transit-step 1s ease-in-out infinite}.transit-console[data-mode="motorcycle"]{border-color:#ffba66}.transit-console[data-mode="motorcycle"] .transit-rider{color:#ffce8c}.transit-console[data-mode="motorcycle"] .transit-road{animation-duration:.7s}.transit-console[data-mode="bus_pass"] .transit-road{animation-duration:1.4s}.transit-console.arrived .transit-road,.transit-console.arrived .transit-vehicle{animation:none}
.residence-body,.riding-body{padding:14px}.residence-body p,.riding-body p{font-size:12px;color:#b8ced7;line-height:1.55}.residence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.residence-grid>div{padding:10px;background:#122c3a;border:1px solid #456577}.residence-grid span,.residence-grid b{display:block;font-size:11px}.residence-grid b{margin-top:6px;color:#8cf3df}.riding-body>details{margin-top:12px;padding-top:10px;border-top:1px solid #456577}.riding-panel>summary,.residence-panel>summary{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:52px;cursor:pointer}.riding-panel>summary small,.residence-panel>summary small{display:block;font-size:10px;color:#9db9c9;margin-top:4px}.district-route-line{stroke:#63b5be;stroke-width:2;stroke-dasharray:5 5}.map-node circle{fill:#284f62;stroke:#96f4e1;stroke-width:2}.map-node.current circle{fill:#ff71c5}.map-node text{fill:#c8f4ff;font-size:9px}
@keyframes transit-road{to{transform:translateX(-44px)}}@keyframes transit-step{50%{transform:translateY(-3px)}}
@media(max-width:600px){.transit-console{padding:10px}.transit-telemetry{font-size:10px}.transit-scene{height:115px}.transit-rider{width:48px;height:48px}.residence-grid{gap:5px}.riding-body,.residence-body{padding:10px}}
@media(prefers-reduced-motion:reduce){.transit-road,.transit-vehicle{animation:none!important}.transit-rider{transition:none;filter:none}}

/* Category rail with one cascading route panel rather than a stacked link wall. */
.market-beacon{border-color:#f381cd;background:linear-gradient(120deg,#27142f,#112b35);color:#ffe3f5;box-shadow:0 0 15px #e96dbc35;animation:market-signal 4s ease-in-out infinite}
@keyframes market-signal{50%{border-color:#75efd4;box-shadow:0 0 20px #75efd43b}}
.system-menu{position:relative;display:block!important;min-height:385px;padding:14px;border:1px solid #2a5364;background:radial-gradient(ellipse at 70% 20%,#12324a,#060e17 75%);border-radius:12px}
.system-menu .menu-section{position:static;width:210px;margin-bottom:12px;border:0;background:transparent}
.system-menu .menu-section>summary{display:flex;align-items:center;gap:10px;min-height:54px;border:1px solid #315569;border-radius:9px;background:#0d1e2c;color:#bceaff;cursor:pointer;list-style:none}
.system-menu .menu-section[open]>summary{border-color:#75efd4;background:#11313d;box-shadow:0 0 18px #75efd422;color:#9bffe0}
.system-menu .menu-section>summary span{flex:1}.system-menu .menu-section>summary b{margin:0}
.system-menu .menu-section-links{position:absolute;top:14px;left:244px;right:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border-left:2px solid #4b96ad;padding-left:18px;animation:branch-reveal .22s ease-out}
.system-menu .menu-row{min-height:60px;padding:12px;border:1px solid #274758;border-radius:9px;background:linear-gradient(135deg,#122635,#0b1723);font-size:12px;text-decoration:none;color:#d9f5ff;display:flex;align-items:center;position:relative}
.system-menu .menu-row:before{content:'';position:absolute;width:10px;height:1px;left:-11px;background:#4b96ad}.system-menu .menu-row:hover,.system-menu .menu-row:focus-visible{border-color:#ed81d8;background:#20223c}.system-menu summary:focus-visible{outline:2px solid #ed81d8;outline-offset:3px}
@keyframes branch-reveal{from{opacity:.3;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.identity-settings{padding:12px;border-top:1px solid #315569}.identity-settings form{margin-bottom:16px}
@media(max-width:760px){.system-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start;gap:8px;min-height:500px;padding:10px}.system-menu .menu-section{width:auto;margin:0}.system-menu .menu-section>summary{padding:9px;gap:6px;min-height:52px;font-size:10px}.system-menu .menu-section>summary .hud-icon:last-child{display:none}.system-menu .menu-section-links{left:10px;right:10px;top:140px;padding-left:8px;gap:8px}.system-menu .menu-row{min-height:62px;padding:10px;font-size:11px;gap:6px}.system-menu .menu-row .hud-icon:last-child{display:none}.masthead .mast-actions{justify-content:space-between}.masthead .market-beacon b{font-size:10px}.masthead .mast-tool{padding:8px 7px;gap:4px}}
@media(prefers-reduced-motion:reduce){.market-beacon,.system-menu .menu-section-links{animation:none}}

.system-menu .menu-section-links[hidden]{display:none!important}

.gender-prompt{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;color:#e3f7ff;border:1px solid #72e8d7;border-radius:16px;background:radial-gradient(ellipse at top right,#223753,#081522 80%);box-shadow:0 0 50px #59dbe433}
.gender-prompt::backdrop{background:#030913cc;backdrop-filter:blur(5px)}.gender-prompt h2{font-size:24px;margin:8px 0}.gender-prompt p{line-height:1.5}.gender-prompt form{display:grid;gap:14px}.gender-prompt>[data-gender-close]{margin-top:12px;width:100%}
@media(prefers-reduced-motion:reduce){.gender-prompt::backdrop{backdrop-filter:none}}

.public-name-history{margin:12px 0;border:1px solid #315569;border-radius:8px;padding:8px 12px}.public-name-history ul{max-height:180px;overflow:auto;padding-left:20px}.public-name-history summary{cursor:pointer}

/* Route panels grow with their content; the category rail stays compact. */
.system-menu{min-height:0!important}.system-menu:not([data-menu-enhanced]){display:block!important}.system-menu:not([data-menu-enhanced]) .menu-section{width:auto}.system-menu:not([data-menu-enhanced]) .menu-section-links{position:static;padding:12px;border-left:0}
.system-menu[data-menu-enhanced]{display:grid!important;grid-template-columns:210px minmax(0,1fr)!important;align-items:start;gap:20px}
.menu-category-rail,.menu-route-deck{min-width:0}.menu-category-rail{display:grid;gap:10px}.menu-category-rail .menu-section{width:auto;margin:0}
.system-menu[data-menu-enhanced] .menu-section-links{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:16px;gap:10px}
.menu-route-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;padding:5px 0 12px;color:#8af2da;border-bottom:1px solid #315569;font-size:10px;letter-spacing:.08em}.menu-route-heading>span{display:flex;align-items:center;gap:8px}.menu-route-heading .badge{font-size:8px}
.system-menu .menu-row>span{min-width:0;flex:1}.system-menu .menu-row b{display:block;font-size:12px;font-weight:700}.system-menu .menu-row small{display:block;margin-top:5px;color:#91b2c1;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.system-menu .menu-row>.hud-icon{flex-shrink:0}.system-menu .menu-row>.hud-icon:last-child{margin-left:auto;width:14px}.system-menu .menu-row{transition:border-color .15s,background .15s}
@media(max-width:760px){.system-menu[data-menu-enhanced]{grid-template-columns:1fr!important;gap:14px}.menu-category-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.system-menu[data-menu-enhanced] .menu-section-links{padding-left:8px;gap:8px}.system-menu .menu-row{align-items:flex-start}.system-menu .menu-row b{font-size:11px}.system-menu .menu-row small{font-size:10px}.menu-route-heading{font-size:9px}}
@media(prefers-reduced-motion:reduce){.system-menu .menu-row{transition:none}}
.system-menu .menu-section>summary:after{content:none}
@media(min-width:1100px){.system-menu[data-menu-enhanced] .menu-section-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
.menu-category-rail summary span{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.masthead .mast-tool b{white-space:nowrap}.masthead .mast-actions:has(.staff-tool){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.masthead .mast-actions:has(.staff-tool) .mast-tool{width:100%}.masthead .mast-actions:has(.staff-tool) .header-presence{min-width:0}}
@media(max-width:600px){.masthead .mast-actions{flex-wrap:wrap;min-width:0;max-width:100%}.masthead .mast-actions:not(:has(.staff-tool)) .market-beacon b{white-space:normal;overflow-wrap:normal}}

/* Required onboarding uses short lessons and native forms. */
.guide-intro{padding:20px}.guide-intro p,.player-guide p,.manual-chapter p{font-size:13px;line-height:1.6;color:#bed2dd}.player-guide{padding:20px;max-width:760px;margin:16px auto}.player-guide>header{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:11px}.player-guide>progress{width:100%;height:8px;margin:16px 0;accent-color:#75efd4}.player-guide h2{display:flex;gap:10px;align-items:center}.player-guide fieldset{border:1px solid #315569;padding:14px;margin:18px 0}.player-guide legend{color:#d8f6ff;font-size:13px;padding:0 5px}.guide-choice{display:flex;align-items:center;gap:12px;min-height:48px;margin:8px 0;padding:10px;border:1px solid #315569;background:#0b1e2c;color:#d7edf6;cursor:pointer}.guide-choice input{width:20px;min-height:20px;height:20px;flex:0 0 20px;margin:0;accent-color:#75efd4}.guide-choice:has(input:checked){border-color:#75efd4;background:#15383f}.guide-choice:focus-within{outline:2px solid #ed81d8;outline-offset:2px}.guide-error{border-left:3px solid #ff718d;padding:12px;background:#331827;color:#ffd2de!important}.guide-route{font-size:11px!important;border-top:1px solid #315569;padding-top:12px;overflow-wrap:anywhere}.guide-index{margin:0 0 18px}.guide-index nav{display:grid;gap:6px;padding:10px 0}.guide-index nav>*{padding:10px;min-height:44px;color:#92b1c1}.guide-index nav a{color:#a4f5e3}.guide-index [aria-current]{border-left:2px solid #75efd4;background:#123040}.manual-chapter{border:1px solid #315569;background:#0b1b29;margin:12px 0}.manual-chapter>summary{justify-content:flex-start;gap:12px;padding:12px;min-height:52px}.manual-chapter>summary:after{margin-left:auto}.manual-chapter>div{padding:0 16px 16px}.player-manual{max-width:900px;margin:auto}
@media(max-width:600px){.guide-intro,.player-guide{padding:14px}.player-guide fieldset{padding:10px}.guide-choice{font-size:12px}}

/* Motion follows commands and state changes; the device lighting stays steady. */
:root{--hud-ease:cubic-bezier(.22,.72,.18,1);--hud-fast:140ms;--hud-reveal:280ms}
body::before,body::after,.edition i,.market-beacon,.fighter-hq-hero{animation:none}
.market-tool::before{animation:none;transform:rotate(24deg)}
body::after{filter:none;transform:none;opacity:.12}
.fighter-hq-hero{box-shadow:0 16px 40px #0006,inset 0 1px #b9f7ff0a,0 0 24px #49e1ff0b}
.fighter-hq-hero::after,.hq-continue::after,.fight-terminal-head::after,.pvp-battle-head::after{animation:none;opacity:0;left:0;transform:none}
.panel,.map-panel,.opponent-panel,.site-frame .panel,.hq-section,.hq-resource-strip,.hq-continue,.hq-quick-actions,.fighter-hq-hero,input,select,textarea{backdrop-filter:none}
.panel,.map-panel,.opponent-panel,.hq-resource-strip,.hq-section,.hq-quick-actions,.training-status,.training-slot-terminal,.loadout-panel,.move-browser,.work-head,.clinic-head,.fight-terminal-head,.fight-prep-console,.fight-dual-console,.pvp-hub-head,.pvp-battle-head,.crew-command-head,.turf-ledger,.comms-terminal-head,.comms-presence-panel,.comms-workspace-panel,.support-console-head,.support-security-console,.support-checkout-console,.travel-route-terminal,.transport-browser,.news-feed-terminal,.roadmap-terminal,.community-head,.presence-console{transform:none}
.masthead{backdrop-filter:blur(12px);background:linear-gradient(120deg,#03141cf2,#12071eed)}
.header-directory{backdrop-filter:blur(12px)}
.fighter-hq-hero,.hq-section,.site-frame .panel{border-color:#3d7a8d; background-color:#06121df5}
.hq-section{transition:border-color var(--hud-fast) ease}
.hq-stat,.hq-build-slot,.loadout-slot,.market-row,.support-tier-row,.training-slot-row{transition:transform var(--hud-fast) var(--hud-ease),border-color var(--hud-fast) ease}
.hq-resource-strip>div,.hq-quick-actions a{transition:transform var(--hud-fast) var(--hud-ease),color var(--hud-fast) ease}
.btn,.mast-tool,.wheel-arrow,.hud-carousel-button,.menu-row,.system-menu summary{transition:transform var(--hud-fast) var(--hud-ease),border-color var(--hud-fast) ease,color var(--hud-fast) ease;background-clip:padding-box}
.btn::after{left:0;top:-80%;width:28%;height:250%;opacity:0;transform:translateX(-140%) skewX(-18deg);transition:transform 420ms var(--hud-ease),opacity var(--hud-fast) ease}
.btn:hover::after,.btn:focus-visible::after{left:0;transform:translateX(460%) skewX(-18deg);opacity:.45}
.btn:disabled::after{display:none}
.btn:active:not(:disabled),.mast-tool:active,.wheel-arrow:active:not(:disabled),.hud-carousel-button:active:not(:disabled),.menu-row:active{transform:translateY(1px)}
.mast-tool:focus-visible,.wheel-arrow:focus-visible,.hud-carousel-button:focus-visible,.menu-row:focus-visible{outline:2px solid #b6f9ff;outline-offset:3px}
.system-menu .menu-section-links:not([hidden]){animation:hud-command-reveal var(--hud-reveal) var(--hud-ease) both}
.system-menu .menu-section-links:not([hidden])>.menu-row{animation:hud-panel-in 240ms var(--hud-ease) backwards;animation-delay:30ms}
.system-menu .menu-section-links:not([hidden])>.menu-row:nth-child(2){animation-delay:50ms}
.system-menu .menu-section-links:not([hidden])>.menu-row:nth-child(n+3){animation-delay:70ms}
.menu-category-rail .menu-section[open]>summary{border-left:3px solid #75efd4;box-shadow:inset 0 0 18px #75efd40c}
.header-presence[open]>.header-directory,.staff-command[open],.avatar-upload-sheet:not([hidden]) .avatar-upload-card,.gender-prompt[open]{animation:hud-command-reveal 220ms var(--hud-ease) both}
main>.page-title,main>.fighter-hq-hero,main>.hq-resource-strip,main>.hq-continue,main>.fight-terminal-head,main>.pvp-battle-head,main>.training-status,main>.comms-terminal-head{animation:hud-panel-in 340ms var(--hud-ease) backwards}
main>.hq-resource-strip{animation-delay:35ms}main>.hq-continue{animation-delay:60ms}
.combat-event.critical{animation:hud-critical-confirm 180ms ease-out both;border-left:3px solid #ff718d;filter:none}
.staff-badge.staff-fx::after,.message-waiting.active b::after,.crew-banner h2::after{animation:none;opacity:.28;transform:none}
.ecg-trace{animation-duration:calc(var(--ecg-rate,1.55s)*2);animation-iteration-count:3;animation-fill-mode:forwards}
.ecg-scan{left:0;opacity:0;animation:hud-ecg-scan calc(var(--ecg-rate,1.55s)*2) linear 3 forwards}
@keyframes hud-panel-in{from{opacity:.55;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes hud-command-reveal{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes hud-critical-confirm{from{opacity:.65}to{opacity:1}}
@keyframes hud-ecg-scan{0%{opacity:0;transform:translateX(0)}15%,85%{opacity:.5}100%{opacity:0;transform:translateX(var(--ecg-distance,260px))}}
/* Keep the static Market presentation and the premium name effects as separate choices. */
.static-market,.static-market *{animation:none!important;transition:none!important}
html[data-hud-motion="paused"] *,html[data-hud-motion="paused"] *::before,html[data-hud-motion="paused"] *::after,[data-hud-offscreen="true"],[data-hud-offscreen="true"]::before,[data-hud-offscreen="true"]::after,[data-hud-offscreen="true"] *,[data-hud-offscreen="true"] *::before,[data-hud-offscreen="true"] *::after{animation-play-state:paused!important}
@media(hover:none){.hq-stat:hover,.hq-build-slot:hover,.loadout-slot:hover,.market-row:hover,.support-tier-row:hover,.training-slot-row:hover,.hq-resource-strip>div:hover,.hq-quick-actions a:hover,.btn:hover{transform:none}.btn:hover::after{opacity:0}}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .btn::after,.ecg-scan{display:none}
 .ecg-trace{stroke-dashoffset:0}
 .btn:hover,.btn:focus-visible,.hq-resource-strip>div:hover,.hq-quick-actions a:hover,.hq-quick-actions a:focus-visible,.hq-stat:hover,.hq-build-slot:hover,.loadout-slot:hover,.market-row:hover,.support-tier-row:hover,.training-slot-row:hover{transform:none}
}

/* Premium identity: distinct finishes, stable lettering and opt-in Market motion. */
.name-fx.fx-halo{animation:none;filter:none;text-shadow:0 0 2px currentColor,0 0 8px #a4edff55}
.name-fx.fx-halo::after,.name-fx.fx-comet::after,.name-fx.fx-prism::after,.name-fx.fx-aurora::after,.name-fx.fx-hologram::after,.name-fx.fx-eclipse::after,.name-fx.fx-plasma::after{content:none}
.name-fx.fx-sparkle::after{animation:premium-twinkle 5.8s ease-in-out infinite;filter:none;transform:none}
.name-fx.fx-comet::before{left:0;width:24%;filter:none;animation:premium-comet 8s var(--hud-ease) infinite;opacity:0}
.support-name.fx-prism{animation-duration:9s;background-image:linear-gradient(100deg,#ff92dc,#c7a4ff,#87eaff,#fff3c1,#ff92dc)}
.support-name.fx-aurora{animation-duration:12s;background-image:linear-gradient(160deg,#c3fff1,#82e4d1,#b4d6ff,#cfaeff,#f8c4ef,#c3fff1);filter:none}
.support-name.fx-hologram{animation:none;transform:none;background-size:100% 100%;filter:none;text-shadow:1px 0 #fa5aaf33,-1px 0 #63eafa33}
.name-fx.fx-hologram::before{inset:-2px 0;background:linear-gradient(180deg,transparent 25%,#b7faff2b 48%,transparent 65%);mix-blend-mode:screen;animation:premium-interference 7.2s ease-in-out infinite}
.support-name.fx-stellar{animation-duration:10s;filter:none}.name-fx.fx-stellar::after{animation:premium-constellation 8s ease-in-out infinite;filter:none;transform:none}
.support-name.fx-eclipse{animation:none;filter:none;background-image:linear-gradient(110deg,#b89250,#ffe4a3,#e2b75e,#baa175,#fff0c9)}
.name-fx.fx-eclipse::before{width:4px;height:4px;animation:premium-corona 8s ease-in-out infinite}
.support-name.fx-plasma{animation-duration:11s;background-image:linear-gradient(150deg,#b3fff5,#a7bdff,#e5b1ff,#ffa9d4,#b3fff5);filter:none}
.support-name.fx-crown{animation-duration:12s;filter:none}.name-fx.fx-crown::after{content:none}.name-fx.fx-crown::before{animation:premium-crown 9s ease-in-out infinite}
.support-badge.support-premium::before,.support-badge.support-founder::before{left:0;animation:premium-badge-glint 12s var(--hud-ease) infinite;opacity:0}
@keyframes premium-twinkle{0%,100%{opacity:.16}24%{opacity:.6}45%,75%{opacity:.26}}
@keyframes premium-constellation{0%,100%{opacity:.2}30%{opacity:.65}60%{opacity:.34}}
@keyframes premium-comet{0%,72%,100%{opacity:0;transform:translateX(-120%) skewX(-18deg)}78%{opacity:.42}90%{opacity:0;transform:translateX(500%) skewX(-18deg)}}
@keyframes premium-interference{0%,100%{opacity:.12;transform:translateY(-2px)}50%{opacity:.4;transform:translateY(2px)}}
@keyframes premium-corona{0%,100%{opacity:.3;transform:translateY(-50%) translateX(0)}50%{opacity:.9;transform:translateY(-50%) translateX(3px)}}
@keyframes premium-crown{0%,65%,100%{opacity:.25;transform:scale(.85)}76%{opacity:.9;transform:scale(1.1)}86%{opacity:.45;transform:scale(1)}}
@keyframes premium-badge-glint{0%,78%,100%{opacity:0;transform:translateX(-160%) skewX(-18deg)}84%{opacity:.4}93%{opacity:0;transform:translateX(420%) skewX(-18deg)}}
.market-effect-preview,.market-theme-preview{position:relative;display:grid;place-items:center;gap:12px;min-height:142px;margin:8px 0 12px;padding:14px 10px;border:1px solid #32566a;background:radial-gradient(ellipse at top right,#22304755,transparent 75%),#07121f;overflow:hidden}
.market-preview-label{font:8px Consolas,monospace;letter-spacing:.1em;color:#86a7b8;justify-self:start}
.market-effect-preview>.support-name{font-size:clamp(14px,2.4vw,20px);max-width:100%;overflow-wrap:anywhere;text-align:center}
.market-preview-toggle{min-height:36px;font-size:9px;padding:7px 10px;width:auto!important}
.market-effect-preview small{font-size:9px;color:#95b8c7}
[data-market-preview]:not([data-previewing="true"]) .name-fx,[data-market-preview]:not([data-previewing="true"]) .name-fx::before,[data-market-preview]:not([data-previewing="true"]) .name-fx::after{animation-play-state:paused!important}
.market-theme-preview{grid-template-columns:auto 1fr;text-align:left;gap:10px}.market-theme-preview>.market-preview-label{grid-column:1/-1}.market-theme-preview>b{font-size:13px;overflow-wrap:anywhere}
.market-theme-preview.theme-neon{border-color:#65eae0;box-shadow:inset 2px 0 #65eae0,inset -2px 0 #e983d6}
.market-theme-preview.theme-noir{border-color:#937cc2;background:linear-gradient(150deg,#141727,#070c14);box-shadow:inset 0 2px #a4a5c655}
.market-product-action{display:grid;gap:6px}.market-equipped{display:block;text-align:center;padding:8px;border-left:2px solid #8ff7df;font:9px Consolas,monospace;color:#8ff7df}
.market-effect-studio{border:1px solid #31566a;background:#071321}.market-effect-studio>summary{padding:12px;min-height:48px;font-size:12px;cursor:pointer}
.market-effect-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.market-effect-collection>article{min-width:0;padding:12px;border:1px solid #31566a;background:#081827}.market-effect-collection h3{font-size:16px;margin:0}.market-effect-collection p,.market-effect-collection small{font-size:10px;color:#a8c6d3;line-height:1.5}.market-effect-collection .btn{width:100%}
@media(max-width:600px){.market-effect-collection{grid-template-columns:1fr}.market-effect-preview{min-height:130px}}


/* Unified player device wheel */
body[data-device-page]{padding-bottom:118px}
.device-wheel-shell{position:fixed;z-index:90;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(980px,calc(100% - 18px));border:1px solid #28566a;background:linear-gradient(180deg,rgba(6,24,35,.97),rgba(3,12,19,.98));box-shadow:0 -10px 34px rgba(0,0,0,.36),inset 0 1px rgba(101,232,255,.08);clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%,0 14px);backdrop-filter:blur(14px)}
.device-wheel-readout{height:25px;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #173b49;font:800 9px/1 Consolas,monospace;letter-spacing:.12em;color:#789aaa;text-transform:uppercase}
.device-wheel-readout b{font:800 10px/1 "Arial Narrow",Arial,sans-serif;letter-spacing:.14em;color:#d9f7ff}
.device-wheel-controls{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:stretch;min-height:70px}
.device-wheel-track{display:flex;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:40%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.device-wheel-track::-webkit-scrollbar{display:none}
.device-wheel-track>a{position:relative;scroll-snap-align:center;flex:0 0 92px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:9px 5px 10px;border-left:1px solid rgba(40,86,106,.38);color:#91adba;text-decoration:none;font:700 11px/1.1 "Arial Narrow",Arial,sans-serif;letter-spacing:.04em;transition:transform 140ms ease,background 140ms ease,color 140ms ease,opacity 140ms ease}
.device-wheel-track>a:first-child{border-left:0}
.device-wheel-track>a .hud-icon{width:20px;height:20px}
.device-wheel-track>a::after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:1px;background:transparent}
.device-wheel-track>a:hover,.device-wheel-track>a:focus-visible{background:#0a2532;color:#fff}
.device-wheel-track>a:focus-visible{outline:2px solid #65e8ff;outline-offset:-3px;z-index:2}
.device-wheel-track>a[aria-current="page"]{color:#fff;background:linear-gradient(180deg,#0b2a38,#081b27);transform:translateY(-2px)}
.device-wheel-track>a[aria-current="page"] .hud-icon{color:#65e8ff;filter:drop-shadow(0 0 7px rgba(101,232,255,.28))}
.device-wheel-track>a[aria-current="page"]::after{background:linear-gradient(90deg,transparent,#65e8ff,transparent)}
.device-wheel-arrow{border:0;border-right:1px solid #173b49;background:#051722;color:#8fc9d8;display:grid;place-items:center;min-width:42px;cursor:pointer}
.device-wheel-arrow:last-child{border-right:0;border-left:1px solid #173b49}
.device-wheel-arrow:hover,.device-wheel-arrow:focus-visible{background:#0b2937;color:#fff}
.device-wheel-arrow:focus-visible{outline:2px solid #ff8fdc;outline-offset:-3px}
.device-wheel-arrow .hud-icon{width:19px;height:19px}
.device-wheel-arrow:disabled{opacity:.3;cursor:default}

@media(max-width:760px){
  body[data-device-page]{padding-bottom:112px}
  .masthead{min-height:56px}
  .masthead .edition{font-size:8px}
  .device-wheel-shell{bottom:max(4px,env(safe-area-inset-bottom));width:calc(100% - 8px)}
  .device-wheel-controls{grid-template-columns:38px minmax(0,1fr) 38px;min-height:68px}
  .device-wheel-track>a{flex-basis:78px;font-size:10px;padding-inline:3px}
  .device-wheel-track>a .hud-icon{width:19px;height:19px}
  .device-wheel-readout{height:24px}
}
@media(max-width:390px){
  body[data-device-page]{padding-bottom:108px}
  .wordmark{font-size:17px}
  .masthead .edition{display:none}
  .device-wheel-track>a{flex-basis:72px}
  .device-wheel-controls{grid-template-columns:36px minmax(0,1fr) 36px}
}
@media(prefers-reduced-motion:reduce){
  .device-wheel-track{scroll-behavior:auto}
  .device-wheel-track>a{transition:none}
}


/* Fighter home device summary */
.hq-resource-strip{grid-template-columns:repeat(6,minmax(0,1fr))}
.hq-resource-strip .connection-resource{border-color:#28566a;background:linear-gradient(180deg,#071a25,#05131c)}
.hq-resource-strip .connection-resource b{color:#65e8ff}
.device-status-deck{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:10px 0 16px}
.device-status-deck>a{min-width:0;min-height:78px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 11px;border:1px solid #183e4d;background:linear-gradient(145deg,#071925,#04111a);color:#d8eef4;text-decoration:none}
.device-status-deck>a:hover,.device-status-deck>a:focus-visible{border-color:#65e8ff;background:#092331}
.device-status-deck>a:focus-visible{outline:2px solid #ff8fdc;outline-offset:2px}
.device-status-deck span{font:800 8px/1.2 Consolas,monospace;letter-spacing:.12em;color:#7fa4b3;text-transform:uppercase}
.device-status-deck b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 16px/1.15 "Arial Narrow",Arial,sans-serif;color:#f0fbff}
.device-status-deck small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#8eb7c6}
@media(max-width:980px){.device-status-deck{grid-template-columns:repeat(4,minmax(0,1fr))}.hq-resource-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){
  .device-status-deck{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-3px;padding:0 3px 4px}
  .device-status-deck::-webkit-scrollbar{display:none}
  .device-status-deck>a{flex:0 0 min(42vw,152px);scroll-snap-align:start;min-height:74px}
  .hq-resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hq-resource-strip>div{min-height:68px}
}
@media(max-width:360px){.device-status-deck>a{flex-basis:148px}}


/* Unified outer Tokyo Rivals device shell. */
.tokyo-rivals-shell{margin:0;min-width:0}
.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:12px;top:12px;z-index:120;min-height:44px;display:inline-flex;align-items:center;padding:9px 12px;border:1px solid #65e8ff;background:#02090f;color:#fff;text-decoration:none}
.network-strip{min-height:24px;display:flex;align-items:center;justify-content:center;padding:5px 10px;border-bottom:1px solid #173b49;background:#02090f;color:#75efd4;font:800 8px/1 Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.site-frame>.masthead{position:sticky;top:0;z-index:80}
.site-frame .discovery-shell{max-width:1120px}
.public-actions{flex-wrap:wrap;justify-content:flex-end}
.footer{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;padding:18px 20px;border-top:1px solid #173b49;background:#031019;color:#789aa7;font-size:10px}
.footer strong{color:#b7d6df;font-size:10px}
.footer nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.footer a{color:#8fc9d8;text-decoration:none}
.footer a:hover,.footer a:focus-visible{color:#fff}
@media(max-width:760px){
  .site-frame>.masthead{position:relative}
  .public-actions{flex:1 1 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .public-actions .mast-tool{width:100%;padding-inline:6px;font-size:10px}
  .footer{align-items:flex-start;flex-direction:column;padding:16px 12px}
}
@media(max-width:390px){
  .public-actions{grid-template-columns:1fr}
}