/* The Rival Device wears the materials of its city. Skin IDs remain stable. */
@font-face{font-family:"TR Signal Narrow";src:url("/static/fonts/signal-narrow.woff") format("woff");font-display:swap}
@font-face{font-family:"TR Terminal Mono";src:url("/static/fonts/terminal-mono.woff") format("woff");font-display:swap}
@font-face{font-family:"TR Crown Display";src:url("/static/fonts/crown-display.woff") format("woff");font-display:swap}
:root{
 --skin-bg:#030911;--skin-bg-2:#07131d;--skin-panel:#071722;--skin-panel-2:#0d1b2a;
 --skin-line:#2b5b70;--skin-line-strong:#65e8ff;--skin-text:#d9f4fb;--skin-muted:#8eb7c6;
 --skin-primary:#65e8ff;--skin-secondary:#ff8fdc;--skin-accent:#ff9c5a;--skin-success:#75efd4;
 --skin-glow:rgba(101,232,255,.18);--skin-grid:rgba(101,232,255,.035);
 --skin-heading:var(--tr-title);
 --skin-radius:2px;--skin-rule:2px solid var(--skin-primary);--skin-reveal:240ms;
 --skin-image-filter:saturate(.95) contrast(1.04);
 --skin-material:linear-gradient(135deg,#65e8ff09,transparent 30%),linear-gradient(150deg,var(--skin-panel-2),var(--skin-panel) 48%,var(--skin-bg-2));
 --skin-surface-shadow:inset 0 1px #b4f6ff18,0 12px 32px #0006;
 --skin-atmosphere:radial-gradient(ellipse at 12% 0,var(--skin-glow),transparent 55%);
}
body[data-skin]{color-scheme:dark}
body[data-skin="coil-ward"]{
 --skin-bg:#030b12;--skin-bg-2:#081926;--skin-panel:#091c2a;--skin-panel-2:#142939;
 --skin-line:#536977;--skin-line-strong:#f4cf86;--skin-primary:#f0c36f;--skin-secondary:#90cadb;
 --skin-text:#edf8ff;--skin-muted:#aebfc9;--skin-glow:rgba(240,195,111,.21);
 --skin-heading:var(--tr-title);--skin-radius:0;--skin-rule:3px double var(--skin-secondary);--skin-reveal:170ms;
 --skin-material:repeating-linear-gradient(0deg,transparent 0 3px,#c4e8ff03 3px 4px),linear-gradient(100deg,#9fd6ed09,transparent 34%),linear-gradient(160deg,var(--skin-panel-2),var(--skin-panel) 55%,var(--skin-bg-2));
 --skin-surface-shadow:inset 3px 0 #ffc46c45,inset 0 1px #ccefff25,0 12px 24px #0007;
 --skin-atmosphere:repeating-linear-gradient(90deg,transparent 0 94px,#7ddcff10 94px 95px,transparent 95px 99px,#ffc46c0b 99px 100px,transparent 100px 192px);
 --skin-image-filter:saturate(.75) contrast(1.12);
}
body[data-skin="glass-quay"]{
 --skin-bg:#030e14;--skin-bg-2:#09232c;--skin-panel:#08222c;--skin-panel-2:#12323c;
 --skin-line:#397482;--skin-line-strong:#8ef1df;--skin-primary:#8ef1df;--skin-secondary:#b1d6ff;
 --skin-text:#edfffb;--skin-muted:#a3c6d0;--skin-glow:rgba(95,236,204,.14);
 --skin-heading:var(--tr-title);--skin-radius:18px 3px 18px 3px;--skin-rule:1px solid #c8fff0;--skin-reveal:340ms;
 --skin-material:linear-gradient(122deg,#d3fff00e 0 9%,transparent 9% 64%,#b1d6ff08 64% 66%,transparent 66%),linear-gradient(170deg,var(--skin-panel-2),var(--skin-panel) 45%,var(--skin-bg-2));
 --skin-surface-shadow:inset 0 1px #d4fff54d,inset 0 -1px #8ef1df20,0 16px 36px #0005;
 --skin-atmosphere:repeating-linear-gradient(170deg,transparent 0 68px,#b1d6ff08 69px 70px,transparent 71px 140px),radial-gradient(ellipse at 80% 20%,var(--skin-glow),transparent 60%);
 --skin-image-filter:saturate(.82) contrast(1.03) hue-rotate(8deg);
}
body[data-skin="furnace-mile"]{
 --skin-bg:#100907;--skin-bg-2:#26150e;--skin-panel:#21150f;--skin-panel-2:#332016;
 --skin-line:#916546;--skin-line-strong:#ffbf83;--skin-primary:#ffbf83;--skin-secondary:#ffda9c;
 --skin-text:#fff5e9;--skin-muted:#cfb49d;--skin-glow:rgba(255,118,48,.14);
 --skin-heading:var(--tr-title);--skin-radius:3px;--skin-rule:3px solid #c58a59;--skin-reveal:190ms;
 --skin-material:radial-gradient(circle at 9px 9px,#d6a67490 0 1.5px,#0e0906 2px 3px,transparent 3.5px),radial-gradient(circle at calc(100% - 9px) 9px,#d6a67490 0 1.5px,#0e0906 2px 3px,transparent 3.5px),linear-gradient(25deg,#ff98200a,transparent 48%),linear-gradient(155deg,var(--skin-panel-2),var(--skin-panel) 60%,#120b08);
 --skin-surface-shadow:inset 0 1px #f5cd902b,inset 0 -3px #0005,0 10px 24px #0008;
 --skin-atmosphere:repeating-linear-gradient(0deg,transparent 0 71px,#ffb27407 71px 72px),radial-gradient(ellipse at 15% 15%,var(--skin-glow),transparent 52%);
 --skin-image-filter:saturate(.9) sepia(.12) contrast(1.1);
}
body[data-skin="crown-circuit"]{
 --skin-bg:#07040d;--skin-bg-2:#12091d;--skin-panel:#120b20;--skin-panel-2:#1c0d2b;
 --skin-line:#6f3e7f;--skin-line-strong:#ff78d7;--skin-primary:#ff78d7;--skin-secondary:#7df7ff;
 --skin-accent:#ffb45e;--skin-success:#83ffd7;--skin-text:#fff1fb;--skin-muted:#c2a4c3;
 --skin-glow:rgba(255,120,215,.2);--skin-heading:var(--tr-title);
 --skin-radius:3px 20px 3px 20px;--skin-rule:2px solid var(--skin-primary);--skin-reveal:280ms;
 --skin-material:linear-gradient(125deg,transparent 0 68%,#ff78d70c 68% 69%,#7df7ff07 69% 71%,transparent 71%),linear-gradient(150deg,#271132,var(--skin-panel) 42%,#0b0713);
 --skin-surface-shadow:inset 0 1px #f4caff32,inset 0 -1px #7df7ff25,0 18px 40px #0007,0 0 20px #ff78d709;
 --skin-atmosphere:linear-gradient(120deg,transparent 30%,#ff78d710 30% 30.15%,transparent 30.15% 72%,#7df7ff0b 72% 72.15%,transparent 72.15%),radial-gradient(ellipse at 20% 0,var(--skin-glow),transparent 55%);
 --skin-image-filter:saturate(1.14) contrast(1.08) hue-rotate(-6deg);
}
/* Fixed-size paint does not stretch when a disclosure or mobile toolbar opens. */
.tokyo-rivals-shell{
 background:linear-gradient(var(--skin-grid) 1px,transparent 1px),linear-gradient(90deg,var(--skin-grid) 1px,transparent 1px),var(--skin-atmosphere),var(--skin-bg)!important;
 background-size:38px 38px,38px 38px,100% 720px,100% 720px,auto!important;
 background-repeat:repeat,repeat,no-repeat,no-repeat,repeat!important;color:var(--skin-text);
}
body[data-skin="coil-ward"],body[data-skin="glass-quay"],body[data-skin="furnace-mile"],body[data-skin="crown-circuit"]{--skin-grid:transparent}
.tokyo-rivals-shell::before,.tokyo-rivals-shell::after{display:none!important;animation:none!important}
.network-strip{border-color:color-mix(in srgb,var(--skin-primary) 42%,transparent)!important;color:var(--skin-primary)!important;background:var(--skin-bg)!important}
.masthead{border-color:var(--skin-line)!important;background:linear-gradient(120deg,var(--skin-panel),var(--skin-bg-2))!important;box-shadow:inset 0 -1px var(--skin-glow)}
.wordmark{font-family:var(--skin-heading);color:var(--skin-primary)!important;text-shadow:0 0 14px var(--skin-glow)}
body[data-skin="coil-ward"] .wordmark{font-size:17px;letter-spacing:-.03em}
body[data-skin="furnace-mile"] .wordmark{letter-spacing:.04em}
body[data-skin="crown-circuit"] .wordmark{letter-spacing:.1em}
a{color:var(--skin-primary)}
.eyebrow{color:var(--skin-secondary)!important}
/* Large everyday surfaces share district materials; personal finishes keep theirs. */
.tokyo-rivals-shell :is(.panel,.public-title,.discovery-panel,.entry-console,.landing-hud,.landing-system-tree,.system-menu,.device-wheel-shell,.fighter-hq-hero,.travel-route-terminal,.transport-browser,.transit-console,.loyalty-panel,.city-goals,.riding-panel,.training-goal-panel,.training-status,.market-section-pro,.hq-section,.hq-continue,.comms-terminal-head,.comms-workspace-panel,.comms-presence-panel,.fight-terminal-head,.fight-prep-console,.fight-dual-console,.fight-command-deck,.pvp-hub-head,.pvp-battle-head,.work-head,.clinic-head,.staff-command):not(:where(.prem-profile-card,.prem-journal-theme,.prem-profile-card *,.prem-journal-theme *,.fighter-hq-hero.theme-neon,.fighter-hq-hero.theme-noir)){
 border-color:var(--skin-line)!important;border-radius:var(--skin-radius)!important;background:var(--skin-material)!important;box-shadow:var(--skin-surface-shadow)!important;
}
.tokyo-rivals-shell :is(.public-title,.fighter-hq-hero,.transit-console,.training-goal-panel):not(:where(.fighter-hq-hero.theme-neon,.fighter-hq-hero.theme-noir)){border-top:var(--skin-rule)!important}
.tokyo-rivals-shell main :is(h1,h2,h3){font-family:var(--skin-heading);color:var(--skin-text);text-wrap:balance}
.tokyo-rivals-shell :is(.panel-heading,.panel-head,.fighter-hq-hero h1,.landing-command h2,.landing-system-tree h2,.market-section-pro>header h2){font-family:var(--skin-heading);color:var(--skin-text)}
body[data-skin="coil-ward"] :is(.landing-command h2,.public-title h1){letter-spacing:-.035em}
body[data-skin="glass-quay"] :is(.landing-command h2,.public-title h1){letter-spacing:.015em;font-weight:600}
body[data-skin="furnace-mile"] :is(.landing-command h2,.public-title h1){letter-spacing:.025em}
body[data-skin="crown-circuit"] :is(.landing-command h2,.public-title h1){letter-spacing:.065em}
.tokyo-rivals-shell .discovery-home .public-title{background:var(--skin-material)!important}
.tokyo-rivals-shell .landing-hud{clip-path:none}
/* Inset reading panes stay opaque and quiet beneath the decorative shell. */
.tokyo-rivals-shell :is(.hq-resource-strip>*,.hq-quick-actions a,.hq-activity-row,.menu-row,.market-product,.market-membership,.market-trait,.credit-pack-card,.training-slot-row,.route-row,.transport-row,.comms-main,.room-list,.mail-inbox,.landing-branch,.landing-system-grid details,.landing-trust-strip>span,.landing-faq-tree details):not(:where(.prem-profile-card *,.prem-journal-theme *)){
 border-color:var(--skin-line)!important;background:linear-gradient(155deg,var(--skin-panel),var(--skin-bg-2))!important;color:var(--skin-text);border-radius:var(--skin-radius);
}
.tokyo-rivals-shell :is(.device-wheel-track>a,.menu-section>summary,.landing-branch>summary,.landing-system-grid summary,.market-description-tree>summary,.route-row>summary,.transport-row>summary){color:var(--skin-text)!important;border-color:var(--skin-line)!important}
.tokyo-rivals-shell :is(.device-wheel-track>a[aria-current="page"],.menu-section[open]>summary,.landing-branch[open]>summary,.landing-system-grid details[open]>summary){
 border-color:var(--skin-primary)!important;background:linear-gradient(100deg,color-mix(in srgb,var(--skin-primary) 14%,var(--skin-panel)),var(--skin-bg-2))!important;box-shadow:inset 3px 0 var(--skin-primary);
}
.tokyo-rivals-shell :is(.hq-activity-row small,.market-description-tree .tree-body,.panel-lore,.wheel-hint){color:var(--skin-muted)}
.tokyo-rivals-shell :is(.device-wheel-arrow,.wheel-arrow,.hud-carousel-button,.mast-tool):not(.staff-tool){
 border-color:var(--skin-line)!important;background:var(--skin-panel)!important;color:var(--skin-text)!important;border-radius:var(--skin-radius);
}
.tokyo-rivals-shell :is(input,textarea,select){accent-color:var(--skin-primary)}
.tokyo-rivals-shell :is(.topic-chip,.skin-menu,.header-directory){border-color:var(--skin-line)!important;background:var(--skin-bg-2)!important;color:var(--skin-text)}
.tokyo-rivals-shell :is(.header-directory,.skin-menu){box-shadow:0 18px 50px #000b,inset 0 2px var(--skin-primary)}
.tokyo-rivals-shell :is(.legal-footer,.footer){border-color:var(--skin-line)!important;background:var(--skin-bg)!important}
.tokyo-rivals-shell .landing-city-visual img{filter:var(--skin-image-filter)}
.tokyo-rivals-shell .city-readout{border-color:var(--skin-primary);background:color-mix(in srgb,var(--skin-bg) 90%,transparent)}
.tokyo-rivals-shell .landing-status i{box-shadow:0 0 8px var(--skin-success)}
/* Rail equipment, dock panes, workshop seams and marquee cuts remain distinct. */
body[data-skin="coil-ward"] :is(.panel,.landing-hud,.device-wheel-shell):not(:where(.prem-profile-card,.prem-journal-theme,.prem-profile-card *,.prem-journal-theme *)){border-left:3px double var(--skin-secondary)!important}
body[data-skin="coil-ward"] :is(.landing-command,.landing-system-tree)>header{border-bottom:1px dashed var(--skin-line)}
body[data-skin="glass-quay"] :is(.panel,.landing-hud,.device-wheel-shell):not(:where(.prem-profile-card,.prem-journal-theme,.prem-profile-card *,.prem-journal-theme *)){border-top-color:#c2f1e8!important;border-bottom-color:#28505d!important}
body[data-skin="glass-quay"] .landing-city-visual{border-left:1px solid #b1d6ff55}
body[data-skin="furnace-mile"] :is(.panel,.landing-hud,.device-wheel-shell):not(:where(.prem-profile-card,.prem-journal-theme,.prem-profile-card *,.prem-journal-theme *)){border-bottom:3px double var(--skin-line-strong)!important}
body[data-skin="furnace-mile"] .eyebrow{letter-spacing:.13em}
body[data-skin="crown-circuit"] :is(.panel,.landing-hud,.device-wheel-shell):not(:where(.prem-profile-card,.prem-journal-theme,.prem-profile-card *,.prem-journal-theme *)){border-right-color:var(--skin-secondary)!important}
body[data-skin="crown-circuit"] .eyebrow{letter-spacing:.2em}
/* A physical sample of each finish inside the selector. */
.skin-picker{position:relative;margin:0;border:0;min-width:0}
.skin-picker>summary{list-style:none;cursor:pointer;white-space:nowrap}
.skin-picker>summary::-webkit-details-marker{display:none}
.skin-picker>summary::after{content:none!important}
.skin-picker[open]>summary{margin-bottom:0!important}
.skin-tool{display:grid!important;grid-template-columns:auto auto;gap:6px!important;text-align:left}
.skin-tool>span{font-size:9px;color:var(--skin-muted);letter-spacing:.08em}
.skin-tool>b{font-size:10px;color:var(--skin-primary);letter-spacing:.04em}
.skin-picker[open]>.skin-tool{border-color:var(--skin-primary)!important}
.skin-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:min(340px,calc(100vw - 24px));padding:9px;border:1px solid var(--skin-line-strong);max-height:min(560px,70dvh);overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.skin-menu-heading{position:sticky;top:-9px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 5px;background:var(--skin-bg-2);border-bottom:1px solid var(--skin-line)}
.skin-menu-heading strong{font:800 11px/1.3 var(--tr-menu,Arial,sans-serif);color:var(--skin-text)}
.skin-menu-heading button{min-height:40px;padding:7px 12px;border:1px solid var(--skin-line-strong);background:var(--skin-panel);color:var(--skin-text);font:800 11px/1 var(--tr-menu,Arial,sans-serif)}
.skin-menu>p{margin:3px 5px 10px;color:var(--skin-muted);font-size:11px;line-height:1.45}
.skin-option{width:100%;min-height:66px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 8px;border:1px solid transparent;background:transparent;color:var(--skin-text);text-align:left;cursor:pointer}
.skin-option:hover,.skin-option:focus-visible,.skin-option[aria-pressed="true"]{border-color:var(--skin-primary);background:var(--skin-panel)}
.skin-option:focus-visible{outline:2px solid var(--skin-secondary);outline-offset:-3px}
.skin-swatch{display:block;width:30px;height:42px;border:1px solid var(--option-a);background:linear-gradient(135deg,var(--option-a),var(--option-b));box-shadow:inset 0 1px #fff5}
.skin-option b,.skin-option small{display:block}.skin-option b{font-size:13px}.skin-option small{margin-top:4px;color:var(--skin-muted);font-size:10px;line-height:1.35}
.skin-option>span:last-child{font:800 8px/1 Consolas,monospace;color:var(--skin-primary)}
.skin-option[data-skin-option="core"]{--option-a:#65e8ff;--option-b:#0d1b2a}
.skin-option[data-skin-option="coil-ward"]{--option-a:#7ddcff;--option-b:#142939}
.skin-option[data-skin-option="glass-quay"]{--option-a:#8ef1df;--option-b:#09232c}
.skin-option[data-skin-option="furnace-mile"]{--option-a:#ffbf83;--option-b:#332016}
.skin-option[data-skin-option="crown-circuit"]{--option-a:#ff78d7;--option-b:#1c0d2b}
.skin-option[data-skin-option="district"]{--option-a:#7ddcff;--option-b:#ff78d7}
.skin-option[data-skin-option="core"] .skin-swatch{border-width:1px 3px;background:repeating-linear-gradient(0deg,transparent 0 7px,#65e8ff55 7px 8px),#071722}
.skin-option[data-skin-option="coil-ward"] .skin-swatch{border-left:3px double #ffc46c;background:repeating-linear-gradient(90deg,#142939 0 5px,#7ddcff22 5px 6px);border-radius:0}
.skin-option[data-skin-option="glass-quay"] .skin-swatch{border-radius:10px 1px 10px 1px;background:linear-gradient(125deg,#8ef1df80,transparent 40%,#b1d6ff44 41% 44%,transparent 45%),#09232c}
.skin-option[data-skin-option="furnace-mile"] .skin-swatch{border-bottom:3px double #ffbf83;background:radial-gradient(circle at 5px 5px,#ffda9c 0 1px,transparent 2px),linear-gradient(145deg,#5b3421,#21150f);border-radius:2px}
.skin-option[data-skin-option="crown-circuit"] .skin-swatch{border-radius:1px 9px 1px 9px;background:linear-gradient(125deg,#ff78d722 55%,#7df7ff88 56% 58%,#1c0d2b 59%),#1c0d2b}
/* Light answers an action. Text and the city backdrop never drift. */
.tokyo-rivals-shell main>:is(section,details){animation:hud-materialize var(--skin-reveal) ease-out both}
@keyframes hud-materialize{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
.skin-picker[open] .skin-menu{animation:skin-console-in 170ms ease-out both}
@keyframes skin-console-in{from{opacity:.65;transform:translateY(-4px)}to{opacity:1;transform:none}}
.tokyo-rivals-shell :is(.btn,.mast-tool,.landing-action,.device-wheel-track>a,.skin-option){transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease}
.tokyo-rivals-shell :is(.btn,.mast-tool,.landing-action,.device-wheel-track>a):hover:not(:disabled):not(:where([aria-disabled="true"],.staff-tool,.danger,.combat,.premium,.success,[class*="style-"],.event-workspace *,.event-studio *,.admin-control-workspace *,form[aria-busy="true"] *)){border-color:var(--skin-primary)!important;box-shadow:inset 0 1px var(--skin-primary),0 0 10px var(--skin-glow)}
.tokyo-rivals-shell :is(.btn,.mast-tool,.landing-action):active:not(:disabled){box-shadow:inset 0 2px 9px #0007}
.tokyo-rivals-shell :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--skin-secondary);outline-offset:3px}
.tokyo-rivals-shell .landing-branch>summary:focus-visible,.tokyo-rivals-shell .landing-subtree a:focus-visible{outline:2px solid var(--skin-secondary);outline-offset:-3px}
.tokyo-rivals-shell .hud-icon{filter:drop-shadow(0 0 3px var(--skin-glow))}
.tokyo-rivals-shell .market-tool::before{animation:none;background:linear-gradient(130deg,var(--skin-primary),var(--skin-secondary));inset:0}
.tokyo-rivals-shell .market-tool::after{background:var(--skin-panel)}
.tokyo-rivals-shell .market-beacon{animation:none;color:var(--skin-text)!important;border-color:var(--skin-secondary)!important;background:var(--skin-panel)!important}
/* The scan moves inside the image, using compositor paint rather than top. */
.tokyo-rivals-shell .city-scan{top:0;height:12%;background:linear-gradient(180deg,transparent,var(--skin-glow),transparent);animation:skin-city-scan 14s ease-in-out infinite}
@keyframes skin-city-scan{0%,65%,100%{opacity:0;transform:translateY(-100%)}72%{opacity:.5}88%{opacity:0;transform:translateY(900%)}}
body[data-page-visible="false"] .city-scan{animation-play-state:paused}
/* District controls: every everyday action wears the same finished material. */
:root{
 --skin-control-radius:2px;
 --skin-control-face:linear-gradient(90deg,#65e8ff33 0 2px,transparent 2px calc(100% - 2px),#65e8ff33 calc(100% - 2px)),linear-gradient(165deg,#153542,#071722 65%);
 --skin-control-primary:linear-gradient(110deg,#65e8ff26,transparent 55%),var(--skin-control-face);
 --skin-control-edge:inset 0 1px #d3fbff28,inset 0 -1px #65e8ff26,0 3px 0 #0005;
 --skin-control-hover:inset 0 1px var(--skin-secondary),inset 0 -2px var(--skin-primary),0 3px 0 #0005,0 0 14px var(--skin-glow);
}
body[data-skin="coil-ward"]{
 --skin-control-radius:0;
 --skin-control-face:repeating-linear-gradient(0deg,#c7edff05 0 1px,transparent 1px 3px),linear-gradient(180deg,#254555,#112735 52%,#081926);
 --skin-control-primary:linear-gradient(90deg,#ffc46c25,transparent 40%),var(--skin-control-face);
 --skin-control-edge:inset 3px 0 #ffc46c88,inset 0 1px #d3efff35,inset 0 -2px #0007,0 3px 0 #0005;
}
body[data-skin="glass-quay"]{
 --skin-control-radius:12px 2px;
 --skin-control-face:linear-gradient(125deg,#dcfff41c 0 12%,transparent 13% 69%,#b1d6ff18 70% 72%,transparent 73%),linear-gradient(170deg,#17414b,#092731 65%);
 --skin-control-primary:linear-gradient(110deg,#8ef1df22,transparent 65%),var(--skin-control-face);
 --skin-control-edge:inset 0 1px #d1fff477,inset 0 -1px #8ef1df30,0 4px 12px #0005;
}
body[data-skin="furnace-mile"]{
 --skin-control-radius:3px;
 --skin-control-face:radial-gradient(circle at 6px 6px,#ffda9c99 0 1px,#160d08 1.5px 2px,transparent 2.5px),linear-gradient(180deg,#493022,#281a12 60%,#21150f);
 --skin-control-primary:linear-gradient(100deg,#ffbf8325,transparent 65%),var(--skin-control-face);
 --skin-control-edge:inset 0 1px #fbd29c44,inset 0 -3px #0e0806,0 3px 0 #0006;
}
body[data-skin="crown-circuit"]{
 --skin-control-radius:2px 12px;
 --skin-control-face:linear-gradient(125deg,transparent 0 43%,#f6ccff14 44% 48%,transparent 49% 76%,#7df7ff0c 77% 78%,transparent 79%),linear-gradient(180deg,#38203f,#1b1029 55%,#110918);
 --skin-control-primary:linear-gradient(115deg,#ff78d738,transparent 48%),var(--skin-control-face);
 --skin-control-edge:inset 0 1px #ffd5f766,inset 0 -1px #7df7ff66,inset 1px 0 #ff78d733,0 4px 12px #0006;
 --skin-control-hover:inset 0 1px #fff1fb99,inset 0 -2px #7df7ff,inset 1px 0 #ff78d777,0 4px 12px #0006,0 0 16px #ff78d722;
}
/* Shape the existing controls without changing their sizes or game-board cells. */
.tokyo-rivals-shell[data-skin] :is(.btn,.button,.entry,.auth-submit,.password-toggle,.landing-action,.mast-tool,.device-wheel-arrow,.wheel-arrow,.hud-carousel-button,.hq-avatar-edit,.tabs>a,.collector-tabs>a,.room-link,.device-wheel-track>a,button):not(:where(.skin-option,.hud-carousel-dot,.staff-tool,.crossline-cell,.crossline-square,.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){
 border-radius:var(--skin-control-radius)!important;clip-path:var(--finish-button-cut,none)!important;
 font-family:var(--skin-heading);text-decoration:none;
 transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease;
}
.tokyo-rivals-shell[data-skin] :is(.btn,.button,.entry,.auth-submit,.password-toggle,.landing-action,.mast-tool,.device-wheel-arrow,.wheel-arrow,.hud-carousel-button,.hq-avatar-edit,.tabs>a,.collector-tabs>a,.room-link,.device-wheel-track>a,button):not(:where(.skin-option,.hud-carousel-dot,.staff-tool,.crossline-cell,.crossline-square,.danger,.combat,.premium,.success,[class*="style-"],.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){
 background:var(--skin-control-face)!important;color:var(--skin-text)!important;
 border-color:var(--skin-line)!important;box-shadow:var(--skin-control-edge)!important;
}
.tokyo-rivals-shell[data-skin] :is(.btn.primary,.button.primary,button.primary,.entry,.auth-submit,.landing-action.primary):not(:where(.danger,.combat,.premium,.success,[class*="style-"],.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){
 background:var(--skin-control-primary)!important;border-color:var(--skin-primary)!important;
 box-shadow:var(--skin-control-edge),inset 0 -2px var(--skin-primary)!important;
}
.tokyo-rivals-shell[data-skin] :is(.btn,.button,.entry,.auth-submit,.password-toggle,.landing-action,.mast-tool,.device-wheel-arrow,.wheel-arrow,.hud-carousel-button,.hq-avatar-edit,.tabs>a,.collector-tabs>a,.room-link,.device-wheel-track>a,button):is(:hover,:focus-visible):not(:where(:disabled,[aria-disabled="true"],.skin-option,.hud-carousel-dot,.staff-tool,.crossline-cell,.crossline-square,.danger,.combat,.premium,.success,[class*="style-"],.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,form[aria-busy="true"] *,.prem-profile-card *,.prem-journal-theme *)){
 border-color:var(--skin-primary)!important;box-shadow:var(--skin-control-hover)!important;transform:none;filter:none;
}
.tokyo-rivals-shell[data-skin] :is(.btn,.button,.entry,.auth-submit,.password-toggle,.landing-action,.mast-tool,.device-wheel-arrow,.wheel-arrow,.hud-carousel-button,button):active:not(:where(:disabled,[aria-disabled="true"],.skin-option,.hud-carousel-dot,.staff-tool,.crossline-cell,.crossline-square,.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,form[aria-busy="true"] *,.prem-profile-card *,.prem-journal-theme *)){
 box-shadow:inset 0 3px 10px #0009,inset 0 -1px var(--skin-secondary)!important;transform:none;
}
.tokyo-rivals-shell[data-skin] :is(.tabs>a,.collector-tabs>a,.device-wheel-track>a)[aria-current="page"]:not(:where(.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)),.tokyo-rivals-shell[data-skin] .room-link.active:not(:where(.prem-profile-card *,.prem-journal-theme *)){
 background:var(--skin-control-primary)!important;color:var(--skin-text)!important;border-color:var(--skin-primary)!important;
 box-shadow:var(--skin-control-edge),inset 3px 0 var(--skin-primary),inset 0 -2px var(--skin-primary)!important;
}
.tokyo-rivals-shell[data-skin] .room-link.unread:not(.active){border-inline-start:3px solid var(--skin-secondary)!important}
.tokyo-rivals-shell[data-skin] .device-wheel-track>a[aria-current="page"] .hud-icon{color:var(--skin-primary)}
.tokyo-rivals-shell[data-skin] .device-wheel-track>a[aria-current="page"]::after{background:linear-gradient(90deg,var(--skin-primary),var(--skin-secondary))}
.tokyo-rivals-shell[data-skin] .hq-avatar-edit span{color:var(--skin-primary)!important}
.tokyo-rivals-shell[data-skin] .hud-carousel-dot{border-color:var(--skin-line)!important;background:var(--skin-bg-2)!important;box-shadow:none}
.tokyo-rivals-shell[data-skin] .hud-carousel-dot[aria-current="true"]{border-color:var(--skin-secondary)!important;background:var(--skin-primary)!important;box-shadow:0 0 7px var(--skin-glow)}
/* Open branches retain their plus/minus cue and a clear selected seam. */
.tokyo-rivals-shell[data-skin] main details>summary:not(:where(.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){
 border-color:var(--skin-line)!important;background:var(--skin-control-face)!important;color:var(--skin-text)!important;
 border-radius:var(--skin-control-radius);box-shadow:inset 0 1px #ffffff14;
}
.tokyo-rivals-shell[data-skin] main details[open]>summary:not(:where(.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){
 background:var(--skin-control-primary)!important;border-color:var(--skin-primary)!important;box-shadow:inset 3px 0 var(--skin-primary),inset 0 -1px var(--skin-secondary);
}
.tokyo-rivals-shell[data-skin] main details>summary:is(:hover,:focus-visible):not(:where(.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){box-shadow:inset 0 -2px var(--skin-secondary)}
.tokyo-rivals-shell[data-skin] main summary:not(:where(.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *))::after{color:var(--skin-secondary)}
.tokyo-rivals-shell[data-skin] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]),textarea,select):not(:where(.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){
 background:var(--skin-bg-2)!important;color:var(--skin-text)!important;border-color:var(--skin-line)!important;border-radius:var(--skin-control-radius)!important;
 box-shadow:inset 0 2px 8px #0006,inset 0 -1px var(--skin-glow)!important;
}
.tokyo-rivals-shell[data-skin] :is(input,textarea,select):focus:not(:where(.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){
 border-color:var(--skin-primary)!important;box-shadow:inset 0 2px 8px #0006,0 0 0 2px var(--skin-glow)!important;
}
.tokyo-rivals-shell[data-skin] input::placeholder,.tokyo-rivals-shell[data-skin] textarea::placeholder{color:var(--skin-muted);opacity:1}
.tokyo-rivals-shell[data-skin] .collector-form input::file-selector-button{background:var(--skin-control-face);color:var(--skin-text);border-color:var(--skin-primary);border-radius:var(--skin-control-radius)}
.tokyo-rivals-shell[data-skin] :is(button,.btn,.button,.entry,.auth-submit,.device-wheel-track>a):is(:disabled,[aria-disabled="true"]):not(:where(.crossline-cell,.crossline-square,.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)){
 box-shadow:none!important;filter:none!important;transform:none!important;border-style:dashed!important;cursor:not-allowed;opacity:.55;
}
@media(prefers-reduced-motion:reduce){
 .tokyo-rivals-shell[data-skin] :is(button,.button,.entry,.auth-submit,.password-toggle,.hq-avatar-edit,.tabs>a,.collector-tabs>a,.room-link){transition:none!important}
}
@media(forced-colors:active){
 .tokyo-rivals-shell[data-skin] :is(button,.btn,.button,.entry,.auth-submit,.password-toggle,.landing-action,.tabs>a,.collector-tabs>a,.room-link,.device-wheel-track>a,main details>summary,input,textarea,select){background:Canvas!important;color:ButtonText!important;border-color:ButtonText!important;box-shadow:none!important}
 .tokyo-rivals-shell[data-skin] :is(.tabs>a,.collector-tabs>a,.device-wheel-track>a)[aria-current="page"]:not(:where(.staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,.prem-profile-card *,.prem-journal-theme *)),.tokyo-rivals-shell[data-skin] .room-link.active:not(:where(.prem-profile-card *,.prem-journal-theme *)){border-bottom:3px solid Highlight!important}
}
@media(max-width:650px){
 /* Correct the 2-column header grid that stranded SKIN on a third huge tile. */
 .masthead .mast-actions:has(.staff-tool){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}
 .masthead .mast-actions:has(.staff-tool)>*{min-width:0;width:100%}
 .masthead .mast-actions:has(.staff-tool) .mast-tool{min-height:45px;width:100%;padding:5px 4px}
 .skin-picker{position:static;min-width:0}
 .skin-tool{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:0!important;min-width:0}
 .skin-tool>span{display:block!important;font-size:10px}
 .masthead .skin-tool>b{display:block!important;width:100%;min-width:0;max-width:100%;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
 /* 110px fixed bottom wheel remains clear; a swipe can leave the menu. */
 .skin-menu{left:10px;right:10px;top:calc(100% + 4px);bottom:auto;width:auto;max-height:min(570px,calc(100dvh - 245px));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;touch-action:pan-y;padding:9px 9px 15px}
 .tokyo-rivals-shell>.masthead:has(.skin-picker[open]){z-index:110}
 body[data-skin="coil-ward"] .wordmark{font-size:15px}
 body[data-skin="crown-circuit"] .wordmark{letter-spacing:.045em}
}
@media(prefers-reduced-motion:reduce){
 .tokyo-rivals-shell *{scroll-behavior:auto}
 .tokyo-rivals-shell main>:is(section,details),.skin-picker[open] .skin-menu,.tokyo-rivals-shell .city-scan{animation:none!important}
 .tokyo-rivals-shell .city-scan{display:none}
 .tokyo-rivals-shell :is(.btn,.mast-tool,.landing-action,.device-wheel-track>a,.skin-option){transition:none}
 .tokyo-rivals-shell .landing-branch>summary:focus-visible,.tokyo-rivals-shell .landing-subtree a:focus-visible{outline:2px solid var(--skin-secondary);outline-offset:-3px}
.tokyo-rivals-shell .hud-icon{filter:none}
}
@media(forced-colors:active){
 .tokyo-rivals-shell{background:Canvas!important;color:CanvasText}
 .tokyo-rivals-shell :is(.panel,.public-title,.discovery-panel,.entry-console,.landing-hud,.device-wheel-shell,.skin-menu,.skin-option,.masthead,.mast-tool){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}
 .wordmark,a,.eyebrow{color:LinkText!important;text-shadow:none}.skin-swatch,.city-scan{display:none}
}


/* Unique Captain edition: original acorn, red compass and night-voyage materials.
   The authenticated page must set data-captain-gift=1 to use this skin. */
body[data-captain-gift="1"][data-skin="captain-voyage"]{
 --skin-bg:#050710;--skin-bg-2:#0b101c;--skin-panel:#0c1423;--skin-panel-2:#162034;
 --skin-line:#71533d;--skin-line-strong:#f6ce75;--skin-text:#fff7e9;--skin-muted:#d5bb9d;
 --skin-primary:#f3c571;--skin-secondary:#e05a61;--skin-accent:#cfa94a;--skin-success:#a4e4c6;
 --skin-glow:rgba(240,168,65,.22);--skin-grid:rgba(235,185,99,.05);
 --skin-heading:var(--tr-title);
 --skin-radius:9px 3px 9px 3px;--skin-rule:2px solid var(--skin-primary);--skin-reveal:360ms;
 --skin-material:linear-gradient(128deg,#f7d98717 0 2%,transparent 2% 30%,#a53a4114 65%,transparent 80%),linear-gradient(150deg,#1d2638,var(--skin-panel) 45%,#090b15);
 --skin-surface-shadow:inset 0 1px #ffedc42c,inset 0 -2px #ba344729,0 18px 40px #000b;
 --skin-atmosphere:radial-gradient(ellipse at 72% 10%,#8d26312b,transparent 50%),radial-gradient(ellipse at 15% 100%,#f5c36d17,transparent 60%),repeating-linear-gradient(120deg,transparent 0 110px,#ebbf7510 112px 113px,transparent 114px 224px);
 --skin-image-filter:saturate(.94) contrast(1.14);
 /* Signed Captain edition gets its own command faces; do not fall back to
    Core HUD cyan switches when a recipient selects this skin. */
 --skin-control-radius:2px 9px 2px 9px;
 --skin-control-face:
   linear-gradient(90deg,#f3c57160 0 3px,transparent 3px),
   repeating-linear-gradient(130deg,transparent 0 27px,#e8ae6310 28px 29px,transparent 30px 56px),
   linear-gradient(160deg,#413043,#111522 62%,#271927);
 --skin-control-primary:
   linear-gradient(110deg,#f3c57136,transparent 43%,#e05a6124 75%),
   var(--skin-control-face);
 --skin-control-edge:inset 0 1px #f9d9a778,inset 0 -2px #a938519e,0 3px 0 #0008;
 --skin-control-hover:inset 0 1px #fff2d0,inset 0 -2px #dc5067,0 0 15px #f3ba6977;
}
body[data-captain-gift="1"][data-skin="captain-voyage"] .masthead{
 background:linear-gradient(99deg,#0a101f,#151525 55%,#1f1220);
 border-bottom:2px solid #dfb55d;box-shadow:inset 0 -1px #a72b4b,0 9px 30px #0008;
}
body[data-captain-gift="1"][data-skin="captain-voyage"] .masthead::after{
 content:"✧  NORTH // CAPTAIN'S VOYAGE  ✧";position:absolute;right:10px;bottom:1px;
 font:700 7px/1.4 Consolas,monospace;letter-spacing:.12em;color:#ebc57b88;
 pointer-events:none;
}
body[data-captain-gift="1"][data-skin="captain-voyage"] .device-wheel-shell{
 border-top:2px solid #f0c872;
 background:linear-gradient(180deg,#152034ec,#070b15f5);
 box-shadow:inset 0 2px #b3384770,0 -14px 30px #0007;
}
body[data-captain-gift="1"][data-skin="captain-voyage"] .staff-badge.staff-captain{
 color:#ffdb8c;border-color:#f3c571;background:linear-gradient(120deg,#3d2133,#17141f 65%,#522a35);
 box-shadow:inset 0 1px #ffcf8052,0 0 10px #f2b95929;
}
body[data-captain-gift="1"][data-skin="captain-voyage"] .page-title .eyebrow,
body[data-captain-gift="1"][data-skin="captain-voyage"] .device-wheel-readout>span{
 color:#ecc16f;text-shadow:0 0 10px #f3b75e58;
}
.skin-option[data-skin-option="captain-voyage"] .skin-swatch{
 background:linear-gradient(145deg,#efc972 0 28%,#171a30 30% 58%,#e05a61 60% 75%,#0a111f 78%);
 border-color:#ffd28f;
}
.staff-badge.staff-captain .staff-insignia{color:#f2c879;filter:drop-shadow(0 0 4px #eab15c70)}
@media(prefers-reduced-motion:no-preference){
 body[data-captain-gift="1"][data-skin="captain-voyage"] .masthead .edition i{
   animation:captain-beacon 5.5s ease-in-out infinite;
   box-shadow:0 0 12px #f4d184;
 }
 @keyframes captain-beacon{0%,100%{opacity:.5;filter:brightness(.8)}50%{opacity:1;filter:brightness(1.3)}}
}
@media(prefers-reduced-motion:reduce){
 body[data-captain-gift="1"][data-skin="captain-voyage"] .masthead .edition i{animation:none}
}


/* Gifted Captain arrival. These are visible only on the owner's fighter page. */
.captain-gift-reveal{display:grid;grid-template-columns:clamp(100px,14vw,160px) minmax(0,1fr);gap:20px;align-items:center;
  padding:clamp(16px,2.4vw,26px);margin:16px 0 22px;position:relative;isolation:isolate;overflow:hidden;
  background:radial-gradient(ellipse at 6% 15%,#f4ce7e23,transparent 45%),linear-gradient(125deg,#21172b,#090f1e 58%,#241c2c);
  border:2px solid #efc06b;border-radius:12px 3px 12px 3px;color:#fff2de;
  box-shadow:inset 0 1px #ffefcc52,inset 0 -2px #b73a4c8f,0 14px 34px #0007}
.captain-gift-reveal::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:repeating-linear-gradient(125deg,transparent 0 72px,#ddad6320 73px 74px,transparent 75px 148px)}
.captain-gift-reveal .eyebrow{color:#ffcc8d;font-size:11px;letter-spacing:.10em}
.captain-gift-reveal h2{font:800 clamp(20px,3.5vw,33px)/1.18 "TR Crown Display","Arial Narrow",Arial,sans-serif;color:#ffe3ae;margin:5px 0 12px}
.captain-gift-reveal p{font-size:13px;line-height:1.75;margin:6px 0;color:#f3e4da}
.captain-gift-reveal .captain-gift-quote{border-left:2px solid #eaad60;padding-left:12px;color:#f5c7a5;font-style:italic}
.captain-gift-mark{width:100%;aspect-ratio:1;display:grid;place-items:center;border:1px solid #efc16c80;border-radius:50%;
  color:#f9c976;background:radial-gradient(circle at 45% 36%,#8d423b75,#0a1322 75%);box-shadow:inset 0 0 22px #edc36736,0 0 30px #d7954840}
.captain-gift-mark svg{width:84%;height:84%;filter:drop-shadow(0 0 6px #f5bd6850)}
.captain-gift-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px}
.captain-gift-actions>a{min-height:44px;display:inline-flex;align-items:center;border:1px solid #e8b66c;border-radius:4px;color:#fff7e5;padding:9px 12px;background:#5a3543}
.captain-gift-actions>a.secondary{background:#19293a}
.captain-gift-actions>span{font-size:11px;color:#f3cf9c;line-height:1.5}
/* The Voyage finish belongs to the standard profile canvas. Bought Profile
   and Journal materials retain their own surfaces and text animations. */
body.tokyo-rivals-shell[data-captain-gift="1"][data-skin="captain-voyage"]
 :is(.collector-hero,.collector-journal-entry,.collector-signature):not(:where(
 .theme-neon,.theme-noir,.prem-profile-card,.prem-journal-theme,
 .prem-profile-card *,.prem-journal-theme *)){
 border-color:var(--finish-metal)!important;
 background:var(--finish-frame)!important;box-shadow:var(--finish-hud-shadow)!important;
}
body.tokyo-rivals-shell[data-captain-gift="1"][data-skin="captain-voyage"]
 :is(.collector-hero,.collector-journal-entry,.collector-signature):not(:where(
 .theme-neon,.theme-noir,.prem-profile-card,.prem-journal-theme,
 .prem-profile-card *,.prem-journal-theme *))::after{
 content:"✦   EIGHT STARS · ONE VOYAGE   ✦";display:block;position:relative;margin-top:10px;
 font:700 9px/1.3 "TR Terminal Mono",monospace;letter-spacing:.13em;
 text-align:center;color:#f7c27d;pointer-events:none;
}
body.tokyo-rivals-shell[data-captain-gift="1"][data-skin="captain-voyage"]
 .collector-journal-body:not(:where(.prem-profile-card *,.prem-journal-theme *)){
 color:#f5e9d5;border-color:#d8ad704a;background:var(--finish-inset);
}
/* Staff may buy name effects. Never override an active paid name gradient. */
body.tokyo-rivals-shell[data-captain-gift="1"][data-skin="captain-voyage"]
 .staff-name.staff-captain:not(.staff-premium-name){
 color:#ffdc91;text-shadow:0 0 8px #f4b76177;
}
@media(prefers-reduced-motion:no-preference){
  .captain-gift-mark{animation:captain-gold-glint 7s ease-in-out infinite}
  @keyframes captain-gold-glint{0%,100%{box-shadow:inset 0 0 22px #edc36736,0 0 22px #d7954830}50%{box-shadow:inset 0 0 26px #edc36742,0 0 36px #d7954859}}
}
@media(max-width:640px){.captain-gift-reveal{grid-template-columns:1fr}.captain-gift-mark{width:108px;justify-self:center}.captain-gift-actions>a{flex:1 1 140px;justify-content:center}}
@media(prefers-reduced-motion:reduce){.captain-gift-reveal *{animation:none!important;transition:none!important}}
@media(forced-colors:active){.captain-gift-reveal{color:CanvasText!important;background:Canvas!important;border-color:CanvasText!important}.captain-gift-reveal *{color:CanvasText!important}}


/* Original Duck Ogre Sovereign skin. Bound to the accepted one-of-one owner gift. */
body[data-sovereign-gift="1"][data-skin="apex-steel"]{
 --skin-bg:#02060d;--skin-bg-2:#071221;--skin-panel:#0b182b;--skin-panel-2:#102740;
 --skin-line:#5f86ad;--skin-line-strong:#bcd3ef;--skin-text:#edf5ff;--skin-muted:#a7bad4;
 --skin-primary:#288efa;--skin-secondary:#bfd6f4;--skin-accent:#469af4;--skin-success:#7ebeff;
 --skin-glow:rgba(22,117,245,.4);--skin-grid:rgba(99,161,236,.1);
 --skin-heading:var(--tr-title);--skin-radius:3px;--skin-rule:2px solid var(--skin-secondary);
 --skin-reveal:320ms;
 --skin-material:linear-gradient(115deg,transparent 5%,#c8d9fa0e 8%,transparent 13%,transparent 60%,#278dff10 65%,transparent 75%),linear-gradient(160deg,#122b48,#080f1d 47%,#02070e);
 --skin-surface-shadow:inset 0 1px #d9eeff38,inset 0 -2px #1b66b974,0 17px 38px #000b;
 --skin-atmosphere:radial-gradient(ellipse at 84% -5%,#115fb936,transparent 50%),radial-gradient(ellipse at 12% 85%,#d4eaff10,transparent 52%),repeating-linear-gradient(120deg,transparent 0 125px,#bed8ff0a 127px 129px,transparent 130px 260px);
 --skin-image-filter:saturate(.87) contrast(1.17);
}
body[data-sovereign-gift="1"][data-skin="apex-steel"] .masthead{
 background:linear-gradient(104deg,#020816,#0d2544 53%,#020a16);
 border-bottom:2px solid #c1d9fa;box-shadow:inset 0 -1px #2981dd,0 10px 34px #000c;
}
body[data-sovereign-gift="1"][data-skin="apex-steel"] .masthead::after{
 content:"APEX // SOVEREIGN";position:absolute;right:10px;bottom:1px;
 font:700 8px/1.3 "TR Terminal Mono",monospace;letter-spacing:.14em;color:#d6e9ff9b;pointer-events:none;
}
body[data-sovereign-gift="1"][data-skin="apex-steel"] .device-wheel-shell{
 border-top:2px solid #d0e4fb;background:linear-gradient(180deg,#122b4bef,#030916f9);
 box-shadow:inset 0 2px #288af2ad,0 -14px 32px #000b;
}
body[data-sovereign-gift="1"][data-skin="apex-steel"] :is(.panel,.landing-hud,.collector-hero,.collector-journal-entry){
 border-color:#749ecb!important;border-top:1px solid #d8e9ff9a!important;
 box-shadow:inset 0 1px #e8f7ff40,inset 0 -2px #195db64a,0 13px 30px #0008!important;
}
body[data-sovereign-gift="1"][data-skin="apex-steel"] .page-title .eyebrow{
 color:#d0eaff;text-shadow:0 0 12px #2285fb85;
}
body[data-sovereign-gift="1"][data-skin="apex-steel"] :is(.prem-profile-card,.prem-journal-theme){
 --prem-edge:#c7dcf8;--prem-edge2:#358eed;--prem-field:#0e213d;--prem-field2:#132844;
 border-color:#98bcdf!important;
 background:linear-gradient(135deg,#101f38,#050d1a 52%,#123764)!important;
 box-shadow:inset 0 1px #fff5,inset 0 -3px #257fea7d,0 15px 30px #000a!important;
}
body[data-sovereign-gift="1"][data-skin="apex-steel"] :is(.collector-hero,.collector-journal-entry)::after{
 content:"◆   APEX STEEL // DUCK SOVEREIGN   ◆";
 display:block;position:relative;text-align:center;margin-top:9px;
 font:700 9px/1.4 "TR Terminal Mono",monospace;letter-spacing:.1em;color:#9cccff;
}
.skin-option[data-skin-option="apex-steel"] .skin-swatch{
 background:linear-gradient(140deg,#d7e8f9 0 17%,#1256aa 17% 37%,#071222 40% 77%,#469af4 78% 83%,#0b1931 85%);
 border:1px solid #d7e6f9;
}
.staff-badge.staff-sovereign{
 color:#f0f8ff!important;border:1px solid #90bbef!important;
 background:linear-gradient(110deg,#0c2446,#020817 52%,#194d8a)!important;
 box-shadow:inset 0 1px #eef7ff7d,0 0 14px #248bff6a!important;
 letter-spacing:.08em;font-weight:800;
}
.staff-badge.staff-duck-owner .duck-insignia{display:block;width:20px;height:20px;object-fit:contain;filter:drop-shadow(0 0 4px #3198ff)}
.staff-badge.staff-sovereign .duck-insignia{filter:drop-shadow(0 0 5px #3398ff)}
.staff-name.staff-sovereign{color:#e9f5ff!important;text-shadow:0 0 8px #3398f8,0 1px #030918}
.sovereign-gift-reveal{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;gap:16px;margin:15px 0;
 padding:20px;background:radial-gradient(ellipse at 14% 25%,#2599fe20,transparent 55%),linear-gradient(130deg,#0a1a36,#030915 56%,#10294b);
 border:2px solid #c3daf8;border-radius:3px 15px 3px 15px;color:#ecf7ff;box-shadow:inset 0 2px #298af2,0 16px 33px #0009}
.sovereign-gift-mark{background:radial-gradient(circle,#2d7de34d,#030b17 72%);border:1px solid #b5d4f2;border-radius:50%;padding:9px}
.sovereign-gift-mark img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 12px #268aff8f)}
.sovereign-gift-copy .eyebrow{color:#8ebfff;font-size:11px}
.sovereign-gift-copy h2{font:800 clamp(23px,3vw,34px)/1.15 var(--tr-title);color:#fff;margin:4px 0 11px}
.sovereign-gift-copy p{font-size:13px;line-height:1.55;color:#d2e3fb}
.sovereign-gift-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.sovereign-gift-actions .btn{min-height:44px}
.sovereign-gift-actions>span{color:#9fbfe4;font-size:11px}
.gift-receipt-dialog{position:fixed;inset:0;box-sizing:border-box;max-height:min(88dvh,700px);
 width:min(510px,calc(100vw - 28px));max-width:100%;margin:auto;overflow:auto;padding:20px;
 color:#eff7ff;background:linear-gradient(135deg,#132a49,#050c19 64%);border:2px solid #adcaef;
 border-radius:7px;box-shadow:inset 0 1px #eef9ff55,0 21px 60px #000e}
.gift-receipt-dialog::backdrop{background:#020814d9;backdrop-filter:blur(5px)}
.gift-receipt-dialog h2{font:800 25px/1.2 var(--tr-title);margin:6px 0;color:#e5f4ff}
.gift-receipt-dialog p{font-size:13px;line-height:1.55}
.gift-receipt-dialog details{margin:12px 0;border:1px solid #6e96c4;padding:9px 12px}
.gift-receipt-dialog details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.gift-receipt-dialog li{font-size:12px;margin:6px 0;line-height:1.5}
.gift-receipt-form{display:grid;gap:12px}
.gift-receipt-form label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5}
.gift-receipt-form input[type="checkbox"]{width:22px;height:22px;accent-color:#428cff;flex:0 0 auto}
.gift-receipt-form button{min-height:48px;font-size:14px}
.gift-receipt-form input:focus-visible,.gift-receipt-form button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:620px){.sovereign-gift-reveal{grid-template-columns:1fr}.sovereign-gift-mark{width:110px;justify-self:center}.sovereign-gift-actions .btn{flex:1 1 135px}}
@media(prefers-reduced-motion:reduce){body[data-sovereign-gift="1"][data-skin="apex-steel"] *{animation:none!important}}
@media(forced-colors:active){.gift-receipt-dialog,.sovereign-gift-reveal{background:Canvas;border-color:CanvasText;color:CanvasText}.gift-receipt-dialog::backdrop{background:#000}}

/* The earned Captain acorn is visible inside the orange EVENT ADMIN tag
   with any HUD selected; other Event Admins retain the standard shield. */
.staff-badge.staff-captain{color:#ffad59!important;border:1px solid #d97d2c!important;
 background:linear-gradient(110deg,#3c210f,#17121c 68%,#512610)!important;
 box-shadow:inset 0 1px #ffd69855,0 0 9px #ff88202c!important}
.staff-badge.staff-captain .captain-acorn{width:19px;height:19px;color:#ffcf7c;
 stroke-width:1.9;filter:drop-shadow(0 0 3px #ffa54c88)}


/* Shared Skin Finish v2: one layer of genuine materials, eight-bit-free tags
   and bounded motion. Keep the existing routes, fonts, sizing and paid finishes.
   Per-theme custom properties below prevent copy/pasted button/panel rules. */
body[data-skin]{
 --finish-edge:var(--skin-line-strong);--finish-metal:var(--skin-secondary);
 --finish-light:var(--skin-primary);
 --finish-frame:linear-gradient(118deg,#e3f9ff16 0 1px,transparent 2px 38%,
                #9bd5ff09 39% 40%,transparent 41%),
                linear-gradient(160deg,var(--skin-panel-2),var(--skin-panel) 60%,var(--skin-bg));
 --finish-cut:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px));
 --finish-tag-cut:polygon(7px 0,calc(100% - 7px) 0,100% 50%,calc(100% - 7px) 100%,7px 100%,0 50%);
 --finish-hud-shadow:inset 0 1px color-mix(in srgb,var(--finish-edge) 46%,transparent),
                    inset 0 -2px color-mix(in srgb,var(--finish-light) 44%,transparent),
                    0 11px 27px #0009,0 0 18px var(--skin-glow);
 --finish-control:linear-gradient(120deg,transparent 0 11%,
                   color-mix(in srgb,var(--finish-light) 15%,transparent) 13% 15%,
                   transparent 16% 80%,#fff1 81% 82%,transparent 83%),
                   var(--skin-control-primary);
}
/* A distinct material and insignia silhouette for every normal district.
   Crown's established neon-pink circuit look remains the visual benchmark. */
body[data-skin="core"]{
 --finish-metal:#65e8ff;--finish-cut:polygon(0 0,calc(100% - 15px) 0,100% 15px,
   100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}
body[data-skin="coil-ward"]{
 --finish-metal:#f4bb78;--finish-frame:
  repeating-linear-gradient(90deg,transparent 0 39px,#a9d7ed14 40px 41px,transparent 42px 82px),
  linear-gradient(155deg,#122d3a,#091722 62%,#050c11);
 --finish-cut:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);
}
body[data-skin="glass-quay"]{
 --finish-metal:#b0d7ff;--finish-frame:
  linear-gradient(137deg,#d0fff01c 0 12%,transparent 13% 63%,#83dbd51a 64% 65%,transparent 66%),
  linear-gradient(170deg,#16404b,#0b2029 64%,#041219);
 --finish-cut:polygon(0 0,calc(100% - 19px) 0,100% 19px,
    100% calc(100% - 19px),calc(100% - 19px) 100%,0 100%);
}
body[data-skin="furnace-mile"]{
 --finish-metal:#ecad60;--finish-frame:
  radial-gradient(circle at 8px 8px,#f3b76c80 0 1px,#0008 1.5px 2.5px,transparent 3px),
  radial-gradient(circle at calc(100% - 8px) 8px,#f3b76c80 0 1px,#0008 1.5px 2.5px,transparent 3px),
  repeating-linear-gradient(135deg,transparent 0 39px,#d7943b15 40px 41px,transparent 42px 82px),
  linear-gradient(160deg,#432516,#160e0d 72%,#090708);
 --finish-cut:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px));
}
body[data-skin="crown-circuit"]{
 --finish-metal:#ffcc7d;--finish-frame:
  radial-gradient(ellipse at 92% 6%,#ffcc8730,transparent 29%),
  linear-gradient(135deg,transparent 0 44%,#ff78d71a 45% 46%,transparent 47% 80%,#7df7ff10 81% 82%,transparent 83%),
  linear-gradient(140deg,#372040,#12091e 48%,#1e0933);
 --finish-cut:polygon(0 0,calc(100% - 18px) 0,100% 18px,
    100% 100%,18px 100%,0 calc(100% - 18px));
 --finish-hud-shadow:inset 0 1px #ffdbf89c,inset 0 -2px #ff78d773,
                     0 15px 30px #000a,0 0 18px #ff78d740;
}
body[data-captain-gift="1"][data-skin="captain-voyage"]{
 --finish-metal:#e4a96f;--finish-frame:
   repeating-conic-gradient(from 15deg at 84% 24%,transparent 0 20deg,#eab8750d 20deg 21deg,transparent 21deg 40deg),
   linear-gradient(146deg,#3b2030,#171523 48%,#081421);
 --finish-cut:polygon(15px 0,100% 0,100% calc(100% - 15px),
    calc(100% - 15px) 100%,0 100%,0 15px);
 --finish-hud-shadow:inset 0 1px #ffe1b77a,inset 0 -2px #b047619c,
                     0 14px 32px #000a,0 0 16px #e7ae653a;
}
body[data-sovereign-gift="1"][data-skin="apex-steel"]{
 --finish-metal:#c9e5ff;--finish-edge:#deefff;--finish-light:#378fff;
 --finish-frame:
   radial-gradient(ellipse at 9% 6%,#2c9efb47,transparent 40%),
   repeating-linear-gradient(125deg,transparent 0 32px,#8cbaff12 33px 34px,transparent 35px 68px),
   linear-gradient(144deg,#183e69,#030b19 48%,#0e2848 85%,#102d53);
 --finish-cut:polygon(0 0,calc(100% - 19px) 0,100% 19px,
    100% calc(100% - 12px),calc(100% - 12px) 100%,14px 100%,0 calc(100% - 14px));
 --finish-hud-shadow:inset 0 2px #f4fcffc0,inset 0 -3px #2d83ffab,
                     0 16px 37px #000b,0 0 22px #348fff66;
 --skin-control-radius:0 11px 0 11px;
 --skin-control-face:
  linear-gradient(120deg,#daeefe35 0 1px,transparent 2px 73%,#72baff1f 74% 77%,transparent 78%),
  linear-gradient(165deg,#173a65,#04101e 60%,#143b6a);
 --skin-control-primary:
  linear-gradient(90deg,#3a99ff44,transparent 36%),var(--skin-control-face);
 --skin-control-edge:inset 0 2px #d6efffaf,inset 0 -2px #2e93ff7a,0 2px 7px #0008;
 --skin-control-hover:inset 0 2px #fff,inset 0 -3px #4ba9ff,
                      0 0 17px #3a99ff9e;
}
/* Consistent premium depth on existing home/profile panel classes.
   Never touch purchased card skins, preview controls or staff/admin workspace. */
body.tokyo-rivals-shell[data-skin] main
  :is(.fighter-hq-hero,.hq-section,.hq-continue,.alpha-checkin,.collector-hero,.collector-panel):not(:where(.theme-neon,.theme-noir,.prem-profile-card,.prem-journal-theme)){
 background:var(--finish-frame)!important;
 border:1px solid var(--finish-edge)!important;
 box-shadow:var(--finish-hud-shadow)!important;
}
body.tokyo-rivals-shell[data-skin] main .fighter-hq-hero:not(:where(.theme-neon,.theme-noir)){
 border-top:2px solid var(--finish-metal)!important;
 clip-path:var(--finish-cut)!important;overflow:hidden;
}
body.tokyo-rivals-shell[data-skin] .hq-avatar-wrap{
 padding:3px;border:1px solid var(--finish-edge);
 background:linear-gradient(130deg,var(--finish-metal),#10243e 42%,var(--finish-light));
 clip-path:var(--finish-cut);box-shadow:inset 0 0 0 2px #000c,0 0 13px var(--skin-glow)
}
body.tokyo-rivals-shell[data-skin] .hq-avatar{
 box-shadow:none!important;border:0!important;clip-path:var(--finish-cut)!important
}
body.tokyo-rivals-shell[data-skin] .hq-profile-link{
 display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;
 box-sizing:border-box;margin-top:8px;padding:9px 7px;min-height:44px;
 color:var(--skin-text)!important;text-decoration:none!important;
 border:1px solid var(--finish-edge);border-bottom:2px solid var(--finish-metal);
 border-radius:var(--skin-control-radius);
 background:var(--finish-control)!important;
 box-shadow:var(--finish-hud-shadow);
 font-weight:800;text-align:center;line-height:1.2;
}
body.tokyo-rivals-shell[data-skin] .hq-profile-link .apex-cta-insignia{
 display:inline-flex;align-items:center;justify-content:center;flex:none;
 width:20px;height:20px;color:var(--finish-metal);
}
body.tokyo-rivals-shell[data-skin] .hq-profile-link .hud-icon{width:20px;height:20px}
body.tokyo-rivals-shell[data-skin] .hq-profile-link:is(:hover,:focus-visible){
 border-color:var(--skin-primary);
 box-shadow:var(--skin-control-hover);filter:brightness(1.08)
}
body.tokyo-rivals-shell[data-skin] .hq-profile-link:focus-visible{
 outline:2px solid var(--finish-metal);outline-offset:2px
}
body.tokyo-rivals-shell[data-skin] .hq-condition{
 border-color:color-mix(in srgb,var(--finish-edge) 48%,transparent);
 color:var(--skin-text);background:linear-gradient(115deg,#bddfff09,transparent)!important;
}
body.tokyo-rivals-shell[data-skin] .apex-condition-vitals{
 display:grid;align-content:center;gap:2px;width:100%;min-width:0;max-width:175px;
 padding:2px 0 0
}
body.tokyo-rivals-shell[data-skin] .apex-condition-vitals svg{width:100%;height:23px;overflow:hidden}
body.tokyo-rivals-shell[data-skin] .apex-vitals-baseline{
 fill:none;stroke:var(--skin-line);stroke-width:1
}
body.tokyo-rivals-shell[data-skin] .apex-vitals-wave{
 fill:none;stroke:var(--skin-primary);stroke-width:2.1;
 stroke-linecap:round;stroke-linejoin:round;
 stroke-dasharray:none;stroke-dashoffset:0;
 filter:drop-shadow(0 0 3px var(--skin-glow));

}
body.tokyo-rivals-shell[data-skin] .apex-vitals-stream{
 transform-box:view-box;animation:tr-finish-ecg 4s linear infinite
}
@keyframes tr-finish-ecg{
 from{transform:translateX(0)}to{transform:translateX(-100%)}
}
body.tokyo-rivals-shell[data-skin] .apex-vitals-track{
 display:block;height:5px;min-width:0;
 background:var(--skin-bg);border:1px solid var(--skin-line-strong);
 box-shadow:inset 0 2px #0008
}
body.tokyo-rivals-shell[data-skin] .apex-vitals-track i{
 display:block;width:var(--apex-health,0%);height:100%;
 background:linear-gradient(90deg,var(--skin-primary),var(--finish-metal));
 box-shadow:0 0 7px var(--skin-glow)
}
/* Reusable tag cut/shadow rules. Original district, rank, crew and loyalty
   colors remain identifiable, while each skin adds a matching metallic seam. */
body.tokyo-rivals-shell[data-skin] :is(.profile-tags,.collector-tags) .identity-tag{
 box-shadow:inset 0 1px #ffffff4c,inset 0 -2px #050910b0,
            0 0 7px var(--skin-glow);
 border:1px solid var(--tag-edge,var(--skin-line-strong));
}
body.tokyo-rivals-shell[data-skin] .crew-identity-tag{
 --tag-edge:var(--finish-metal);--tag-ink:var(--skin-text);
 --tag-fill:var(--skin-panel-2);letter-spacing:.065em
}
body.tokyo-rivals-shell[data-skin] .crew-identity-tag.crew-tag-heritage{
 --tag-shape:polygon(0 13%,9px 0,calc(100% - 9px) 0,100% 50%,
              calc(100% - 9px) 100%,9px 100%,0 87%);
}
body.tokyo-rivals-shell[data-skin] .crew-identity-tag.crew-tag-vanguard{
 --tag-shape:polygon(8px 0,calc(100% - 14px) 0,100% 50%,
              calc(100% - 14px) 100%,8px 100%,0 50%);
}
body.tokyo-rivals-shell[data-skin] .crew-identity-tag.crew-tag-circuit{
 --tag-shape:polygon(0 0,calc(100% - 10px) 0,100% 10px,
              100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%);
}
body.tokyo-rivals-shell[data-skin] .crew-identity-tag svg{
 color:var(--skin-primary);filter:drop-shadow(0 0 3px var(--skin-glow))
}
body.tokyo-rivals-shell[data-skin] .staff-badge.role-insignia{
 border:1px solid var(--skin-line-strong);
 box-shadow:inset 0 1px #fff8,inset 0 -2px #0008,0 0 10px var(--skin-glow);
}
body[data-sovereign-gift="1"][data-skin="apex-steel"] .staff-badge.staff-duck-owner{
 color:#f4fbff!important;border-color:#cfeaff!important;
 background:linear-gradient(145deg,#174781,#040f22 53%,#2f65a2)!important;
 box-shadow:inset 0 1px #fff8,inset 0 -2px #2882f8,0 0 15px #2b8cff96!important;
 clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))
}
body.tokyo-rivals-shell[data-skin] .staff-badge .duck-insignia{
 filter:drop-shadow(0 0 3px var(--skin-primary))
}
/* Keep forms real and tappable. Existing paid/featured/admin buttons retain
   their specialized styles; primary gameplay buttons gain a subtle glyph. */
body.tokyo-rivals-shell[data-skin] main
  :is(.btn.primary,button.primary):not(:where(.danger,.combat,.premium,
    .staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *)){
 box-shadow:var(--skin-control-edge),inset 0 -2px var(--finish-metal)!important;
 border-color:var(--finish-edge)!important
}
body.tokyo-rivals-shell[data-skin] main
  :is(.btn.primary,button.primary):not(:where(.danger,.combat,.premium,
    .staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *))::before{
 content:"";display:inline-block;width:7px;height:7px;flex:none;margin-right:7px;
 clip-path:var(--finish-glyph-cut,polygon(50% 0,100% 50%,50% 100%,0 50%));
 background:var(--finish-metal);box-shadow:0 0 5px var(--skin-glow)
}
/* Real account-banked Marks. Tight header control; avoid another big promo. */
body.tokyo-rivals-shell[data-skin] .alpha-checkin-summary{flex-wrap:wrap;align-items:center}
body.tokyo-rivals-shell[data-skin] .alpha-checkin-header-right{
 display:flex;align-items:center;gap:6px;flex:none;max-width:100%
}
body.tokyo-rivals-shell[data-skin] .alpha-marks-bank{
 display:inline-flex;align-items:center;gap:6px;min-width:0;
 padding:5px 8px;min-height:35px;max-width:150px;
 border:1px solid var(--finish-edge);border-bottom:2px solid var(--finish-metal);
 border-radius:var(--skin-control-radius);
 background:linear-gradient(110deg,#dbecff0d 0 8%,transparent 9%),
            var(--skin-control-face)!important;
 color:var(--skin-text);box-shadow:var(--skin-control-edge);
 text-decoration:none;box-sizing:border-box
}
body.tokyo-rivals-shell[data-skin] .alpha-marks-bank .hud-icon{
 display:block;flex:none;width:18px;height:18px;color:var(--finish-metal)
}
body.tokyo-rivals-shell[data-skin] .alpha-marks-bank span{display:grid;gap:0;min-width:0}
body.tokyo-rivals-shell[data-skin] .alpha-marks-bank small{
 font:800 8px/1.3 var(--tr-ui,Arial,sans-serif);letter-spacing:.08em;
 color:var(--skin-muted);white-space:nowrap
}
body.tokyo-rivals-shell[data-skin] .alpha-marks-bank b{
 font:900 16px/1 var(--tr-ui,Arial,sans-serif);color:var(--skin-text);
 font-variant-numeric:tabular-nums;text-align:left
}
body.tokyo-rivals-shell[data-skin] .alpha-marks-bank:is(:hover,:focus-visible){
 color:var(--skin-text);border-color:var(--skin-primary);
 box-shadow:var(--skin-control-hover)
}
/* Valid server form choices, not fake UI-only tags. Crew President saves one
   shared style for their whole roster; no price, stat or staff-rank change. */
.crew-tag-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:11px 0}
.crew-tag-choice{display:grid;justify-items:start;gap:8px;min-width:0;padding:9px;
 border:1px solid var(--skin-line);background:var(--skin-panel);box-sizing:border-box}
.crew-tag-choice.selected{border-color:var(--skin-primary);
 box-shadow:inset 0 2px var(--skin-primary),0 0 10px var(--skin-glow)}
.crew-tag-choice .identity-tag{max-width:100%;font-size:9px;overflow-wrap:anywhere}
.crew-tag-choice .btn{min-height:40px;width:100%;white-space:normal;font-size:10px}
.crew-tag-readonly{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.crew-tag-readonly small{color:var(--skin-muted)}
@media(max-width:700px){
 body.tokyo-rivals-shell[data-skin] .hq-condition{
  display:grid;grid-template-columns:auto minmax(70px,1fr) auto;gap:4px 10px;
  text-align:left;padding:7px 2px 0
 }
 body.tokyo-rivals-shell[data-skin] .hq-condition>span:first-child{grid-column:1;grid-row:1}
 body.tokyo-rivals-shell[data-skin] .hq-condition>.apex-condition-vitals{
  grid-column:2;grid-row:1;width:100%;max-width:none
 }
 body.tokyo-rivals-shell[data-skin] .hq-condition>b{grid-column:3;grid-row:1;margin:0}
 body.tokyo-rivals-shell[data-skin] .hq-condition>small{
  grid-column:1/-1;grid-row:2;justify-self:end
 }
 body.tokyo-rivals-shell[data-skin] .hq-condition>.condition-regeneration{grid-row:3;white-space:normal;line-height:1.5}
}
@media(max-width:460px){
 .crew-tag-choices{grid-template-columns:1fr;gap:6px}
 .crew-tag-choice{grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:10px;justify-items:stretch}
 .crew-tag-choice .btn{width:auto;min-width:87px}
 body.tokyo-rivals-shell[data-skin] .alpha-checkin-header-right{
  margin-left:auto;
 }
 body.tokyo-rivals-shell[data-skin] .alpha-marks-bank{min-width:93px}
 body.tokyo-rivals-shell[data-skin] .hq-profile-link{
  padding-inline:5px;font-size:11px;letter-spacing:0
 }
}
@media(max-width:340px){
 body.tokyo-rivals-shell[data-skin] .alpha-checkin-header-right{
  width:100%;justify-content:flex-end
 }
}

/* Skin identity pass: panel silhouette, reading panes, command faces and the
   fixed device frame share one token system. This is cosmetic only: do not
   reset the layout, the player’s paid finishes, role tools, or market fitting. */
body.tokyo-rivals-shell[data-skin]{
 --finish-panel-cut:var(--finish-cut);
 --finish-wheel-cut:var(--finish-cut);
 --finish-button-cut:none;--finish-inset-cut:none;
 --finish-panel-radius:var(--skin-radius);--finish-button-radius:var(--skin-control-radius);
 --finish-inset-radius:var(--skin-radius);
 --finish-inset:linear-gradient(155deg,var(--skin-panel-2),var(--skin-panel) 58%,var(--skin-bg-2));
 --finish-wheel-frame:var(--finish-frame);--finish-header:var(--finish-frame);
 --finish-sigil-a:linear-gradient(90deg,var(--skin-primary),var(--finish-metal),transparent);
 --finish-sigil-b:linear-gradient(90deg,transparent,var(--skin-secondary));
 --finish-sigil-width:48%;--finish-title-width:3px;
 --finish-glyph-cut:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
body.tokyo-rivals-shell[data-skin="core"]{
 --finish-panel-cut:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,10px 100%,0 calc(100% - 10px));
 --finish-button-cut:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));
 --finish-inset-cut:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);
 --finish-inset:linear-gradient(120deg,#6ce9fb18,transparent 36%),linear-gradient(165deg,#142d3b,#071521 70%);
 --finish-sigil-a:linear-gradient(90deg,#65e8ff,#d58cd9,transparent);
}
body.tokyo-rivals-shell[data-skin="coil-ward"]{
 /* Rail signal box: offset steel footing, rectangular switches, amber indexing. */
 --finish-panel-cut:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,9px 100%,9px calc(100% - 8px),0 calc(100% - 8px));
 --finish-wheel-cut:polygon(0 0,100% 0,100% 100%,15px 100%,0 calc(100% - 15px));
 --finish-button-cut:polygon(6px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 6px);
 --finish-inset-cut:none;--finish-panel-radius:0;--finish-button-radius:0;--finish-inset-radius:0;
 --finish-inset:repeating-linear-gradient(0deg,transparent 0 3px,#b9d9e908 3px 4px),linear-gradient(90deg,#edb97120 0 4px,#152c3a 4px,#071722);
 --finish-header:repeating-linear-gradient(90deg,#b2ddf70a 0 23px,transparent 24px 47px),linear-gradient(170deg,#1c3443,#05121a 72%);
 --finish-wheel-frame:linear-gradient(90deg,#e8b7762e 0 5px,transparent 5px),linear-gradient(180deg,#193747,#07131b);
 --finish-sigil-a:repeating-linear-gradient(90deg,#f2ba75 0 25px,#7ddcff 25px 31px,transparent 31px 45px);
 --finish-sigil-b:linear-gradient(90deg,transparent,#f4bb78 55%,#7ddcff);
 --finish-sigil-width:92px;--finish-title-width:5px;
 --finish-glyph-cut:polygon(0 0,100% 0,100% 100%,0 100%);
}
body.tokyo-rivals-shell[data-skin="glass-quay"]{
 /* Sea-glass panes: soft asymmetry and refracted turquoise, not the city HUD. */
 --finish-panel-cut:none;
 --finish-wheel-cut:none;
 --finish-button-cut:none;
 --finish-inset-cut:none;
 --finish-panel-radius:18px 3px 18px 3px;--finish-button-radius:14px 3px 14px 3px;
 --finish-inset-radius:12px 2px 12px 2px;
 --finish-inset:linear-gradient(135deg,#d4fff01b 0 8%,transparent 9% 68%,#98cbff17 69% 70%,transparent 71%),linear-gradient(150deg,#16404a,#071e28 68%);
 --finish-header:linear-gradient(130deg,#d4fff013 0 12%,transparent 13% 80%,#b1d6ff13 82%),linear-gradient(175deg,#1a414c,#04161e);
 --finish-wheel-frame:radial-gradient(ellipse at 80% 0,#c4fff522,transparent 50%),linear-gradient(135deg,#183b45,#061922 65%);
 --finish-sigil-a:linear-gradient(90deg,#d5fff0,#7bdfca 45%,#b1d6ff 72%,transparent);
 --finish-sigil-b:linear-gradient(90deg,transparent,#b1d6ff,#8ef1df);
 --finish-sigil-width:38%;--finish-title-width:4px;
 --finish-glyph-cut:circle(48% at 50% 50%);
}
body.tokyo-rivals-shell[data-skin="furnace-mile"]{
 /* Workshop armor: heavy octagonal cuts, rivets and warm forged copper. */
 --finish-panel-cut:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
 --finish-wheel-cut:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%,0 12px);
 --finish-button-cut:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);
 --finish-inset-cut:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));
 --finish-panel-radius:0;--finish-button-radius:0;--finish-inset-radius:0;
 --finish-inset:radial-gradient(circle at 8px 8px,#ffd29298 0 1px,#000b 1.5px 2px,transparent 2.5px),linear-gradient(165deg,#53301d,#25150e 65%);
 --finish-header:repeating-linear-gradient(130deg,transparent 0 31px,#f2ad6413 32px 33px,transparent 34px 65px),linear-gradient(160deg,#3b2218,#100b0a 70%);
 --finish-wheel-frame:linear-gradient(180deg,#664029,#24130c 50%,#110a07);
 --finish-sigil-a:repeating-linear-gradient(90deg,#ffbd79 0 13px,#643920 13px 18px,#f0a55a 18px 21px);
 --finish-sigil-b:linear-gradient(90deg,transparent,#ffb577 72%,#f3dcb0);
 --finish-sigil-width:68px;--finish-title-width:5px;
 --finish-glyph-cut:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);
}
body.tokyo-rivals-shell[data-skin="crown-circuit"]{
 /* Palace signage: stepped marquee geometry and cyan/pink tracery. */
 --finish-panel-cut:polygon(0 0,calc(100% - 18px) 0,calc(100% - 18px) 8px,100% 8px,100% 100%,18px 100%,18px calc(100% - 8px),0 calc(100% - 8px));
 --finish-wheel-cut:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
 --finish-button-cut:polygon(0 0,calc(100% - 11px) 0,calc(100% - 11px) 5px,100% 5px,100% 100%,9px 100%,9px calc(100% - 5px),0 calc(100% - 5px));
 --finish-inset-cut:none;--finish-panel-radius:0;--finish-button-radius:0;--finish-inset-radius:2px 12px 2px 12px;
 --finish-inset:linear-gradient(125deg,#ff78d71b 0 8%,transparent 9% 72%,#7df7ff16 73% 74%,transparent 75%),linear-gradient(140deg,#341c3d,#130c22 70%);
 --finish-header:linear-gradient(110deg,#ff78d71e,transparent 35%,#7df7ff12 81%),linear-gradient(140deg,#31183c,#0b0615);
 --finish-wheel-frame:linear-gradient(115deg,#ff78d720,transparent 25%,#7df7ff12 75%),linear-gradient(145deg,#301938,#10091c);
 --finish-sigil-a:linear-gradient(90deg,#ff78d7 0 38%,#ffe6fb 38% 43%,#7df7ff 43% 67%,transparent);
 --finish-sigil-b:linear-gradient(90deg,transparent,#7df7ff 50%,#ff78d7);
 --finish-sigil-width:58%;--finish-title-width:4px;
 --finish-glyph-cut:polygon(50% 0,63% 35%,100% 50%,63% 65%,50% 100%,37% 65%,0 50%,37% 35%);
}
body.tokyo-rivals-shell[data-captain-gift="1"][data-skin="captain-voyage"]{
 /* Captain's own navigational panels, with gold/red nautical seams. */
 --finish-panel-cut:polygon(15px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 15px);
 --finish-wheel-cut:polygon(16px 0,100% 0,100% 100%,0 100%,0 16px);
 --finish-button-cut:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);
 --finish-inset-cut:none;--finish-panel-radius:0;--finish-button-radius:2px 8px 2px 8px;--finish-inset-radius:8px 2px 8px 2px;
 --finish-inset:repeating-linear-gradient(125deg,transparent 0 42px,#deae6810 43px 44px,transparent 45px 86px),linear-gradient(155deg,#332239,#121725 72%);
 --finish-header:linear-gradient(118deg,#e8b76c24,transparent 34%,#a7354930),linear-gradient(160deg,#17263a,#140e1b);
 --finish-wheel-frame:linear-gradient(180deg,#1a2b40,#0a1120 62%,#251421);
 --finish-sigil-a:linear-gradient(90deg,#f3c571,#e05a61 48%,transparent);
 --finish-sigil-b:linear-gradient(90deg,transparent,#e05a61,#f3c571);
 --finish-sigil-width:43%;--finish-title-width:4px;
 --finish-glyph-cut:polygon(50% 0,100% 50%,50% 100%,0 50%);
}
body.tokyo-rivals-shell[data-sovereign-gift="1"][data-skin="apex-steel"]{
 /* Owner's armored cobalt: double-beveled steel, never a Crown recolor. */
 --finish-panel-cut:polygon(0 0,calc(100% - 19px) 0,100% 19px,100% calc(100% - 11px),calc(100% - 11px) 100%,18px 100%,0 calc(100% - 18px));
 --finish-wheel-cut:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,11px 100%,0 calc(100% - 11px));
 --finish-button-cut:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px));
 --finish-inset-cut:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
 --finish-panel-radius:0;--finish-button-radius:0;--finish-inset-radius:0;
 --finish-inset:linear-gradient(130deg,#ecf8ff1d 0 1px,transparent 2px 75%,#2d88fa27 76% 78%,transparent 79%),linear-gradient(150deg,#1d4778,#071527 70%);
 --finish-header:linear-gradient(105deg,#e4f5ff1b 0 1%,transparent 2% 65%,#358bfa24 66%),linear-gradient(155deg,#112c50,#030918 65%);
 --finish-wheel-frame:linear-gradient(112deg,#e5f7ff13,transparent 26%,#2e86fc29 84%),linear-gradient(150deg,#143560,#030a19);
 --finish-sigil-a:linear-gradient(90deg,#e0f2ff 0 27%,#288efa 27% 61%,transparent);
 --finish-sigil-b:linear-gradient(90deg,transparent,#398df3 55%,#eaf7ff);
 --finish-sigil-width:40%;--finish-title-width:5px;
 --finish-glyph-cut:polygon(0 0,100% 0,58% 100%);
}
/* Extend the frame treatment to ordinary modules which were still showing
   their original Core HUD paint. Never style paid profile/journal materials. */
body.tokyo-rivals-shell[data-skin] main
 :is(.panel,.map-panel,.opponent-panel,.fighter-hq-hero,.hq-section,.hq-continue,
 .alpha-checkin,.collector-panel,.collector-hero,.collector-journal-entry,.crew-banner,
 .travel-route-terminal,.transport-browser,.training-status,.training-goal-panel,
 .work-head,.clinic-head,.comms-terminal-head,.comms-workspace-panel,.comms-presence-panel,
 .fight-terminal-head,.fight-prep-console,.fight-dual-console,.pvp-hub-head,.pvp-battle-head):not(:where(.theme-neon,.theme-noir,.prem-profile-card,.prem-journal-theme,
 .staff-command *,.admin-control-workspace *,.admin-console *,.mod-console *,
 .staff-data-workspace *,.event-workspace *,.event-studio *,.static-market *,.premium-market *)){
 background:var(--finish-frame)!important;border-color:var(--finish-edge)!important;
 border-radius:var(--finish-panel-radius)!important;box-shadow:var(--finish-hud-shadow)!important;
}
body.tokyo-rivals-shell[data-skin] main
 :is(.panel,.map-panel,.opponent-panel,.fighter-hq-hero,.crew-banner):not(:where(.theme-neon,.theme-noir,.staff-command *,.admin-console *,.mod-console *,
 .event-workspace *,.event-studio *,.admin-control-workspace *,.premium-market *)){
 clip-path:var(--finish-panel-cut)!important;
}
body.tokyo-rivals-shell[data-skin] :is(.panel,.map-panel,.opponent-panel)::before{
 width:var(--finish-sigil-width);height:2px;
 background:var(--finish-sigil-a)!important;
}
body.tokyo-rivals-shell[data-skin] :is(.panel,.map-panel,.opponent-panel)::after{
 width:30%;background:var(--finish-sigil-b)!important;
}
body.tokyo-rivals-shell[data-skin] .collector-hero:not(:is(.theme-neon,.theme-noir))::before{
 background:var(--finish-sigil-a)!important;height:2px!important;
}
body.tokyo-rivals-shell[data-skin] .page-title::before{
 width:var(--finish-title-width);background:var(--finish-sigil-a)!important;
}
body.tokyo-rivals-shell[data-skin] .masthead{
 background:var(--finish-header)!important;border-bottom:2px solid var(--finish-metal)!important;
 box-shadow:var(--finish-hud-shadow)!important;
}
body.tokyo-rivals-shell[data-skin] .device-wheel-shell{
 background:var(--finish-wheel-frame)!important;border-color:var(--finish-edge)!important;
 border-radius:var(--finish-panel-radius)!important;clip-path:var(--finish-wheel-cut)!important;
 box-shadow:var(--finish-hud-shadow)!important;
}
body.tokyo-rivals-shell[data-skin] :is(.device-wheel-readout,.collector-panel>header,.collector-owner-strip){
 color:var(--skin-text)!important;background:var(--finish-inset)!important;
 border-color:var(--skin-line)!important;
}
body.tokyo-rivals-shell[data-skin] :is(.device-wheel-readout,.device-wheel-arrow){
 border-color:var(--finish-edge)!important;
}
body.tokyo-rivals-shell[data-skin] .collector-hub{
 --collector-ink:var(--skin-text);--collector-muted:var(--skin-muted);
 --collector-cyan:var(--skin-primary);--collector-violet:var(--skin-secondary);
 --collector-line:var(--skin-line);
}
body.tokyo-rivals-shell[data-skin] main
 :is(.device-status-deck>a,.hq-resource-strip>div,.hq-quick-actions a,
 .collector-tabs>a,.collector-hub details,.crew-tag-choice,.training-slot-row,
 .route-row,.transport-row,.slot,.move,.menu-row,.room-link):not(:where(.active,.selected,[aria-current="page"],.prem-profile-card *,
 .prem-journal-theme *,.premium-market *,.staff-command *,.admin-control-workspace *,
 .admin-console *,.mod-console *,.event-workspace *,.event-studio *)){
 background:var(--finish-inset)!important;border-color:var(--skin-line)!important;
 border-radius:var(--finish-inset-radius)!important;box-shadow:inset 0 1px var(--skin-glow),0 4px 13px #0005!important;
}
body.tokyo-rivals-shell[data-skin] main
 :is(.device-status-deck>a,.hq-quick-actions a,.collector-tabs>a,.crew-tag-choice,.menu-row){
 clip-path:var(--finish-inset-cut)!important;
}
body.tokyo-rivals-shell[data-skin] main
 :is(.hq-profile-link,.alpha-marks-bank,.btn,.button,button):not(:where(
 .crossline-cell,.crossline-square,.hud-carousel-dot,.skin-option,.staff-tool,
 .danger,.combat,.premium,.success,[class*="style-"],
 .staff-command *,.event-workspace *,.event-studio *,.admin-control-workspace *,
 .admin-console *,.mod-console *,.premium-market *,.market-showroom *,.gift-receipt-dialog *,
 .prem-profile-card *,.prem-journal-theme *)){
 clip-path:var(--finish-button-cut)!important;border-radius:var(--finish-button-radius)!important;
}
/* One-of-one Captain badge wears its own orange, red and gold insignia
   over any viewer's selected skin. Only server-provided staff-captain gets it. */
body.tokyo-rivals-shell[data-skin] .staff-badge.staff-captain.role-insignia{
 color:#ffe8b7!important;border:1px solid #e8b96c!important;
 background:linear-gradient(125deg,#713728,#211621 53%,#53233a)!important;
 box-shadow:inset 0 1px #ffe4a069,inset 0 -2px var(--skin-primary),
            0 0 10px #e39e4e59!important;
 clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));
}
body.tokyo-rivals-shell[data-skin] .staff-badge.staff-captain .captain-acorn{
 display:block;width:19px;height:19px;flex:none;color:#ffe0a0;
 fill:none;stroke:currentColor;stroke-width:1.8;
 filter:drop-shadow(0 0 3px #f8a65585);
}

/* Owner-only ADMIN badge: flat-billed duck silhouette with realistic body-to-head
   balance, a single bevelled wing, and no oversized head or dangling torso. */
body.tokyo-rivals-shell[data-skin] .staff-badge.staff-duck-owner .duck-insignia{
 display:block;width:20px;height:20px;flex:none;fill:none;stroke:#eaf5ff;
 stroke-linecap:round;stroke-linejoin:round;
 filter:drop-shadow(0 0 2px #499fff);
}
body.tokyo-rivals-shell[data-skin] .staff-badge.staff-duck-owner .duck-insignia .duck-body{
 fill:#102d4e;stroke:#eaf5ff;stroke-width:1.3;
}
body.tokyo-rivals-shell[data-skin] .staff-badge.staff-duck-owner .duck-insignia .duck-wing{
 fill:#266ea9;stroke:#95cfff;stroke-width:1;
}
body.tokyo-rivals-shell[data-skin] .staff-badge.staff-duck-owner .duck-insignia .duck-beak{
 fill:#459aff;stroke:#eaf5ff;stroke-width:1.1;
}
body.tokyo-rivals-shell[data-skin] .staff-badge.staff-duck-owner .duck-insignia .duck-eye{
 fill:#eaf9ff;stroke:none;
}
@media(forced-colors:active){
 body.tokyo-rivals-shell[data-skin] .staff-badge.staff-captain.role-insignia{
  color:CanvasText!important;background:Canvas!important;border-color:CanvasText!important;
  box-shadow:none!important;clip-path:none!important
 }
 body.tokyo-rivals-shell[data-skin] .staff-badge.staff-captain .captain-acorn{
  color:CanvasText!important;filter:none!important
 }
 body.tokyo-rivals-shell[data-skin] :is(.masthead,.device-wheel-shell,.device-wheel-readout,
 .panel,.map-panel,.opponent-panel,.fighter-hq-hero,.collector-panel,.collector-hero,
 .collector-owner-strip,.collector-panel>header,.hq-section,.hq-continue,.crew-banner,
 .device-status-deck>a,.collector-tabs>a,.crew-tag-choice,.hq-profile-link,.alpha-marks-bank){
  background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;
  box-shadow:none!important;clip-path:none!important
 }
 body.tokyo-rivals-shell[data-skin] :is(.panel,.map-panel,.opponent-panel)::before,
 body.tokyo-rivals-shell[data-skin] :is(.panel,.map-panel,.opponent-panel)::after{display:none!important}
}

@media(prefers-reduced-motion:reduce){
 body.tokyo-rivals-shell[data-skin] .apex-vitals-stream{animation:none}
 body.tokyo-rivals-shell[data-skin] .apex-vitals-wave{
  animation:none;stroke-dashoffset:0
 }
}
@media(forced-colors:active){
 body.tokyo-rivals-shell[data-skin] :is(.fighter-hq-hero,.hq-profile-link,.alpha-marks-bank,.crew-tag-choice){
  border-color:CanvasText!important;box-shadow:none!important;
  background:Canvas!important;color:CanvasText!important
 }
 body.tokyo-rivals-shell[data-skin] .apex-vitals-stream{animation:none}
 body.tokyo-rivals-shell[data-skin] .apex-vitals-wave{
  animation:none;stroke-dashoffset:0;stroke:CanvasText
 }
}

/* Sakura Paper is a purchased HUD material, separate from personal card finishes.
   Only the authenticated ownership flag and selected skin enable this palette. */
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"],
.market-skin-preview[data-fit-skin="sakura-paper"]{
 --skin-bg:#120c15;--skin-bg-2:#211622;--skin-panel:#302033;--skin-panel-2:#492637;
 --skin-line:#96617d;--skin-line-strong:#ffc0d9;--skin-text:#fff1ed;--skin-muted:#d3b5c2;
 --skin-primary:#ffa5c9;--skin-secondary:#ffe5c2;--skin-accent:#efbd85;--skin-success:#a6e2c7;
 --skin-glow:rgba(255,165,201,.15);--skin-grid:transparent;
 --skin-heading:var(--tr-title);--skin-radius:16px 4px 16px 4px;
 --skin-rule:2px solid var(--skin-primary);--skin-reveal:240ms;
 --skin-image-filter:saturate(.88) contrast(1.04);
 --skin-material:linear-gradient(130deg,#ffe5c214 0 1px,transparent 2px 72%,#ffa5c910 73% 74%,transparent 75%),linear-gradient(155deg,#492637,#302033 58%,#211622);
 --skin-surface-shadow:inset 0 1px #ffe5c25c,inset 0 -2px #a35b7b55,0 12px 30px #0008;
 --skin-atmosphere:radial-gradient(ellipse at 8% 0,#b15b8035,transparent 48%),radial-gradient(ellipse at 95% 70%,#c5a08414,transparent 52%),linear-gradient(130deg,transparent 0 65%,#ffa5c908 65.1% 65.2%,transparent 65.3%);
 --skin-control-radius:12px 3px 12px 3px;
 --skin-control-face:linear-gradient(165deg,#ffe5c215,transparent 35%),linear-gradient(150deg,#4a2b40,#2a1c2e 72%);
 --skin-control-primary:linear-gradient(110deg,#ffacd936,transparent 65%),var(--skin-control-face);
 --skin-control-edge:inset 0 1px #ffe5c269,inset 0 -2px #bd72985c,0 3px 0 #100b1499;
 --skin-control-hover:inset 0 1px #ffe5c2,inset 0 -2px #ffa5c9,0 3px 0 #100b1499,0 0 12px #ffa5c92b;
 --finish-edge:#dc91b3;--finish-metal:#ffe5c2;--finish-light:#ffa5c9;
 --finish-frame:linear-gradient(135deg,#ffe5c20e 0 2%,transparent 2.2% 76%,#ffa5c911 76.2% 77%,transparent 77.2%),linear-gradient(155deg,#492637,#302033 60%,#211622);
 --finish-hud-shadow:inset 0 1px #ffe5c263,inset 0 -2px #b76b8b66,0 12px 30px #0009;
 --finish-cut:none;--finish-panel-cut:none;--finish-wheel-cut:none;
 --finish-button-cut:none;--finish-inset-cut:none;
 --finish-panel-radius:16px 4px 16px 4px;--finish-button-radius:12px 3px 12px 3px;
 --finish-inset-radius:10px 3px 10px 3px;
 --finish-inset:linear-gradient(135deg,#ffe5c209,transparent 45%),linear-gradient(155deg,#352836,#211622 75%);
 --finish-header:linear-gradient(116deg,#ffe5c20d 0 14%,transparent 14.2% 78%,#ffa5c91f 78.2% 79%,transparent 79.2%),linear-gradient(145deg,#542c43,#211622 72%);
 --finish-wheel-frame:linear-gradient(0deg,#ffa5c914,transparent 60%),linear-gradient(150deg,#492637,#211622 70%);
 --finish-sigil-a:linear-gradient(90deg,#ffa5c9,#ffe5c2 38%,#bd7298 70%,transparent);
 --finish-sigil-b:linear-gradient(90deg,transparent,#ffa5c9);
 --finish-sigil-width:42%;--finish-title-width:3px;
 --finish-glyph-cut:polygon(50% 8%,66% 0,91% 18%,100% 43%,85% 75%,50% 100%,15% 75%,0 43%,9% 18%,34% 0);
 /* Legacy reading modules use neutral tokens; health and role colors keep theirs. */
 --ink:var(--skin-bg);--panel:var(--skin-panel);--raised:var(--skin-panel-2);
 --line:var(--skin-line);--text:var(--skin-text);--muted:var(--skin-muted);
 --hud-glass:#302033ed;--hud-deep:#211622f5;--hud-line:#96617d;
}
/* The fitting room paints a sample device without changing the account's HUD. */
.market-skin-preview[data-fit-skin]{
 min-width:0;max-width:100%;padding:10px;border:1px solid var(--finish-edge);
 border-radius:var(--finish-panel-radius);background:var(--skin-bg);
 color:var(--skin-text);box-shadow:var(--finish-hud-shadow);overflow-wrap:anywhere;
}
.market-skin-preview[data-fit-skin]>header{
 display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:10px;
 background:var(--finish-header);border-bottom:2px solid var(--finish-metal);
 border-radius:10px 2px 0 0;color:var(--skin-primary);font:800 12px/1.4 var(--skin-heading);
}
.market-skin-preview[data-fit-skin] nav{
 display:flex;flex-wrap:wrap;gap:6px;padding:9px 0;
}
.market-skin-preview[data-fit-skin] nav span{
 padding:5px 9px;border:1px solid var(--skin-line);border-radius:var(--skin-control-radius);
 background:var(--skin-control-face);color:var(--skin-text);font-size:11px;
}
.market-skin-preview[data-fit-skin] .market-skin-preview-panel{
 position:relative;padding:14px;border:1px solid var(--finish-edge);
 border-radius:var(--finish-panel-radius);background:var(--finish-frame);
 color:var(--skin-text);box-shadow:var(--skin-surface-shadow);
}
.market-skin-preview[data-fit-skin] .market-skin-preview-panel :is(p,small){
 color:var(--skin-muted);font-size:12px;line-height:1.6;
}
.market-skin-preview[data-fit-skin] .market-skin-preview-wheel{
 display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;
 margin-top:10px;padding:9px;border:1px solid var(--finish-edge);border-top:2px solid var(--finish-metal);
 border-radius:var(--skin-control-radius);background:var(--finish-wheel-frame);
 color:var(--skin-primary);font:800 10px/1.5 var(--skin-heading);text-align:center;
}
.market-skin-preview[data-fit-skin] .market-skin-preview-wheel>span{
 position:static;display:flex;align-items:center;justify-content:center;flex:1 1 45px;min-width:0;min-height:44px;
 padding:7px 5px;border:1px solid var(--skin-line);border-radius:var(--skin-control-radius);
 background:var(--skin-control-face);color:var(--skin-text);font:800 10px/1.4 var(--tr-ui,Arial,sans-serif);
}
/* A single five-petal seal sits on the panel edge, outside the reading pane. */
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] main
 :is(.panel,.map-panel,.opponent-panel):not(:where(.prem-profile-card,.prem-journal-theme,
 .prem-profile-card *,.prem-journal-theme *,.staff-command *,.admin-control-workspace *,
 .admin-console *,.mod-console *,.event-workspace *,.event-studio *,.premium-market *))::after,
.market-skin-preview[data-fit-skin="sakura-paper"] .market-skin-preview-panel::after{
 content:"";position:absolute;top:3px;right:7px;bottom:auto;left:auto;
 width:26px;height:26px;pointer-events:none;opacity:.65;
 background:radial-gradient(ellipse 4px 7px at 50% 26%,#ffa5c9 90%,transparent 100%),
 radial-gradient(ellipse 6px 4px at 76% 44%,#ffd0e1 90%,transparent 100%),
 radial-gradient(ellipse 4px 6px at 66% 73%,#ffa5c9 90%,transparent 100%),
 radial-gradient(ellipse 4px 6px at 34% 73%,#ffd0e1 90%,transparent 100%),
 radial-gradient(ellipse 6px 4px at 24% 44%,#ffa5c9 90%,transparent 100%),
 radial-gradient(circle 3px at 50% 50%,#ffe5c2 90%,transparent 100%)!important;
}
/* Opaque menus and conversation panes carry the material without decorating text. */
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.room-chat,.messages-page,.direct-dialog){
 --message-line:var(--skin-line);--message-surface:var(--skin-panel);
 border-color:var(--skin-line)!important;background:var(--skin-panel)!important;
 color:var(--skin-text);box-shadow:var(--skin-surface-shadow);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.room-chat-top,.messages-top,.direct-dialog-bar,.direct-heading){
 background:var(--finish-inset);border-color:var(--skin-line);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.room-directory,.dm-directory,.mail-directory,.room-terminal,.im-window,.mail-terminal,
 .people-here,.chat-transcript,.im-transcript,.direct-transcript,.mail-letter,.chat-send-form,
 .comms-live-status,.comms-status-strip>div,.direct-options>div,.message-person-menu>nav){
 background:var(--skin-bg-2)!important;border-color:var(--skin-line)!important;color:var(--skin-text);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.chat-message-panel,.im-message-panel):not(:where(.room-chat *,.direct-transcript *)){
 background:var(--finish-inset)!important;border-color:var(--skin-line)!important;
 clip-path:none;border-radius:var(--finish-inset-radius);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.messages-navigation [aria-current],.message-unread,.room-inbox-link span){
 background:#60394f;color:var(--skin-text);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.chat-message-panel,.im-message-panel)>p{color:var(--skin-text)}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.chat-message-panel,.im-message-panel) time{color:var(--skin-muted)}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] dialog{
 border-color:var(--finish-edge);background:var(--skin-panel);color:var(--skin-text);
 box-shadow:var(--finish-hud-shadow);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] dialog::backdrop{
 background:#120c15d9;
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.skin-menu-heading button,.header-directory a,.menu-row,.mail-row,.direct-tools>a,
 .direct-options>summary,.message-person-menu nav a,.direct-catchup){min-height:44px!important}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.direct-catchup,.room-chat-catchup){background:var(--skin-panel)!important;border-color:var(--skin-primary)!important;color:var(--skin-text)!important}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.skin-menu,.header-directory,.room-chat-menu-panel,.direct-options>div){
 box-shadow:0 18px 42px #100b14cc,inset 0 2px var(--skin-primary);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(a,button,summary,input,textarea,select):focus-visible{outline-color:var(--skin-secondary)}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.prem-profile-card.prem-theme-sakura,.prem-journal-theme.prem-theme-sakura){
 background:var(--finish-frame)!important;border-color:var(--finish-edge)!important;color:var(--skin-text);
}
/* Fighter readouts and the Sakura card's own reading panes share the paper.
   Other purchased finishes and all personal name effects retain their paint. */
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .hq-stats-primary{
 background:var(--finish-frame)!important;border-color:var(--finish-edge)!important;
 color:var(--skin-text);border-radius:var(--finish-panel-radius);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .hq-stats-primary .hq-stat,
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .prem-theme-sakura .hq-profile-overview-grid>div,
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .prem-theme-sakura .collector-journal-body{
 background:var(--finish-inset)!important;border-color:var(--skin-line)!important;
 color:var(--skin-text)!important;border-radius:var(--finish-inset-radius);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.hq-stats-primary-head span,.hq-stats-primary .hq-stat-heading>span){color:var(--skin-primary)}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.hq-stats-primary-head h3,.hq-stats-primary .hq-stat-heading>b,
 .prem-theme-sakura .hq-profile-overview-grid>div>strong){color:var(--skin-text)}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.hq-stats-primary-head small,.hq-stats-primary .hq-stat small,
 .prem-theme-sakura .hq-profile-overview-grid>div>p){color:var(--skin-muted)}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .prem-theme-sakura>header{
 background:var(--finish-inset)!important;border-color:var(--skin-line)!important;color:var(--skin-text);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .hq-stats-primary-head>a,
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .prem-theme-sakura .hq-profile-overview-links>a,
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .prem-theme-sakura .btn:not(:where(.danger,.combat,.premium,.success,[class*="style-"])){
 min-height:44px;background:var(--skin-control-face)!important;color:var(--skin-text)!important;
 border-color:var(--skin-line)!important;border-radius:var(--skin-control-radius)!important;
 clip-path:none!important;box-shadow:var(--skin-control-edge)!important;
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .hq-stats-primary .hq-stat progress{
 background:var(--skin-bg-2);accent-color:var(--skin-primary);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .hq-stats-primary .hq-stat progress::-webkit-progress-bar{
 background:var(--skin-bg-2);
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .hq-stats-primary .hq-stat progress::-webkit-progress-value{
 background:linear-gradient(90deg,var(--skin-primary),var(--skin-secondary));
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .hq-stats-primary .hq-stat progress::-moz-progress-bar{
 background:linear-gradient(90deg,var(--skin-primary),var(--skin-secondary));
}
/* Preview art is available in the picker; it never enables an unowned HUD. */
.skin-option[data-skin-option="sakura-paper"]{--option-a:#ffa5c9;--option-b:#492637}
.skin-option[data-skin-option="sakura-paper"] .skin-swatch{
 border-radius:12px 2px 12px 2px;border-color:#ffe5c2;
 background:linear-gradient(135deg,#ffe5c22b 0 15%,transparent 16% 75%,#ffa5c977 76% 79%,transparent 80%),linear-gradient(155deg,#78435e,#302033);
}
@media(prefers-reduced-motion:reduce){
 body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.masthead,.device-wheel-shell,.room-chat,.messages-page,.direct-dialog){animation:none!important;transition:none!important}
}
@media(forced-colors:active){
 body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"],
 .market-skin-preview[data-fit-skin="sakura-paper"]{
  --skin-bg:Canvas;--skin-bg-2:Canvas;--skin-panel:Canvas;--skin-panel-2:Canvas;
  --skin-text:CanvasText;--skin-muted:CanvasText;--skin-primary:LinkText;
  --skin-secondary:Highlight;--skin-line:CanvasText;--skin-line-strong:CanvasText;
  --finish-edge:CanvasText;--finish-metal:CanvasText;
 }
 body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(dialog,.room-chat,.messages-page,.direct-dialog,.direct-dialog-bar,.direct-heading,
 .room-directory,.dm-directory,.mail-directory,.room-terminal,.im-window,.mail-terminal,
 .people-here,.chat-transcript,.im-transcript,.direct-transcript,.mail-letter,.chat-send-form,
 .comms-live-status,.comms-status-strip>div,.direct-options>div,.message-person-menu>nav,
 .chat-message-panel,.im-message-panel,.direct-catchup,.room-chat-catchup,.skin-menu,.header-directory){
  background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;
 }
 body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]
 :is(.prem-profile-card.prem-theme-sakura,.prem-journal-theme.prem-theme-sakura,
 .hq-stats-primary,.hq-stats-primary .hq-stat,.hq-stats-primary-head>a,
 .prem-theme-sakura>header,.prem-theme-sakura .hq-profile-overview-grid>div,
 .prem-theme-sakura .hq-profile-overview-links>a,.prem-theme-sakura .btn,
 .prem-theme-sakura .collector-journal-body){
  background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;
 }
 body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] main
 :is(.panel,.map-panel,.opponent-panel)::after{display:none!important}
 .market-skin-preview[data-fit-skin="sakura-paper"],
 .market-skin-preview[data-fit-skin="sakura-paper"] :is(header,nav span,.market-skin-preview-panel,.market-skin-preview-wheel){
  background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;
 }
 .market-skin-preview[data-fit-skin="sakura-paper"] .market-skin-preview-panel::after{display:none!important}
}

/* Halloween: ink lacquer, lantern copper and violet seams. The artwork is
   original vector paint on the control edge, never an interactive overlay. */
body.tokyo-rivals-shell[data-halloween-skin="1"][data-skin="halloween"],
.market-skin-preview[data-fit-skin="halloween"]{
 --skin-bg:#0c0911;--skin-bg-2:#17121f;--skin-panel:#251b30;--skin-panel-2:#35243b;
 --skin-line:#997151;--skin-line-strong:#ffc18a;--skin-text:#fff2e4;--skin-muted:#d2b9ce;
 --skin-primary:#ffb775;--skin-secondary:#d9b2ff;--skin-accent:#ffc78b;--skin-success:#a7dfbf;
 --skin-glow:#ff994c26;--skin-grid:transparent;--skin-heading:var(--tr-title);
 --skin-radius:8px 3px;--skin-rule:2px solid var(--skin-primary);--skin-reveal:210ms;
 --skin-image-filter:saturate(.85) contrast(1.08);
 --skin-material:linear-gradient(135deg,#ffb77512,transparent 40%),linear-gradient(155deg,#35243b,#251b30 58%,#17121f);
 --skin-surface-shadow:inset 0 1px #ffdcad45,inset 0 -2px #9a6cbe66,0 12px 30px #0009;
 --skin-atmosphere:radial-gradient(ellipse at 10% 0,#d0783826,transparent 47%),radial-gradient(ellipse at 90% 60%,#9860c31c,transparent 50%);
 --skin-control-radius:8px 2px;--skin-control-face:linear-gradient(155deg,#493044,#211828 70%);
 --skin-control-primary:linear-gradient(110deg,#ffac5933,transparent 60%),var(--skin-control-face);
 --skin-control-edge:inset 0 1px #ffd8ab77,inset 0 -2px #a57bd477,0 3px 0 #0008;
 --skin-control-hover:inset 0 1px #ffe2c1,inset 0 -2px #d9b2ff,0 0 12px #ff994c33;
 --finish-edge:#bf8b6a;--finish-metal:#e6beff;--finish-light:#ffb775;
 --finish-frame:linear-gradient(130deg,#ffb77513 0 9%,transparent 9.2% 80%,#d9b2ff0e 80.2% 81%,transparent 81.2%),linear-gradient(155deg,#39283f,#1b1424 70%);
 --finish-hud-shadow:inset 0 1px #ffcf9f66,inset 0 -2px #9866b966,0 14px 32px #000a;
 --finish-cut:none;--finish-panel-cut:none;--finish-wheel-cut:none;--finish-button-cut:none;--finish-inset-cut:none;
 --finish-panel-radius:8px 3px;--finish-button-radius:8px 2px;--finish-inset-radius:5px;
 --finish-inset:linear-gradient(145deg,#32243a,#17121f 76%);
 --finish-header:linear-gradient(110deg,#ffb77517,transparent 45%,#b985e51c),linear-gradient(155deg,#33213a,#120d19);
 --finish-wheel-frame:linear-gradient(155deg,#3e2a3e,#17121f 70%);
 --finish-sigil-a:linear-gradient(90deg,#ffb775,#d9b2ff 65%,transparent);
 --finish-sigil-b:linear-gradient(90deg,transparent,#d9b2ff);--finish-sigil-width:38%;--finish-title-width:4px;
 --finish-glyph-cut:polygon(28% 0,72% 0,100% 28%,100% 72%,72% 100%,28% 100%,0 72%,0 28%);
 --panel:var(--skin-panel);--raised:var(--skin-panel-2);--line:var(--skin-line);--text:var(--skin-text);--muted:var(--skin-muted);
}
.skin-option[data-skin-option="halloween"]{--option-a:#ffb775;--option-b:#35243b}
.skin-option[data-skin-option="halloween"] .skin-swatch{border-color:#d9b2ff;border-radius:8px 2px;background:linear-gradient(145deg,#ffb775 0 12%,#35243b 13% 70%,#ad7cd9 71% 77%,#17121f 78%)}
.market-skin-preview[data-fit-skin="halloween"] nav span,
.market-skin-preview[data-fit-skin="halloween"] .market-skin-preview-wheel>span{
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 background:var(--halloween-button-art),var(--skin-control-face);background-repeat:no-repeat;
 background-size:28px 12px,auto;background-position:right 3px top 1px,center;
}
.market-skin-preview[data-fit-skin="halloween"]>header,
.market-skin-preview[data-fit-skin="halloween"] nav span{font-family:var(--tr-ui,Arial,sans-serif)}

/* Complete ordinary nested reading surfaces. Paid cards/journals keep their
   own materials; rank milestones keep their earned, pending and locked cues. */
body.tokyo-rivals-shell[data-skin] main
 :is(.hq-level-progression,.hq-stats-primary,.training-cap-status):not(:where(.prem-profile-card *,.prem-journal-theme *)){
 background:var(--finish-frame)!important;border-color:var(--finish-edge)!important;
 border-radius:var(--finish-panel-radius);color:var(--skin-text);
}
body.tokyo-rivals-shell[data-skin] .hq-level-progression::before{background:var(--finish-sigil-a)}
body.tokyo-rivals-shell[data-skin] main
 :is(.hq-stat,.hq-fighter-summary>div,.hq-profile-overview-grid>div,.collector-empty,.collector-journal-body,
 .hq-rank-ladder .rank-step:not(.pending)):not(:where(.prem-profile-card,.prem-journal-theme,.prem-profile-card *,.prem-journal-theme *)){
 background:var(--finish-inset)!important;border-radius:var(--finish-inset-radius);color:var(--skin-text);
}
body.tokyo-rivals-shell[data-skin] main
 :is(.hq-stat,.hq-fighter-summary>div,.hq-profile-overview-grid>div,.collector-empty):not(:where(.prem-profile-card *,.prem-journal-theme *)){border-color:var(--skin-line)!important}
body.tokyo-rivals-shell[data-skin] main
 :is(.hq-profile-overview>header,.hq-profile-overview-links>a,.hq-stats-primary-head>a):not(:where(.prem-profile-card *,.prem-journal-theme *)){
 background:var(--skin-control-face)!important;color:var(--skin-text)!important;border-color:var(--skin-line)!important;
}
body.tokyo-rivals-shell[data-skin] main
 :is(.hq-level-progression header span,.hq-stats-primary-head span,.hq-stat-heading>span){color:var(--skin-primary)}
body.tokyo-rivals-shell[data-skin] main
 :is(.hq-level-progression header b,.hq-stats-primary-head h3,.hq-stat-heading>b,
 .hq-profile-overview-grid>div>strong,.hq-fighter-summary b,.training-cap-status>b):not(:where(.prem-profile-card *,.prem-journal-theme *)){color:var(--skin-text)}
body.tokyo-rivals-shell[data-skin] main
 :is(.hq-level-progression>small,.hq-level-progression footer,.hq-gauge-head small,
 .hq-stats-primary-head small,.hq-stat small,.hq-profile-overview-grid>div>p,
 .rank-step span,.rank-step small,.hq-fighter-summary span,.hq-fighter-summary small,
 .training-cap-status small):not(:where(.prem-profile-card *,.prem-journal-theme *)){color:var(--skin-muted)}
body.tokyo-rivals-shell[data-skin] .hq-level-progression .hq-gauge-head{color:var(--skin-text)}
body.tokyo-rivals-shell[data-skin] .hq-stats-primary .hq-stat-help>summary{color:var(--skin-text)!important;min-height:44px}
body.tokyo-rivals-shell[data-skin] .hq-stat progress{background:var(--skin-bg-2);accent-color:var(--skin-primary)}
body.tokyo-rivals-shell[data-skin] :is(.hq-stat,.hq-level-progression) progress::-webkit-progress-bar{background:var(--skin-bg-2)}
body.tokyo-rivals-shell[data-skin] .hq-stat progress::-webkit-progress-value,
body.tokyo-rivals-shell[data-skin] .hq-level-progression .hq-gauge-head:first-of-type+progress::-webkit-progress-value{background:linear-gradient(90deg,var(--skin-primary),var(--skin-secondary))}
body.tokyo-rivals-shell[data-skin] .hq-stat progress::-moz-progress-bar{background:linear-gradient(90deg,var(--skin-primary),var(--skin-secondary))}

/* Ordinary text color is independent of materials. No font, rank, status,
   staff insignia, purchased name gradient or semantic action color changes. */
body.tokyo-rivals-shell[data-skin][data-text-color="cream"]{--skin-text:#fff1de;--skin-muted:#d7c6b6;--text:var(--skin-text);--muted:var(--skin-muted)}
body.tokyo-rivals-shell[data-skin][data-text-color="ice"]{--skin-text:#eaf6ff;--skin-muted:#bed3e4;--text:var(--skin-text);--muted:var(--skin-muted)}
body.tokyo-rivals-shell[data-skin][data-text-color="rose"]{--skin-text:#ffe9f2;--skin-muted:#dfbdce;--text:var(--skin-text);--muted:var(--skin-muted)}

/* Button material follows the HUD unless a separate, valid choice is supplied.
   These variables never feed back into panels or purchased profile finishes. */
body.tokyo-rivals-shell[data-skin]{
 --button-face:var(--skin-control-face);--button-primary-face:var(--skin-control-primary);
 --button-ink:var(--skin-text);--button-line:var(--skin-line);--button-accent:var(--skin-primary);
 --button-secondary:var(--skin-secondary);--button-edge:var(--skin-control-edge);--button-hover:var(--skin-control-hover);
 --button-radius:var(--finish-button-radius);--button-cut:var(--finish-button-cut);--button-motif:none;--button-highlight:var(--finish-metal);
 --halloween-button-art:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 22'%3E%3Cg fill='none' stroke='%23ffbd81' stroke-width='1.1' opacity='.68'%3E%3Cpath d='M10 6c-8-4-11 10-3 12 1 1 5 1 6 0 8-2 5-16-3-12ZM10 6l1-4 3-1M10 7c-4 0-4 10 0 11M11 7c4 0 4 10 0 11'/%3E%3Cpath fill='%23ffbd81' stroke='none' d='m5 10 3-1-1 3Zm10 0-3-1 1 3ZM7 14h6l-3 2Z'/%3E%3C/g%3E%3Cpath d='m34 8 2-3 2 3c4-3 7-2 7-2l-2 7-3-1-4 5-4-5-3 1-2-7s3-1 7 2Z' fill='%23d9b2ff' opacity='.48'/%3E%3C/svg%3E");
}
body.tokyo-rivals-shell[data-button-skin="core"]{--button-face:linear-gradient(165deg,#153542,#071722 65%);--button-primary-face:linear-gradient(110deg,#65e8ff26,#071722);--button-ink:#d9f4fb;--button-line:#2b5b70;--button-accent:#65e8ff;--button-secondary:#ff8fdc;--button-radius:2px;--button-cut:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px))}
body.tokyo-rivals-shell[data-button-skin="coil-ward"]{--button-face:linear-gradient(180deg,#254555,#112735 52%,#081926);--button-primary-face:linear-gradient(110deg,#ffc46c25,#112735);--button-ink:#edf8ff;--button-line:#718492;--button-accent:#f0c36f;--button-secondary:#90cadb;--button-radius:0;--button-cut:polygon(6px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 6px)}
body.tokyo-rivals-shell[data-button-skin="glass-quay"]{--button-face:linear-gradient(170deg,#17414b,#092731 65%);--button-primary-face:linear-gradient(110deg,#8ef1df22,#092731);--button-ink:#edfffb;--button-line:#5a9eaa;--button-accent:#8ef1df;--button-secondary:#b1d6ff;--button-radius:14px 3px;--button-cut:none}
body.tokyo-rivals-shell[data-button-skin="furnace-mile"]{--button-face:linear-gradient(180deg,#493022,#281a12 60%,#21150f);--button-primary-face:linear-gradient(110deg,#ffbf8325,#281a12);--button-ink:#fff5e9;--button-line:#ad7d58;--button-accent:#ffbf83;--button-secondary:#ffda9c;--button-radius:3px;--button-cut:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}
body.tokyo-rivals-shell[data-button-skin="crown-circuit"]{--button-face:linear-gradient(180deg,#38203f,#1b1029 55%,#110918);--button-primary-face:linear-gradient(115deg,#ff78d738,#1b1029);--button-ink:#fff1fb;--button-line:#a86db6;--button-accent:#ff78d7;--button-secondary:#7df7ff;--button-radius:2px 12px;--button-cut:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
body.tokyo-rivals-shell[data-captain-gift="1"][data-button-skin="captain-voyage"]{--button-face:linear-gradient(160deg,#413043,#111522 62%,#271927);--button-primary-face:linear-gradient(110deg,#f3c57136,#271927);--button-ink:#fff7e9;--button-line:#b99264;--button-accent:#f3c571;--button-secondary:#e05a61;--button-radius:2px 9px;--button-cut:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}
body.tokyo-rivals-shell[data-sovereign-gift="1"][data-button-skin="apex-steel"]{--button-face:linear-gradient(165deg,#173a65,#04101e 60%,#143b6a);--button-primary-face:linear-gradient(110deg,#3a99ff44,#04101e);--button-ink:#edf5ff;--button-line:#8ab3df;--button-accent:#70b8ff;--button-secondary:#d3e8ff;--button-radius:0 11px;--button-cut:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px))}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-button-skin="sakura-paper"]{--button-face:linear-gradient(150deg,#4a2b40,#2a1c2e 72%);--button-primary-face:linear-gradient(110deg,#ffacd936,#2a1c2e);--button-ink:#fff1ed;--button-line:#bd85a2;--button-accent:#ffa5c9;--button-secondary:#ffe5c2;--button-radius:12px 3px;--button-cut:none}
body.tokyo-rivals-shell[data-halloween-skin="1"]:is([data-button-skin="halloween"],[data-skin="halloween"]:not([data-button-skin]),[data-skin="halloween"][data-button-skin="follow"]){
 --button-face:linear-gradient(155deg,#493044,#211828 70%);--button-primary-face:linear-gradient(110deg,#ffac5933,#211828);
 --button-ink:#fff2e4;--button-line:#bd906b;--button-accent:#ffb775;--button-secondary:#d9b2ff;
 --button-radius:8px 2px;--button-cut:none;--button-motif:var(--halloween-button-art);
}
body.tokyo-rivals-shell:is([data-button-skin="core"],[data-button-skin="coil-ward"],
 [data-button-skin="glass-quay"],[data-button-skin="furnace-mile"],[data-button-skin="crown-circuit"],
 [data-captain-gift="1"][data-button-skin="captain-voyage"],[data-sovereign-gift="1"][data-button-skin="apex-steel"],
 [data-sakura-skin="1"][data-button-skin="sakura-paper"],[data-halloween-skin="1"][data-button-skin="halloween"]){
 --button-edge:inset 0 1px color-mix(in srgb,var(--button-secondary) 55%,transparent),inset 0 -2px color-mix(in srgb,var(--button-accent) 55%,transparent),0 3px 0 #0007;
 --button-hover:inset 0 1px var(--button-secondary),inset 0 -2px var(--button-accent),0 0 12px color-mix(in srgb,var(--button-accent) 22%,transparent);
 --button-highlight:var(--button-secondary);
}
body.tokyo-rivals-shell[data-skin] :is(.device-wheel-arrow,.wheel-arrow,.hud-carousel-button){--button-motif:none}
/* The explicit control layer follows the chosen button material inside every
   paid card too. Card surfaces, semantic actions and in-console staff tools keep theirs.
   Shared section controls and the header launcher also follow this material. */
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav button,
:root body.tokyo-rivals-shell[data-skin] .masthead>.mast-actions>[data-staff-open],
:root body.tokyo-rivals-shell[data-skin] :is(.btn,.button,button,.entry,.auth-submit,.password-toggle,
 .mast-tool,.device-wheel-arrow,.wheel-arrow,.hud-carousel-button,.hq-profile-link,
 .hq-stats-primary-head>a,.hq-kit-shortcuts>a,.hq-profile-overview-links>a,.tabs>a,.collector-tabs>a,.room-link,.device-wheel-track>a):not(:where(
 .skin-option,.hud-carousel-dot,.staff-tool,.crossline-cell,.crossline-square,.danger,.combat,.premium,.success,[class*="style-"],
 .staff-command *,.admin-control-workspace *,.admin-console *,.mod-console *,.event-workspace *,.event-studio *,
 .premium-market *,.market-showroom *)),
:root body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"] .prem-theme-sakura
 :is(.btn,.hq-profile-overview-links>a):not(:where(.danger,.combat,.premium,.success,[class*="style-"])){
 background:var(--button-motif),var(--button-face)!important;background-repeat:no-repeat!important;
 background-position:right 3px top 2px,center!important;background-size:28px 12px,auto!important;
 color:var(--button-ink)!important;border-color:var(--button-line)!important;
 border-radius:var(--button-radius)!important;clip-path:var(--button-cut)!important;box-shadow:var(--button-edge)!important;
 min-height:44px;
}
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected="true"],
:root body.tokyo-rivals-shell[data-skin] :is(.btn.primary,button.primary,.entry,.auth-submit,.device-wheel-track>a[aria-current="page"]):not(:where(
 .danger,.combat,.premium,.success,[class*="style-"],.staff-command *,.admin-control-workspace *,.admin-console *,.mod-console *,
 .event-workspace *,.event-studio *,.premium-market *,.market-showroom *)){
 background-image:var(--button-motif),var(--button-primary-face)!important;border-color:var(--button-accent)!important;
 box-shadow:var(--button-edge),inset 0 -2px var(--button-highlight)!important;
}
:root body.tokyo-rivals-shell[data-skin] .device-wheel-track>a[aria-current="page"]{
 box-shadow:var(--button-edge),inset 3px 0 var(--button-accent),inset 0 -2px var(--button-highlight)!important;
}
:root body.tokyo-rivals-shell[data-skin] .device-wheel-track>a[aria-current="page"] .hud-icon{color:var(--button-accent)}
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav button:is(:hover,:focus-visible):not(:disabled),
:root body.tokyo-rivals-shell[data-skin] .masthead>.mast-actions>[data-staff-open]:is(:hover,:focus-visible):not(:disabled),
:root body.tokyo-rivals-shell[data-skin] :is(.btn,.button,button,.mast-tool,.hq-kit-shortcuts>a,.device-wheel-track>a):is(:hover,:focus-visible):not(:where(
 :disabled,[aria-disabled="true"],.skin-option,.hud-carousel-dot,.staff-tool,.crossline-cell,.crossline-square,
 .danger,.combat,.premium,.success,[class*="style-"],.staff-command *,.admin-control-workspace *,
 .admin-console *,.mod-console *,.event-workspace *,.event-studio *,.premium-market *,.market-showroom *)){
 border-color:var(--button-accent)!important;box-shadow:var(--button-hover)!important;
}
.skin-customize{display:grid;gap:9px;margin-top:10px;padding:11px 5px 3px;border-top:1px solid var(--skin-line);min-width:0}
.skin-customize label{display:grid;gap:5px;min-width:0;font:700 11px/1.5 var(--tr-ui,Arial,sans-serif);color:var(--skin-text)}
.skin-customize select{width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px;font-size:14px;border:1px solid var(--skin-line);border-radius:var(--skin-control-radius);color:var(--skin-text);background:var(--skin-bg-2)}
.skin-customize [data-cosmetic-reset]{min-height:44px;white-space:normal}
@media(prefers-reduced-motion:reduce){
 body.tokyo-rivals-shell[data-skin] :is(.btn,.button,button,.mast-tool,.device-wheel-track>a){transition:none!important}
}
@media(forced-colors:active){
 :root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected="true"]{
  background:Canvas!important;color:CanvasText!important;border-color:Highlight!important;box-shadow:none!important;
 }
 body.tokyo-rivals-shell[data-skin]{--skin-text:CanvasText!important;--skin-muted:CanvasText!important;--button-motif:none!important;
 --button-ink:ButtonText!important;--button-line:ButtonText!important;--button-accent:Highlight!important;
 --button-face:linear-gradient(Canvas,Canvas)!important;--button-primary-face:linear-gradient(Canvas,Canvas)!important;--button-edge:none!important;--button-hover:none!important;--button-cut:none!important}
 body.tokyo-rivals-shell[data-skin] main :is(.hq-level-progression,.hq-stats-primary,.hq-stat,.hq-fighter-summary>div,.training-cap-status,
 .hq-profile-overview>header,.hq-profile-overview-grid>div,.hq-profile-overview-links>a,.collector-empty,.collector-journal-body,
 .hq-rank-ladder .rank-step:not(.pending)):not(:where(.prem-profile-card *,.prem-journal-theme *)){
 background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important;
 }
 .market-skin-preview[data-fit-skin="halloween"],
 .market-skin-preview[data-fit-skin="halloween"] :is(header,nav span,.market-skin-preview-panel,.market-skin-preview-wheel),
 .skin-customize select{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}
 .market-skin-preview[data-fit-skin] .market-skin-preview-wheel>span{background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}
}

/* Owned Profile / Journal materials extend to the whole Rival Device.
   One immutable palette table feeds separate panel and button bridges, so
   choosing a second material for controls never recolors the reading panes. */
:root{
 --wardrobe-glass-a:#b8f1ff;--wardrobe-glass-b:#d7b9ff;--wardrobe-glass-field:#213c58;--wardrobe-glass-field2:#2d2247;--wardrobe-glass-radius:12px;
 --wardrobe-glass-pattern:linear-gradient(125deg,#d4faff22 0 9%,transparent 10% 68%,#b9c9ff1a 69% 71%,transparent 72%);
 --wardrobe-neon-a:#67ffe0;--wardrobe-neon-b:#f89ce9;--wardrobe-neon-field:#083c37;--wardrobe-neon-field2:#33163a;--wardrobe-neon-radius:2px;
 --wardrobe-neon-pattern:linear-gradient(90deg,transparent 0 85%,#67ffe033 85% 86%,transparent 86%),linear-gradient(0deg,transparent 0 80%,#f89ce92b 80% 81%,transparent 81%);
 --wardrobe-noir-a:#d4bbef;--wardrobe-noir-b:#aebed2;--wardrobe-noir-field:#171a23;--wardrobe-noir-field2:#292130;--wardrobe-noir-radius:4px;
 --wardrobe-noir-pattern:repeating-linear-gradient(135deg,transparent 0 48px,#d4bbef0a 49px 50px,transparent 51px 98px);
 --wardrobe-aurora-a:#96ffd8;--wardrobe-aurora-b:#d6b0f3;--wardrobe-aurora-field:#104c44;--wardrobe-aurora-field2:#412653;--wardrobe-aurora-radius:18px;
 --wardrobe-aurora-pattern:radial-gradient(ellipse at 12% 0,#96ffd830,transparent 48%),radial-gradient(ellipse at 100% 90%,#c48df32b,transparent 52%);
 --wardrobe-stellar-a:#ffd975;--wardrobe-stellar-b:#b2ecff;--wardrobe-stellar-field:#292338;--wardrobe-stellar-field2:#1e263c;--wardrobe-stellar-radius:3px;
 --wardrobe-stellar-pattern:radial-gradient(circle at 8% 12%,#ffdf99 0 1.5px,transparent 2px),radial-gradient(circle at 93% 8%,#b2ecff 0 1.5px,transparent 2px),radial-gradient(circle at 80% 91%,#ffdb99 0 1.5px,transparent 2px);
 --wardrobe-eclipse-a:#e8c27d;--wardrobe-eclipse-b:#c8b3e2;--wardrobe-eclipse-field:#241b35;--wardrobe-eclipse-field2:#29241b;--wardrobe-eclipse-radius:22px;
 --wardrobe-eclipse-pattern:radial-gradient(ellipse at 100% 0,transparent 0 30%,#ebc88933 31% 33%,transparent 34% 42%,#bb9bf026 43% 45%,transparent 46%);
 --wardrobe-carbon-a:#94bbc6;--wardrobe-carbon-b:#cae1e5;--wardrobe-carbon-field:#162428;--wardrobe-carbon-field2:#102024;--wardrobe-carbon-radius:2px;
 --wardrobe-carbon-pattern:repeating-linear-gradient(45deg,#0005 0 3px,transparent 3px 7px),repeating-linear-gradient(-45deg,#9dcbdc19 0 2px,transparent 2px 7px);
 --wardrobe-chrome-a:#e8f4ff;--wardrobe-chrome-b:#a6c9e8;--wardrobe-chrome-field:#4c6073;--wardrobe-chrome-field2:#1e2c3d;--wardrobe-chrome-radius:3px;
 --wardrobe-chrome-pattern:linear-gradient(115deg,transparent 20%,#d9f0ff30 21% 24%,transparent 25% 70%,#edfaff26 71% 73%,transparent 74%);
 --wardrobe-ember-a:#ffab61;--wardrobe-ember-b:#f1ceac;--wardrobe-ember-field:#422117;--wardrobe-ember-field2:#271e1d;--wardrobe-ember-radius:3px;
 --wardrobe-ember-pattern:repeating-linear-gradient(115deg,transparent 0 28px,#ff9b4419 29px 30px),radial-gradient(ellipse at bottom,#ff6c3a30,transparent 70%);
 --wardrobe-hologram-a:#80f1ff;--wardrobe-hologram-b:#efb4f0;--wardrobe-hologram-field:#123d48;--wardrobe-hologram-field2:#402746;--wardrobe-hologram-radius:7px;
 --wardrobe-hologram-pattern:repeating-linear-gradient(0deg,transparent 0 7px,#7aedff18 8px 9px),linear-gradient(120deg,#74f4ff19,#fa82db19);
 --wardrobe-deepwave-a:#66e6d9;--wardrobe-deepwave-b:#a2c5ff;--wardrobe-deepwave-field:#093d49;--wardrobe-deepwave-field2:#102b51;--wardrobe-deepwave-radius:24px;
 --wardrobe-deepwave-pattern:repeating-radial-gradient(ellipse at 0 100%,transparent 0 16px,#62dcdf20 17px 19px,transparent 20px 35px);
 --wardrobe-onyx-a:#d3b4ff;--wardrobe-onyx-b:#e1cbea;--wardrobe-onyx-field:#191321;--wardrobe-onyx-field2:#292234;--wardrobe-onyx-radius:5px;
 --wardrobe-onyx-pattern:linear-gradient(30deg,transparent 42%,#dac3ff19 43% 44%,transparent 45% 72%,#9e80d326 73% 74%,transparent 75%);
 --wardrobe-solar-a:#ffd571;--wardrobe-solar-b:#efb2dd;--wardrobe-solar-field:#472f17;--wardrobe-solar-field2:#32223b;--wardrobe-solar-radius:18px;
 --wardrobe-solar-pattern:repeating-conic-gradient(from 30deg at 100% 0%,#ffc96b18 0deg 8deg,transparent 8deg 24deg),radial-gradient(circle at 100% 0,#ffdd7830,transparent 65%);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"],
.market-skin-preview[data-fit-skin="finish-glass"]{
 --device-a:var(--wardrobe-glass-a);--device-b:var(--wardrobe-glass-b);--device-field:var(--wardrobe-glass-field);--device-field2:var(--wardrobe-glass-field2);--device-radius:var(--wardrobe-glass-radius);--device-pattern:var(--wardrobe-glass-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"],
.market-skin-preview[data-fit-skin="finish-neon"]{
 --device-a:var(--wardrobe-neon-a);--device-b:var(--wardrobe-neon-b);--device-field:var(--wardrobe-neon-field);--device-field2:var(--wardrobe-neon-field2);--device-radius:var(--wardrobe-neon-radius);--device-pattern:var(--wardrobe-neon-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"],
.market-skin-preview[data-fit-skin="finish-noir"]{
 --device-a:var(--wardrobe-noir-a);--device-b:var(--wardrobe-noir-b);--device-field:var(--wardrobe-noir-field);--device-field2:var(--wardrobe-noir-field2);--device-radius:var(--wardrobe-noir-radius);--device-pattern:var(--wardrobe-noir-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"],
.market-skin-preview[data-fit-skin="finish-aurora"]{
 --device-a:var(--wardrobe-aurora-a);--device-b:var(--wardrobe-aurora-b);--device-field:var(--wardrobe-aurora-field);--device-field2:var(--wardrobe-aurora-field2);--device-radius:var(--wardrobe-aurora-radius);--device-pattern:var(--wardrobe-aurora-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"],
.market-skin-preview[data-fit-skin="finish-stellar"]{
 --device-a:var(--wardrobe-stellar-a);--device-b:var(--wardrobe-stellar-b);--device-field:var(--wardrobe-stellar-field);--device-field2:var(--wardrobe-stellar-field2);--device-radius:var(--wardrobe-stellar-radius);--device-pattern:var(--wardrobe-stellar-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"],
.market-skin-preview[data-fit-skin="finish-eclipse"]{
 --device-a:var(--wardrobe-eclipse-a);--device-b:var(--wardrobe-eclipse-b);--device-field:var(--wardrobe-eclipse-field);--device-field2:var(--wardrobe-eclipse-field2);--device-radius:var(--wardrobe-eclipse-radius);--device-pattern:var(--wardrobe-eclipse-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"],
.market-skin-preview[data-fit-skin="finish-carbon"]{
 --device-a:var(--wardrobe-carbon-a);--device-b:var(--wardrobe-carbon-b);--device-field:var(--wardrobe-carbon-field);--device-field2:var(--wardrobe-carbon-field2);--device-radius:var(--wardrobe-carbon-radius);--device-pattern:var(--wardrobe-carbon-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"],
.market-skin-preview[data-fit-skin="finish-chrome"]{
 --device-a:var(--wardrobe-chrome-a);--device-b:var(--wardrobe-chrome-b);--device-field:var(--wardrobe-chrome-field);--device-field2:var(--wardrobe-chrome-field2);--device-radius:var(--wardrobe-chrome-radius);--device-pattern:var(--wardrobe-chrome-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"],
.market-skin-preview[data-fit-skin="finish-ember"]{
 --device-a:var(--wardrobe-ember-a);--device-b:var(--wardrobe-ember-b);--device-field:var(--wardrobe-ember-field);--device-field2:var(--wardrobe-ember-field2);--device-radius:var(--wardrobe-ember-radius);--device-pattern:var(--wardrobe-ember-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"],
.market-skin-preview[data-fit-skin="finish-hologram"]{
 --device-a:var(--wardrobe-hologram-a);--device-b:var(--wardrobe-hologram-b);--device-field:var(--wardrobe-hologram-field);--device-field2:var(--wardrobe-hologram-field2);--device-radius:var(--wardrobe-hologram-radius);--device-pattern:var(--wardrobe-hologram-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"],
.market-skin-preview[data-fit-skin="finish-deepwave"]{
 --device-a:var(--wardrobe-deepwave-a);--device-b:var(--wardrobe-deepwave-b);--device-field:var(--wardrobe-deepwave-field);--device-field2:var(--wardrobe-deepwave-field2);--device-radius:var(--wardrobe-deepwave-radius);--device-pattern:var(--wardrobe-deepwave-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"],
.market-skin-preview[data-fit-skin="finish-onyx"]{
 --device-a:var(--wardrobe-onyx-a);--device-b:var(--wardrobe-onyx-b);--device-field:var(--wardrobe-onyx-field);--device-field2:var(--wardrobe-onyx-field2);--device-radius:var(--wardrobe-onyx-radius);--device-pattern:var(--wardrobe-onyx-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"],
.market-skin-preview[data-fit-skin="finish-solar"]{
 --device-a:var(--wardrobe-solar-a);--device-b:var(--wardrobe-solar-b);--device-field:var(--wardrobe-solar-field);--device-field2:var(--wardrobe-solar-field2);--device-radius:var(--wardrobe-solar-radius);--device-pattern:var(--wardrobe-solar-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"],
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"],
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"],
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"],
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"],
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"],
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"],
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"],
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"],
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"],
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"],
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"],
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"],
.market-skin-preview[data-fit-skin="finish-glass"],
.market-skin-preview[data-fit-skin="finish-neon"],
.market-skin-preview[data-fit-skin="finish-noir"],
.market-skin-preview[data-fit-skin="finish-aurora"],
.market-skin-preview[data-fit-skin="finish-stellar"],
.market-skin-preview[data-fit-skin="finish-eclipse"],
.market-skin-preview[data-fit-skin="finish-carbon"],
.market-skin-preview[data-fit-skin="finish-chrome"],
.market-skin-preview[data-fit-skin="finish-ember"],
.market-skin-preview[data-fit-skin="finish-hologram"],
.market-skin-preview[data-fit-skin="finish-deepwave"],
.market-skin-preview[data-fit-skin="finish-onyx"],
.market-skin-preview[data-fit-skin="finish-solar"]{
 --skin-bg:color-mix(in srgb,var(--device-field) 24%,#03060c);--skin-bg-2:color-mix(in srgb,var(--device-field) 52%,#03060c);
 --skin-panel:var(--device-field);--skin-panel-2:var(--device-field2);
 --skin-line:color-mix(in srgb,var(--device-a) 60%,var(--device-field));--skin-line-strong:var(--device-a);
 --skin-primary:var(--device-a);--skin-secondary:var(--device-b);--skin-accent:#efbd85;--skin-success:#a6e2c7;
 --skin-text:#f2f7ff;--skin-muted:color-mix(in srgb,var(--device-a) 27%,#c8c9d4);
 --skin-glow:color-mix(in srgb,var(--device-a) 15%,transparent);--skin-grid:transparent;
 --skin-heading:var(--tr-title);--skin-radius:var(--device-radius);--skin-rule:2px solid var(--device-a);--skin-reveal:240ms;
 --skin-image-filter:saturate(.94) contrast(1.05);
 --finish-frame:var(--device-pattern),linear-gradient(145deg,var(--device-field),var(--skin-bg-2) 65%,var(--device-field2));
 --skin-material:var(--finish-frame);--skin-atmosphere:radial-gradient(ellipse at 15% 0,var(--skin-glow),transparent 58%);
 --skin-surface-shadow:inset 0 1px color-mix(in srgb,var(--device-a) 45%,transparent),inset 0 -2px color-mix(in srgb,var(--device-b) 27%,transparent),0 12px 30px #0008;
 --skin-control-radius:var(--device-radius);--skin-control-face:var(--device-pattern),linear-gradient(155deg,var(--device-field2),var(--skin-bg-2) 78%);
 --skin-control-primary:linear-gradient(110deg,color-mix(in srgb,var(--device-a) 18%,transparent),transparent 65%),var(--skin-control-face);
 --skin-control-edge:inset 0 1px color-mix(in srgb,var(--device-a) 55%,transparent),inset 0 -2px color-mix(in srgb,var(--device-b) 40%,transparent),0 3px 0 #0007;
 --skin-control-hover:inset 0 1px var(--device-a),inset 0 -2px var(--device-b),0 0 12px var(--skin-glow);
 --finish-edge:var(--skin-line);--finish-metal:var(--device-b);--finish-light:var(--device-a);--finish-hud-shadow:var(--skin-surface-shadow);
 --finish-cut:none;--finish-panel-cut:none;--finish-wheel-cut:none;--finish-button-cut:none;--finish-inset-cut:none;
 --finish-panel-radius:var(--device-radius);--finish-button-radius:var(--device-radius);--finish-inset-radius:min(9px,var(--device-radius));
 --finish-inset:linear-gradient(155deg,color-mix(in srgb,var(--device-field) 75%,var(--skin-bg-2)),var(--skin-bg-2) 78%);
 --finish-header:var(--finish-frame);--finish-wheel-frame:var(--finish-frame);
 --finish-sigil-a:linear-gradient(90deg,var(--device-a),var(--device-b) 60%,transparent);
 --finish-sigil-b:linear-gradient(90deg,transparent,var(--device-b));--finish-sigil-width:42%;--finish-title-width:3px;
 --finish-glyph-cut:polygon(50% 0,100% 50%,50% 100%,0 50%);
 --panel:var(--skin-panel);--raised:var(--skin-panel-2);--line:var(--skin-line);--text:var(--skin-text);--muted:var(--skin-muted);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-button-skin="finish-glass"]{
 --control-a:var(--wardrobe-glass-a);--control-b:var(--wardrobe-glass-b);--control-field:var(--wardrobe-glass-field);--control-field2:var(--wardrobe-glass-field2);--control-radius:var(--wardrobe-glass-radius);--control-pattern:var(--wardrobe-glass-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-button-skin="finish-neon"]{
 --control-a:var(--wardrobe-neon-a);--control-b:var(--wardrobe-neon-b);--control-field:var(--wardrobe-neon-field);--control-field2:var(--wardrobe-neon-field2);--control-radius:var(--wardrobe-neon-radius);--control-pattern:var(--wardrobe-neon-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-button-skin="finish-noir"]{
 --control-a:var(--wardrobe-noir-a);--control-b:var(--wardrobe-noir-b);--control-field:var(--wardrobe-noir-field);--control-field2:var(--wardrobe-noir-field2);--control-radius:var(--wardrobe-noir-radius);--control-pattern:var(--wardrobe-noir-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-button-skin="finish-aurora"]{
 --control-a:var(--wardrobe-aurora-a);--control-b:var(--wardrobe-aurora-b);--control-field:var(--wardrobe-aurora-field);--control-field2:var(--wardrobe-aurora-field2);--control-radius:var(--wardrobe-aurora-radius);--control-pattern:var(--wardrobe-aurora-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-button-skin="finish-stellar"]{
 --control-a:var(--wardrobe-stellar-a);--control-b:var(--wardrobe-stellar-b);--control-field:var(--wardrobe-stellar-field);--control-field2:var(--wardrobe-stellar-field2);--control-radius:var(--wardrobe-stellar-radius);--control-pattern:var(--wardrobe-stellar-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-button-skin="finish-eclipse"]{
 --control-a:var(--wardrobe-eclipse-a);--control-b:var(--wardrobe-eclipse-b);--control-field:var(--wardrobe-eclipse-field);--control-field2:var(--wardrobe-eclipse-field2);--control-radius:var(--wardrobe-eclipse-radius);--control-pattern:var(--wardrobe-eclipse-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-button-skin="finish-carbon"]{
 --control-a:var(--wardrobe-carbon-a);--control-b:var(--wardrobe-carbon-b);--control-field:var(--wardrobe-carbon-field);--control-field2:var(--wardrobe-carbon-field2);--control-radius:var(--wardrobe-carbon-radius);--control-pattern:var(--wardrobe-carbon-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-button-skin="finish-chrome"]{
 --control-a:var(--wardrobe-chrome-a);--control-b:var(--wardrobe-chrome-b);--control-field:var(--wardrobe-chrome-field);--control-field2:var(--wardrobe-chrome-field2);--control-radius:var(--wardrobe-chrome-radius);--control-pattern:var(--wardrobe-chrome-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-button-skin="finish-ember"]{
 --control-a:var(--wardrobe-ember-a);--control-b:var(--wardrobe-ember-b);--control-field:var(--wardrobe-ember-field);--control-field2:var(--wardrobe-ember-field2);--control-radius:var(--wardrobe-ember-radius);--control-pattern:var(--wardrobe-ember-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-button-skin="finish-hologram"]{
 --control-a:var(--wardrobe-hologram-a);--control-b:var(--wardrobe-hologram-b);--control-field:var(--wardrobe-hologram-field);--control-field2:var(--wardrobe-hologram-field2);--control-radius:var(--wardrobe-hologram-radius);--control-pattern:var(--wardrobe-hologram-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-button-skin="finish-deepwave"]{
 --control-a:var(--wardrobe-deepwave-a);--control-b:var(--wardrobe-deepwave-b);--control-field:var(--wardrobe-deepwave-field);--control-field2:var(--wardrobe-deepwave-field2);--control-radius:var(--wardrobe-deepwave-radius);--control-pattern:var(--wardrobe-deepwave-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-button-skin="finish-onyx"]{
 --control-a:var(--wardrobe-onyx-a);--control-b:var(--wardrobe-onyx-b);--control-field:var(--wardrobe-onyx-field);--control-field2:var(--wardrobe-onyx-field2);--control-radius:var(--wardrobe-onyx-radius);--control-pattern:var(--wardrobe-onyx-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-button-skin="finish-solar"]{
 --control-a:var(--wardrobe-solar-a);--control-b:var(--wardrobe-solar-b);--control-field:var(--wardrobe-solar-field);--control-field2:var(--wardrobe-solar-field2);--control-radius:var(--wardrobe-solar-radius);--control-pattern:var(--wardrobe-solar-pattern);
}
body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-button-skin="finish-glass"],
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-button-skin="finish-neon"],
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-button-skin="finish-noir"],
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-button-skin="finish-aurora"],
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-button-skin="finish-stellar"],
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-button-skin="finish-eclipse"],
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-button-skin="finish-carbon"],
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-button-skin="finish-chrome"],
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-button-skin="finish-ember"],
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-button-skin="finish-hologram"],
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-button-skin="finish-deepwave"],
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-button-skin="finish-onyx"],
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-button-skin="finish-solar"]{
 --button-face:var(--control-pattern),linear-gradient(155deg,var(--control-field2),color-mix(in srgb,var(--control-field) 48%,#03060c) 78%);
 --button-primary-face:linear-gradient(110deg,color-mix(in srgb,var(--control-a) 20%,transparent),transparent 65%),var(--button-face);
 --button-ink:#f2f7ff;--button-line:color-mix(in srgb,var(--control-a) 65%,var(--control-field));
 --button-accent:var(--control-a);--button-secondary:var(--control-b);--button-highlight:var(--control-b);
 --button-radius:var(--control-radius);--button-cut:none;--button-motif:none;
 --button-edge:inset 0 1px color-mix(in srgb,var(--control-a) 55%,transparent),inset 0 -2px color-mix(in srgb,var(--control-b) 40%,transparent),0 3px 0 #0007;
 --button-hover:inset 0 1px var(--control-a),inset 0 -2px var(--control-b),0 0 12px color-mix(in srgb,var(--control-a) 20%,transparent);
}
/* Only a card matching the selected owned material inherits its inner panes. */
:is(body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"] .prem-theme-glass,
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"] .prem-theme-neon,
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"] .prem-theme-noir,
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"] .prem-theme-aurora,
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"] .prem-theme-stellar,
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"] .prem-theme-eclipse,
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"] .prem-theme-carbon,
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"] .prem-theme-chrome,
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"] .prem-theme-ember,
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"] .prem-theme-hologram,
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"] .prem-theme-deepwave,
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"] .prem-theme-onyx,
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"] .prem-theme-solar){
 background:var(--finish-frame)!important;border-color:var(--finish-edge)!important;
 box-shadow:var(--finish-hud-shadow)!important;
}
:is(body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"] .prem-theme-glass,
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"] .prem-theme-neon,
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"] .prem-theme-noir,
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"] .prem-theme-aurora,
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"] .prem-theme-stellar,
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"] .prem-theme-eclipse,
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"] .prem-theme-carbon,
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"] .prem-theme-chrome,
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"] .prem-theme-ember,
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"] .prem-theme-hologram,
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"] .prem-theme-deepwave,
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"] .prem-theme-onyx,
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"] .prem-theme-solar) :is(.hq-profile-overview-grid>div,.collector-journal-body,.collector-empty),
:is(body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"] .prem-theme-glass,
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"] .prem-theme-neon,
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"] .prem-theme-noir,
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"] .prem-theme-aurora,
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"] .prem-theme-stellar,
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"] .prem-theme-eclipse,
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"] .prem-theme-carbon,
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"] .prem-theme-chrome,
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"] .prem-theme-ember,
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"] .prem-theme-hologram,
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"] .prem-theme-deepwave,
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"] .prem-theme-onyx,
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"] .prem-theme-solar)>header{
 background:var(--finish-inset)!important;border-color:var(--skin-line)!important;color:var(--skin-text)!important;
 border-radius:var(--finish-inset-radius);
}
:is(body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"] .prem-theme-glass,
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"] .prem-theme-neon,
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"] .prem-theme-noir,
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"] .prem-theme-aurora,
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"] .prem-theme-stellar,
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"] .prem-theme-eclipse,
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"] .prem-theme-carbon,
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"] .prem-theme-chrome,
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"] .prem-theme-ember,
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"] .prem-theme-hologram,
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"] .prem-theme-deepwave,
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"] .prem-theme-onyx,
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"] .prem-theme-solar) .hq-profile-overview-grid>div>strong{color:var(--skin-text)}
:is(body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"] .prem-theme-glass,
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"] .prem-theme-neon,
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"] .prem-theme-noir,
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"] .prem-theme-aurora,
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"] .prem-theme-stellar,
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"] .prem-theme-eclipse,
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"] .prem-theme-carbon,
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"] .prem-theme-chrome,
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"] .prem-theme-ember,
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"] .prem-theme-hologram,
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"] .prem-theme-deepwave,
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"] .prem-theme-onyx,
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"] .prem-theme-solar) .hq-profile-overview-grid>div>p{color:var(--skin-muted)}
.skin-option[data-skin-option="finish-glass"]{--option-a:var(--wardrobe-glass-a);--option-b:var(--wardrobe-glass-field2)}
.skin-option[data-skin-option="finish-neon"]{--option-a:var(--wardrobe-neon-a);--option-b:var(--wardrobe-neon-field2)}
.skin-option[data-skin-option="finish-noir"]{--option-a:var(--wardrobe-noir-a);--option-b:var(--wardrobe-noir-field2)}
.skin-option[data-skin-option="finish-aurora"]{--option-a:var(--wardrobe-aurora-a);--option-b:var(--wardrobe-aurora-field2)}
.skin-option[data-skin-option="finish-stellar"]{--option-a:var(--wardrobe-stellar-a);--option-b:var(--wardrobe-stellar-field2)}
.skin-option[data-skin-option="finish-eclipse"]{--option-a:var(--wardrobe-eclipse-a);--option-b:var(--wardrobe-eclipse-field2)}
.skin-option[data-skin-option="finish-carbon"]{--option-a:var(--wardrobe-carbon-a);--option-b:var(--wardrobe-carbon-field2)}
.skin-option[data-skin-option="finish-chrome"]{--option-a:var(--wardrobe-chrome-a);--option-b:var(--wardrobe-chrome-field2)}
.skin-option[data-skin-option="finish-ember"]{--option-a:var(--wardrobe-ember-a);--option-b:var(--wardrobe-ember-field2)}
.skin-option[data-skin-option="finish-hologram"]{--option-a:var(--wardrobe-hologram-a);--option-b:var(--wardrobe-hologram-field2)}
.skin-option[data-skin-option="finish-deepwave"]{--option-a:var(--wardrobe-deepwave-a);--option-b:var(--wardrobe-deepwave-field2)}
.skin-option[data-skin-option="finish-onyx"]{--option-a:var(--wardrobe-onyx-a);--option-b:var(--wardrobe-onyx-field2)}
.skin-option[data-skin-option="finish-solar"]{--option-a:var(--wardrobe-solar-a);--option-b:var(--wardrobe-solar-field2)}
/* Neutral conversation and dialog surfaces use the active device material. */
body.tokyo-rivals-shell[data-skin] :is(dialog,.messages-page,.direct-dialog,.direct-dialog-bar,.direct-heading,
 .room-directory,.dm-directory,.mail-directory,.room-terminal,.im-window,.mail-terminal,.people-here,
 .chat-transcript,.im-transcript,.direct-transcript,.mail-letter,.chat-send-form,.comms-live-status,
 .comms-status-strip>div,.direct-options>div,.message-person-menu>nav):not(:where(
 .gift-receipt-dialog,.staff-command,.admin-control-workspace,.admin-console,.mod-console,.event-workspace,.event-studio,
 .staff-command *,.admin-control-workspace *,.admin-console *,.mod-console *,
 .event-workspace *,.event-studio *,.prem-profile-card *,.prem-journal-theme *)){
 background:var(--skin-bg-2)!important;border-color:var(--skin-line)!important;color:var(--skin-text);
}
body.tokyo-rivals-shell[data-skin] dialog:not(.gift-receipt-dialog)::backdrop{background:color-mix(in srgb,var(--skin-bg) 88%,transparent)}
/* Keep independent text choices after material assignment in the cascade. */
body.tokyo-rivals-shell[data-skin][data-text-color="cream"]{--skin-text:#fff1de;--skin-muted:#d7c6b6}
body.tokyo-rivals-shell[data-skin][data-text-color="ice"]{--skin-text:#eaf6ff;--skin-muted:#bed3e4}
body.tokyo-rivals-shell[data-skin][data-text-color="rose"]{--skin-text:#ffe9f2;--skin-muted:#dfbdce}
@media(forced-colors:active){
 body.tokyo-rivals-shell[data-skin],.market-skin-preview[data-fit-skin]{
  --skin-bg:Canvas!important;--skin-bg-2:Canvas!important;--skin-panel:Canvas!important;--skin-panel-2:Canvas!important;
  --skin-line:CanvasText!important;--skin-line-strong:CanvasText!important;--skin-text:CanvasText!important;--skin-muted:CanvasText!important;
  --skin-primary:LinkText!important;--skin-secondary:Highlight!important;--finish-edge:CanvasText!important;
  --finish-frame:linear-gradient(Canvas,Canvas)!important;--finish-inset:linear-gradient(Canvas,Canvas)!important;
  --finish-header:linear-gradient(Canvas,Canvas)!important;--finish-wheel-frame:linear-gradient(Canvas,Canvas)!important;
  --finish-hud-shadow:none!important;--finish-button-cut:none!important;
  --button-face:linear-gradient(Canvas,Canvas)!important;--button-primary-face:linear-gradient(Canvas,Canvas)!important;
  --button-ink:ButtonText!important;--button-line:ButtonText!important;--button-accent:Highlight!important;--button-edge:none!important;
  --button-hover:none!important;--button-cut:none!important;--button-motif:none!important;
 }
 body.tokyo-rivals-shell[data-skin] :is(dialog,.messages-page,.direct-dialog,.direct-dialog-bar,.direct-heading,
 .room-directory,.dm-directory,.mail-directory,.room-terminal,.im-window,.mail-terminal,.people-here,.chat-transcript,
 .im-transcript,.direct-transcript,.mail-letter,.chat-send-form,.comms-live-status,.comms-status-strip>div,
 .direct-options>div,.message-person-menu>nav){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}
 .market-skin-preview[data-fit-skin] :is(header,nav span,.market-skin-preview-panel,.market-skin-preview-wheel,.market-skin-preview-wheel>span){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}
}


/* Inset insignia: each skin keeps its artwork inside a complete label plate. */
body.tokyo-rivals-shell[data-skin],.market-skin-preview[data-fit-skin]{
 --button-shape-id:core;--button-shape-width:20px;--button-shape-inset:5px;
 --button-shape-left:url("/static/button-art/core-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/core-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#153542,#071722 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#1c4655,#071722 75%);
 --button-shape-edge:#65e8ff;--button-shape-trim:#ff8fdc;
}
body.tokyo-rivals-shell[data-halloween-skin="1"][data-skin="halloween"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-halloween-skin="1"][data-skin="halloween"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-halloween-skin="1"][data-button-skin="halloween"],
.market-skin-preview[data-fit-skin="halloween"]{
 --button-shape-id:halloween;--button-shape-left:url("/static/button-art/halloween-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/halloween-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#35213d,#19101f 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#35213d,#19101f 75%);
 --button-shape-edge:#ffb775;--button-shape-trim:#d9b2ff;
 --button-accent:#ffb775;--button-secondary:#d9b2ff;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#35213d,#19101f 78%);
 --button-primary-face:linear-gradient(120deg,#35213d,#19101f 75%);
 --button-line:#ffb775;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-skin="core"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-skin="core"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-button-skin="core"],
.market-skin-preview[data-fit-skin="core"]{
 --button-shape-id:core;--button-shape-left:url("/static/button-art/core-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/core-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#153542,#071722 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#153542,#071722 75%);
 --button-shape-edge:#65e8ff;--button-shape-trim:#ff8fdc;
 --button-accent:#65e8ff;--button-secondary:#ff8fdc;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#153542,#071722 78%);
 --button-primary-face:linear-gradient(120deg,#153542,#071722 75%);
 --button-line:#65e8ff;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-skin="coil-ward"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-skin="coil-ward"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-button-skin="coil-ward"],
.market-skin-preview[data-fit-skin="coil-ward"]{
 --button-shape-id:coil-ward;--button-shape-left:url("/static/button-art/coil-ward-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/coil-ward-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#254555,#081926 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#254555,#081926 75%);
 --button-shape-edge:#f0c36f;--button-shape-trim:#90cadb;
 --button-accent:#f0c36f;--button-secondary:#90cadb;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#254555,#081926 78%);
 --button-primary-face:linear-gradient(120deg,#254555,#081926 75%);
 --button-line:#f0c36f;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-skin="glass-quay"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-skin="glass-quay"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-button-skin="glass-quay"],
.market-skin-preview[data-fit-skin="glass-quay"]{
 --button-shape-id:glass-quay;--button-shape-left:url("/static/button-art/glass-quay-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/glass-quay-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#17414b,#092731 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#17414b,#092731 75%);
 --button-shape-edge:#8ef1df;--button-shape-trim:#b1d6ff;
 --button-accent:#8ef1df;--button-secondary:#b1d6ff;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#17414b,#092731 78%);
 --button-primary-face:linear-gradient(120deg,#17414b,#092731 75%);
 --button-line:#8ef1df;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-skin="furnace-mile"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-skin="furnace-mile"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-button-skin="furnace-mile"],
.market-skin-preview[data-fit-skin="furnace-mile"]{
 --button-shape-id:furnace-mile;--button-shape-left:url("/static/button-art/furnace-mile-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/furnace-mile-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#493022,#21150f 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#493022,#21150f 75%);
 --button-shape-edge:#ffbf83;--button-shape-trim:#ffda9c;
 --button-accent:#ffbf83;--button-secondary:#ffda9c;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#493022,#21150f 78%);
 --button-primary-face:linear-gradient(120deg,#493022,#21150f 75%);
 --button-line:#ffbf83;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-skin="crown-circuit"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-skin="crown-circuit"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-button-skin="crown-circuit"],
.market-skin-preview[data-fit-skin="crown-circuit"]{
 --button-shape-id:crown-circuit;--button-shape-left:url("/static/button-art/crown-circuit-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/crown-circuit-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#38203f,#110918 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#38203f,#110918 75%);
 --button-shape-edge:#ff78d7;--button-shape-trim:#7df7ff;
 --button-accent:#ff78d7;--button-secondary:#7df7ff;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#38203f,#110918 78%);
 --button-primary-face:linear-gradient(120deg,#38203f,#110918 75%);
 --button-line:#ff78d7;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-captain-gift="1"][data-skin="captain-voyage"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-captain-gift="1"][data-skin="captain-voyage"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-captain-gift="1"][data-button-skin="captain-voyage"],
.market-skin-preview[data-fit-skin="captain-voyage"]{
 --button-shape-id:captain-voyage;--button-shape-left:url("/static/button-art/captain-voyage-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/captain-voyage-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#413043,#111522 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#413043,#111522 75%);
 --button-shape-edge:#f3c571;--button-shape-trim:#e05a61;
 --button-accent:#f3c571;--button-secondary:#e05a61;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#413043,#111522 78%);
 --button-primary-face:linear-gradient(120deg,#413043,#111522 75%);
 --button-line:#f3c571;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-sovereign-gift="1"][data-skin="apex-steel"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-sovereign-gift="1"][data-skin="apex-steel"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-sovereign-gift="1"][data-button-skin="apex-steel"],
.market-skin-preview[data-fit-skin="apex-steel"]{
 --button-shape-id:apex-steel;--button-shape-left:url("/static/button-art/apex-steel-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/apex-steel-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#173a65,#04101e 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#173a65,#04101e 75%);
 --button-shape-edge:#70b8ff;--button-shape-trim:#d3e8ff;
 --button-accent:#70b8ff;--button-secondary:#d3e8ff;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#173a65,#04101e 78%);
 --button-primary-face:linear-gradient(120deg,#173a65,#04101e 75%);
 --button-line:#70b8ff;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-sakura-skin="1"][data-skin="sakura-paper"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-sakura-skin="1"][data-button-skin="sakura-paper"],
.market-skin-preview[data-fit-skin="sakura-paper"]{
 --button-shape-id:sakura-paper;--button-shape-left:url("/static/button-art/sakura-paper-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/sakura-paper-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#4a2b40,#2a1c2e 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#4a2b40,#2a1c2e 75%);
 --button-shape-edge:#ffa5c9;--button-shape-trim:#ffe5c2;
 --button-accent:#ffa5c9;--button-secondary:#ffe5c2;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#4a2b40,#2a1c2e 78%);
 --button-primary-face:linear-gradient(120deg,#4a2b40,#2a1c2e 75%);
 --button-line:#ffa5c9;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-skin="finish-glass"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-glass"][data-button-skin="finish-glass"],
.market-skin-preview[data-fit-skin="finish-glass"]{
 --button-shape-id:finish-glass;--button-shape-left:url("/static/button-art/finish-glass-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-glass-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#2d3655,#16263b 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#2d3655,#16263b 75%);
 --button-shape-edge:#b8f1ff;--button-shape-trim:#d7b9ff;
 --button-accent:#b8f1ff;--button-secondary:#d7b9ff;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#2d3655,#16263b 78%);
 --button-primary-face:linear-gradient(120deg,#2d3655,#16263b 75%);
 --button-line:#b8f1ff;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-skin="finish-neon"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-neon"][data-button-skin="finish-neon"],
.market-skin-preview[data-fit-skin="finish-neon"]{
 --button-shape-id:finish-neon;--button-shape-left:url("/static/button-art/finish-neon-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-neon-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#164238,#21152b 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#164238,#21152b 75%);
 --button-shape-edge:#67ffe0;--button-shape-trim:#f89ce9;
 --button-accent:#67ffe0;--button-secondary:#f89ce9;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#164238,#21152b 78%);
 --button-primary-face:linear-gradient(120deg,#164238,#21152b 75%);
 --button-line:#67ffe0;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-skin="finish-noir"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-noir"][data-button-skin="finish-noir"],
.market-skin-preview[data-fit-skin="finish-noir"]{
 --button-shape-id:finish-noir;--button-shape-left:url("/static/button-art/finish-noir-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-noir-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#292130,#11141c 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#292130,#11141c 75%);
 --button-shape-edge:#d4bbef;--button-shape-trim:#aebed2;
 --button-accent:#d4bbef;--button-secondary:#aebed2;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#292130,#11141c 78%);
 --button-primary-face:linear-gradient(120deg,#292130,#11141c 75%);
 --button-line:#d4bbef;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-skin="finish-aurora"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-aurora"][data-button-skin="finish-aurora"],
.market-skin-preview[data-fit-skin="finish-aurora"]{
 --button-shape-id:finish-aurora;--button-shape-left:url("/static/button-art/finish-aurora-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-aurora-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#21504a,#30203e 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#21504a,#30203e 75%);
 --button-shape-edge:#96ffd8;--button-shape-trim:#d6b0f3;
 --button-accent:#96ffd8;--button-secondary:#d6b0f3;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#21504a,#30203e 78%);
 --button-primary-face:linear-gradient(120deg,#21504a,#30203e 75%);
 --button-line:#96ffd8;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-skin="finish-stellar"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-stellar"][data-button-skin="finish-stellar"],
.market-skin-preview[data-fit-skin="finish-stellar"]{
 --button-shape-id:finish-stellar;--button-shape-left:url("/static/button-art/finish-stellar-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-stellar-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#30273b,#141e30 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#30273b,#141e30 75%);
 --button-shape-edge:#ffd975;--button-shape-trim:#b2ecff;
 --button-accent:#ffd975;--button-secondary:#b2ecff;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#30273b,#141e30 78%);
 --button-primary-face:linear-gradient(120deg,#30273b,#141e30 75%);
 --button-line:#ffd975;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-skin="finish-eclipse"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-eclipse"][data-button-skin="finish-eclipse"],
.market-skin-preview[data-fit-skin="finish-eclipse"]{
 --button-shape-id:finish-eclipse;--button-shape-left:url("/static/button-art/finish-eclipse-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-eclipse-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#332a36,#19151f 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#332a36,#19151f 75%);
 --button-shape-edge:#e8c27d;--button-shape-trim:#c8b3e2;
 --button-accent:#e8c27d;--button-secondary:#c8b3e2;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#332a36,#19151f 78%);
 --button-primary-face:linear-gradient(120deg,#332a36,#19151f 75%);
 --button-line:#e8c27d;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-skin="finish-carbon"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-carbon"][data-button-skin="finish-carbon"],
.market-skin-preview[data-fit-skin="finish-carbon"]{
 --button-shape-id:finish-carbon;--button-shape-left:url("/static/button-art/finish-carbon-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-carbon-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#26373a,#101b1e 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#26373a,#101b1e 75%);
 --button-shape-edge:#94bbc6;--button-shape-trim:#cae1e5;
 --button-accent:#94bbc6;--button-secondary:#cae1e5;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#26373a,#101b1e 78%);
 --button-primary-face:linear-gradient(120deg,#26373a,#101b1e 75%);
 --button-line:#94bbc6;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-skin="finish-chrome"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-chrome"][data-button-skin="finish-chrome"],
.market-skin-preview[data-fit-skin="finish-chrome"]{
 --button-shape-id:finish-chrome;--button-shape-left:url("/static/button-art/finish-chrome-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-chrome-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#42566b,#152331 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#42566b,#152331 75%);
 --button-shape-edge:#e8f4ff;--button-shape-trim:#a6c9e8;
 --button-accent:#e8f4ff;--button-secondary:#a6c9e8;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#42566b,#152331 78%);
 --button-primary-face:linear-gradient(120deg,#42566b,#152331 75%);
 --button-line:#e8f4ff;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-skin="finish-ember"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-ember"][data-button-skin="finish-ember"],
.market-skin-preview[data-fit-skin="finish-ember"]{
 --button-shape-id:finish-ember;--button-shape-left:url("/static/button-art/finish-ember-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-ember-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#50291f,#20151b 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#50291f,#20151b 75%);
 --button-shape-edge:#ffab61;--button-shape-trim:#f1ceac;
 --button-accent:#ffab61;--button-secondary:#f1ceac;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#50291f,#20151b 78%);
 --button-primary-face:linear-gradient(120deg,#50291f,#20151b 75%);
 --button-line:#ffab61;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-skin="finish-hologram"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-hologram"][data-button-skin="finish-hologram"],
.market-skin-preview[data-fit-skin="finish-hologram"]{
 --button-shape-id:finish-hologram;--button-shape-left:url("/static/button-art/finish-hologram-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-hologram-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#204a55,#291d35 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#204a55,#291d35 75%);
 --button-shape-edge:#80f1ff;--button-shape-trim:#efb4f0;
 --button-accent:#80f1ff;--button-secondary:#efb4f0;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#204a55,#291d35 78%);
 --button-primary-face:linear-gradient(120deg,#204a55,#291d35 75%);
 --button-line:#80f1ff;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-skin="finish-deepwave"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-deepwave"][data-button-skin="finish-deepwave"],
.market-skin-preview[data-fit-skin="finish-deepwave"]{
 --button-shape-id:finish-deepwave;--button-shape-left:url("/static/button-art/finish-deepwave-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-deepwave-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#174c58,#0d2138 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#174c58,#0d2138 75%);
 --button-shape-edge:#66e6d9;--button-shape-trim:#a2c5ff;
 --button-accent:#66e6d9;--button-secondary:#a2c5ff;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#174c58,#0d2138 78%);
 --button-primary-face:linear-gradient(120deg,#174c58,#0d2138 75%);
 --button-line:#66e6d9;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-skin="finish-onyx"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-onyx"][data-button-skin="finish-onyx"],
.market-skin-preview[data-fit-skin="finish-onyx"]{
 --button-shape-id:finish-onyx;--button-shape-left:url("/static/button-art/finish-onyx-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-onyx-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#30253c,#15111d 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#30253c,#15111d 75%);
 --button-shape-edge:#d3b4ff;--button-shape-trim:#e1cbea;
 --button-accent:#d3b4ff;--button-secondary:#e1cbea;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#30253c,#15111d 78%);
 --button-primary-face:linear-gradient(120deg,#30253c,#15111d 75%);
 --button-line:#d3b4ff;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"]:not([data-button-skin]),
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-skin="finish-solar"][data-button-skin="follow"],
body.tokyo-rivals-shell[data-owned-skins~="finish-solar"][data-button-skin="finish-solar"],
.market-skin-preview[data-fit-skin="finish-solar"]{
 --button-shape-id:finish-solar;--button-shape-left:url("/static/button-art/finish-solar-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/finish-solar-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#513c25,#291d30 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#513c25,#291d30 75%);
 --button-shape-edge:#ffd571;--button-shape-trim:#efb2dd;
 --button-accent:#ffd571;--button-secondary:#efb2dd;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#513c25,#291d30 78%);
 --button-primary-face:linear-gradient(120deg,#513c25,#291d30 75%);
 --button-line:#ffd571;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-button-skin="buttons-chrome"],
.market-skin-preview[data-fit-skin="buttons-chrome"]{
 --button-shape-id:buttons-chrome;--button-shape-left:url("/static/button-art/buttons-chrome-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/buttons-chrome-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#3c5667,#10202d 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#3c5667,#10202d 75%);
 --button-shape-edge:#d8f2ff;--button-shape-trim:#7caac4;
 --button-accent:#d8f2ff;--button-secondary:#7caac4;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#3c5667,#10202d 78%);
 --button-primary-face:linear-gradient(120deg,#3c5667,#10202d 75%);
 --button-line:#d8f2ff;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-button-skin="buttons-arcade"],
.market-skin-preview[data-fit-skin="buttons-arcade"]{
 --button-shape-id:buttons-arcade;--button-shape-left:url("/static/button-art/buttons-arcade-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/buttons-arcade-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#302040,#11152d 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#302040,#11152d 75%);
 --button-shape-edge:#90ffe5;--button-shape-trim:#ff9cde;
 --button-accent:#90ffe5;--button-secondary:#ff9cde;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#302040,#11152d 78%);
 --button-primary-face:linear-gradient(120deg,#302040,#11152d 75%);
 --button-line:#90ffe5;--button-radius:3px;--button-cut:none;--button-motif:none;
}
body.tokyo-rivals-shell[data-button-skin="buttons-paper"],
.market-skin-preview[data-fit-skin="buttons-paper"]{
 --button-shape-id:buttons-paper;--button-shape-left:url("/static/button-art/buttons-paper-left.svg?v=proportions-20261021");
 --button-shape-right:url("/static/button-art/buttons-paper-right.svg?v=proportions-20261021");
 --button-shape-fill:linear-gradient(165deg,#49313a,#241a28 78%);
 --button-shape-primary-fill:linear-gradient(120deg,#49313a,#241a28 75%);
 --button-shape-edge:#f4d3a3;--button-shape-trim:#f3a9b4;
 --button-accent:#f4d3a3;--button-secondary:#f3a9b4;--button-ink:#f5f3ef;
 --button-face:linear-gradient(165deg,#49313a,#241a28 78%);
 --button-primary-face:linear-gradient(120deg,#49313a,#241a28 75%);
 --button-line:#f4d3a3;--button-radius:3px;--button-cut:none;--button-motif:none;
}

/* Decorations are backgrounds. Labels, native focus, clickable rectangles and
   existing summary/selection pseudo-elements keep their own space and behavior. */
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected],
:root body.tokyo-rivals-shell[data-skin] .masthead>.mast-actions>[data-staff-open],
:root body.tokyo-rivals-shell[data-skin] :is(button.btn.primary,.btn.primary,button.primary,button,.btn,.button,.entry,.auth-submit,.landing-action,.mast-tool,
 .hq-profile-link,.hq-stats-primary-head>a,.hq-kit-shortcuts>a,.hq-profile-overview-links>a,
 .tabs>a,.collector-tabs>a,.collector-avatar-edit-tag,.collector-editor-nav>a,.room-link,.device-wheel-track>a,.page-sections-tab):not(:where(
 .skin-option,.hud-carousel-dot,.staff-tool,.crossline-cell,.crossline-square,
 .danger,.warning,.warn,.combat,.premium,.success,[class*="style-"])),
.market-skin-preview[data-fit-skin] :is(nav>span,.market-skin-preview-wheel>span){
 --button-shape-center:calc(100% - var(--button-shape-width) - var(--button-shape-width) - 16px);
 background-image:var(--button-shape-left),var(--button-shape-right),
  linear-gradient(90deg,transparent,color-mix(in srgb,var(--button-shape-trim) 24%,transparent),transparent),
  linear-gradient(90deg,transparent,color-mix(in srgb,var(--button-shape-trim) 24%,transparent),transparent),
  var(--button-shape-fill)!important;
 background-position:left var(--button-shape-inset) center,right var(--button-shape-inset) center,
  center 5px,center calc(100% - 5px),center!important;
 background-size:var(--button-shape-width) calc(100% - 12px),var(--button-shape-width) calc(100% - 12px),
  var(--button-shape-center) 1px,var(--button-shape-center) 1px,
  100% 100%!important;
 background-repeat:no-repeat!important;background-color:var(--skin-bg-2)!important;
 background-origin:border-box!important;background-clip:border-box!important;
 border:1px solid color-mix(in srgb,var(--button-shape-edge) 60%,var(--skin-bg-2))!important;
 border-radius:6px!important;clip-path:none!important;
 box-shadow:inset 0 1px color-mix(in srgb,var(--button-shape-trim) 18%,transparent)!important;color:var(--button-ink)!important;
 padding-inline:calc(var(--button-shape-width) + 9px)!important;
 min-height:44px;max-width:100%;box-sizing:border-box;
 text-align:center;white-space:normal;overflow-wrap:anywhere;
 filter:none!important;
}
:root body.tokyo-rivals-shell[data-skin] .masthead :is(.mast-tool,[data-staff-open]){--button-shape-width:14px}
:root body.tokyo-rivals-shell[data-skin] .device-wheel-track>a{--button-shape-width:12px}
:root body.tokyo-rivals-shell[data-skin] .page-sections-tab{--button-shape-width:10px}
.market-skin-preview[data-fit-skin] :is(nav>span,.market-skin-preview-wheel>span){--button-shape-width:14px}
.market-skin-preview[data-fit-skin] .market-skin-preview-wheel>span{--button-shape-width:8px}
:root body.tokyo-rivals-shell[data-skin] .masthead>.mast-actions>[data-staff-open]:is(:hover,:focus-visible):not(:disabled),
:root body.tokyo-rivals-shell[data-skin] :is(button.btn.primary,.btn.primary,button.primary,button,.btn,.button,.entry,.auth-submit,.landing-action,.mast-tool,
 .hq-profile-link,.hq-stats-primary-head>a,.hq-kit-shortcuts>a,.hq-profile-overview-links>a,
 .tabs>a,.collector-tabs>a,.collector-avatar-edit-tag,.collector-editor-nav>a,.room-link,.device-wheel-track>a,.page-sections-tab):is(:hover,:focus-visible):not(:where(
 :disabled,[aria-disabled="true"],.skin-option,.hud-carousel-dot,.crossline-cell,.crossline-square,.staff-tool,.danger,.warning,.warn,.combat,.premium,.success,[class*="style-"])){
 border-color:var(--button-accent)!important;
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--button-accent) 30%,transparent)!important;
 filter:none!important;
}
/* Selected state does not depend on the decorative silhouette or color alone. */
:root body.tokyo-rivals-shell[data-skin] :is(.page-sections-tab[aria-selected="true"],.device-wheel-track>a[aria-current="page"],.tabs>a[aria-current="page"],.collector-tabs>a[aria-current="page"],.collector-editor-nav>a[aria-current="page"],.room-link.active){
 --button-shape-fill:var(--button-shape-primary-fill);text-decoration-line:underline!important;
 text-decoration-thickness:2px!important;text-underline-offset:4px;
}
:root body.tokyo-rivals-shell[data-skin] :is(button.btn.primary,.btn.primary,button.primary,button,.btn,.button,.entry,.auth-submit,.landing-action,.mast-tool,
 .hq-profile-link,.page-sections-tab,.device-wheel-track>a):is(:disabled,[aria-disabled="true"]){
 filter:none!important;opacity:.55;cursor:not-allowed;
}
/* Arrows and tight controls use the matching material without compressed art. */
:root body.tokyo-rivals-shell[data-skin] :is(button.device-wheel-arrow[class],.tr-arcade-controls button,.device-wheel-arrow,.wheel-arrow,.hud-carousel-button,
 .page-sections-arrow,.password-toggle,.skin-menu-heading>button){
 --button-shape-id:compact;--button-shape-left:none;--button-shape-right:none;
 background:var(--button-face)!important;color:var(--button-ink)!important;
 border-color:var(--button-line)!important;clip-path:none!important;min-height:44px;
 padding-inline:8px!important;background-size:auto!important;
}
@media(max-width:360px){
 :root body.tokyo-rivals-shell[data-skin] .masthead :is(.mast-tool,[data-staff-open]){--button-shape-width:11px}
 :root body.tokyo-rivals-shell[data-skin] .page-sections-tab{--button-shape-width:4px}
}
/* Navigation keeps one small inset insignia and a clear label. */
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected],
:root body.tokyo-rivals-shell[data-skin] .masthead>.mast-actions>[data-staff-open],
:root body.tokyo-rivals-shell[data-skin] :is(button.btn.primary,.masthead .mast-tool,.device-wheel-track>a,.page-sections-tab):where(.masthead *,.device-wheel-track>a,.page-sections-tab),
.market-skin-preview[data-fit-skin] :is(nav>span,.market-skin-preview-wheel>span){
 --button-shape-width:12px;
 background-image:var(--button-shape-left),var(--button-face)!important;
 background-position:left 5px center,center!important;
 background-size:var(--button-shape-width) calc(100% - 14px),100% 100%!important;
 background-repeat:no-repeat!important;
 border:1px solid color-mix(in srgb,var(--button-line) 65%,transparent)!important;border-radius:max(6px,var(--button-radius))!important;
 padding-inline:24px 8px!important;box-shadow:inset 0 1px color-mix(in srgb,var(--button-secondary) 22%,transparent)!important;
 filter:none!important;clip-path:none!important;
}
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected="true"],
:root body.tokyo-rivals-shell[data-skin] .device-wheel-track>a[aria-current="page"]{
 border-bottom:3px solid var(--button-accent)!important;text-decoration-line:underline!important;
}
/* Small navigation uses the selected material without squeezing full-size ends. */
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected]:is(:hover,:focus-visible):not(:disabled),
:root body.tokyo-rivals-shell[data-skin] .masthead>.mast-actions>[data-staff-open]:is(:hover,:focus-visible):not(:disabled),
:root body.tokyo-rivals-shell[data-skin] :is(button.btn.primary,.masthead .mast-tool,.device-wheel-track>a,.page-sections-tab):where(.masthead *,.device-wheel-track>a,.page-sections-tab):is(:hover,:focus-visible):not(:disabled){
 border-color:color-mix(in srgb,var(--button-line) 65%,transparent)!important;filter:none!important;
 box-shadow:inset 0 1px color-mix(in srgb,var(--button-secondary) 22%,transparent)!important;
}
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected="true"]:is(:hover,:focus-visible):not(:disabled),
:root body.tokyo-rivals-shell[data-skin] .device-wheel-track>a[aria-current="page"]:is(:hover,:focus-visible):not(:disabled){border-bottom-color:var(--button-accent)!important}
:root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected]{--button-shape-width:9px;padding-inline:18px 5px!important;overflow-wrap:normal}
@media(prefers-reduced-motion:reduce){
 :root body.tokyo-rivals-shell[data-skin] :is(.btn,.button,.mast-tool,.page-sections-tab,.device-wheel-track>a){transition:none!important}
}
@media(forced-colors:active){
 body.tokyo-rivals-shell[data-skin],.market-skin-preview[data-fit-skin]{
  --button-shape-left:none!important;--button-shape-right:none!important;
  --button-shape-fill:linear-gradient(Canvas,Canvas)!important;
  --button-shape-primary-fill:linear-gradient(Canvas,Canvas)!important;
  --button-shape-edge:CanvasText!important;--button-shape-trim:transparent!important;
 }
 :root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected],
:root body.tokyo-rivals-shell[data-skin] .masthead>.mast-actions>[data-staff-open],
 :root body.tokyo-rivals-shell[data-skin] :is(button.btn.primary,.btn.primary,button.primary,button,.btn,.button,.entry,.auth-submit,.landing-action,.mast-tool,
 .hq-profile-link,.hq-stats-primary-head>a,.hq-kit-shortcuts>a,.hq-profile-overview-links>a,
 .tabs>a,.collector-tabs>a,.collector-avatar-edit-tag,.collector-editor-nav>a,.room-link,.device-wheel-track>a,.page-sections-tab),
 .market-skin-preview[data-fit-skin] :is(nav>span,.market-skin-preview-wheel>span){
  background:Canvas!important;color:CanvasText!important;border:1px solid CanvasText!important;
  filter:none!important;box-shadow:none!important;clip-path:none!important;
 }
 :root body.tokyo-rivals-shell[data-skin] .page-sections-nav .page-sections-tab[aria-selected="true"],
 :root body.tokyo-rivals-shell[data-skin] .device-wheel-track>a[aria-current="page"]{border-bottom:3px solid Highlight!important}
}

/* Page-specific frames use the same selected material as the shared HUD. */
body.tokyo-rivals-shell[data-skin] main :is(
 .training-slot-terminal,.training-tree,.move-browser,.move-tree,.pvp-lobby-create,.pvp-match-browser,
 .clinic-tree,.travel-head,.career-console,.career-browser,.crew-entry-head,.crew-charter,
 .style-loadout-head,.style-selection-console,.command-menu-head,.news-terminal-head,.news-feed-terminal,
 .roadmap-terminal-head,.community-head,.fighter-discovery,.presence-console,.staff-directory,
 .exchange-terminal-head,.exchange-panel,.business-head,.business-owner,.business-history,.garage-head,
 .collector-editor-title,.relay-chapter,.manual-chapter,.relationship-panel,.signal-hero,
 .market-hero.market-hero-compact,.market-catalog-group,.market-fit-advanced,.market-fit-comparison-library,
 .market-fit-gallery,.market-fit-gallery-details,.market-fit-scene,
 .entry-console-head,.security-overview-lane,.ac-gift-tree
):not(:where(.prem-profile-card,.prem-journal-theme,.prem-profile-card *,.prem-journal-theme *)){
 background:var(--finish-frame,var(--skin-material))!important;
 border-color:var(--finish-edge,var(--skin-line))!important;
 border-radius:var(--finish-panel-radius,var(--skin-radius))!important;color:var(--skin-text);
}
body.tokyo-rivals-shell[data-skin] main :is(
 .training-branch,.move-row,.encounter-card,.clinic-branch,.work-xp-brief,.career-shift,.career-specialty,
 .career-specialty-card,.career-row,.news-feed-row,.roadmap-lane.live,.community-user-row,.staff-row,
 .collector-customize-card,.collector-gallery-card,.collector-gallery-art,.collector-art-unavailable,
 .collector-preview-note,.collector-editor-nav,.collector-avatar-settings,.collector-account-settings,
 .branch-body,.clinic-branch-body,.job-row-body,.contract-row-body,.injury-row-body
):not(:where(.prem-profile-card,.prem-journal-theme,.prem-profile-card *,.prem-journal-theme *)){
 background:var(--finish-inset,var(--skin-panel))!important;border-color:var(--skin-line)!important;
 color:var(--skin-text);border-radius:var(--finish-inset-radius,var(--skin-radius));
}
/* Form fields remain readable within every themed reading pane. */
body.tokyo-rivals-shell[data-skin] :is(main,dialog) :is(input:not([type="hidden"]):not([type="range"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),select,textarea):not(:where(.prem-profile-card *,.prem-journal-theme *)){
 background:var(--skin-bg-2)!important;border-color:var(--skin-line)!important;color:var(--skin-text)!important;
}
body.tokyo-rivals-shell[data-skin] .service-bench{--sb-line:var(--skin-line);--sb-muted:var(--skin-muted);--sb-bright:var(--skin-text)}
body.tokyo-rivals-shell[data-skin] .garage-shakedown{--gs-line:var(--skin-line);--gs-muted:var(--skin-muted);--gs-text:var(--skin-text)}
body.tokyo-rivals-shell[data-skin] :is(.service-bench,.garage-shakedown){background:var(--finish-frame,var(--skin-material))!important;border-color:var(--skin-line)!important}
body.tokyo-rivals-shell[data-skin] :is(.sb-header,.gs-header){background:var(--finish-header,var(--skin-panel))!important}
/* Long owned-skin names wrap inside their clear label plate on phones. */
:root body.tokyo-rivals-shell[data-skin] .masthead .skin-tool{min-width:0;grid-template-columns:minmax(0,1fr);white-space:normal!important}
:root body.tokyo-rivals-shell[data-skin] .masthead .skin-tool :is(span,b){min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.3}