/* Selected direction: Rival Ink. Paper + ink + vermilion, shared ambition.
   Expressive framing surrounds calm, legible analytical surfaces. */
:root {
  color-scheme: light;
  --bg:#f2efe7; --surface-1:#f8f5ee; --surface-2:#e9e5dc; --surface-3:#ded9cd; --surface-sunken:#e5e0d5;
  --ink:#191b1a; --ink-muted:#51544f; --ink-faint:#62655e; --ink-ondark:#fffaf0;
  --border:#c5c1b7; --border-faint:#d9d4c9; --border-strong:#7b7d72;
  --accent:#be3c25; --accent-dark:#a43220; --gold:#b43c27; --gold-ink:#a3301b;
  --gold-soft:#b43c270c; --gold-line:#b43c2750;
  --attack:#bd3f32; --attack-ink:#aa3227; --attack-soft:#bd3f3210;
  --defense:#326982; --defense-ink:#28576c; --defense-soft:#32698212;
  --player-a:#a33824; --player-b:#494b89; --player-a-soft:#a3382414; --player-b-soft:#494b8912;
  --enemy:#725b8a; --grid:#d8d3c9; --axis:#aaa79f;
  --r-xs:1px; --r-1:1px; --r-2:2px; --r-3:2px; --r-pill:2px;
  --content-max:1512px; --shadow-1:none; --shadow-2:2px 3px 0 #171a1818; --shadow-3:3px 5px 0 #171a1820;
  --font-poster:"Anton",Impact,sans-serif;
  --fs-h1:2.4rem; --fs-h2:1.35rem;
}
body { background:var(--bg); }
.app-skip:focus { position:fixed; top:10px; left:10px; z-index:100; width:auto; height:auto; clip:auto; overflow:visible; padding:12px 18px; background:var(--bg); color:var(--ink); border:2px solid var(--accent); }
.ri-deep-nav:has(.navitem[aria-current=page]) > summary { color:#ff9b80; }
.app { display:block; min-height:100dvh; }
.rail { display:flex; flex-direction:row; align-items:center; height:78px; position:relative; width:100%; overflow:visible; background:#171a18; color:#f6f2e8; border:0; border-bottom:3px solid #171a18; z-index:25; padding:0 32px; gap:30px; }
.rail__brand { padding:0; gap:16px; flex:none; color:#f6f2e8; }
.rail__brand-text { line-height:1; }
.rail__sub { margin:0 0 4px; font:11px var(--font-mono); color:#f6f2e8; letter-spacing:.27em; }
.rail__title { font:29px/1 var(--font-poster); letter-spacing:-.03em; white-space:nowrap; }
.ri-brand-mark { font-size:42px; color:#e14b31; transform:rotate(15deg); transition:transform .3s; }
.rail__brand:hover .ri-brand-mark { transform:rotate(100deg); }
.rail__nav { flex:1; flex-direction:row; gap:6px; padding:0; align-items:center; }
.rail .navitem { min-height:46px; padding:0 16px; font:18px var(--font-poster); text-transform:uppercase; color:#f0ede4; white-space:nowrap; border-radius:0; isolation:isolate; }
.rail .navitem::before { display:none; }
.rail .navitem::after { content:""; position:absolute; inset:5px 0; z-index:-1; background:#d4472d; clip-path:polygon(3% 8%,97% 0,100% 82%,94% 98%,0 95%,2% 49%); transform:scaleX(0) skew(-5deg); transform-origin:left; transition:transform .17s ease-out; }
.rail .navitem:hover,.rail .navitem[aria-current=page] { background:transparent; color:#fffaf2; }
.rail .navitem:hover::after,.rail .navitem[aria-current=page]::after { transform:scaleX(1) skew(-5deg); }
.rail .navitem[aria-current=page] .navitem__icon { color:inherit; }
.ri-deep-nav { position:relative; margin-left:auto; }
.ri-deep-nav summary { cursor:pointer; padding:12px 8px; min-height:44px; list-style:none; white-space:nowrap; font:12px var(--font-mono); color:#e0ded5; }
.ri-deep-nav summary::-webkit-details-marker { display:none; }
.ri-deep-nav__links { position:absolute; right:0; top:50px; min-width:230px; background:#171a18; border:1px solid #797b72; box-shadow:5px 5px 0 #be3c25; padding:12px; display:grid; gap:4px; }
.ri-deep-nav__links .navitem { font-family:var(--font-body); font-size:13px; text-transform:none; }
.ri-header-mission { display:grid; gap:3px; text-align:right; padding-left:22px; border-left:1px solid #5d6057; flex:none; }
.ri-header-mission small { font:8px var(--font-mono); letter-spacing:.07em; color:#b5b8ad; }
.ri-header-mission strong { font:23px var(--font-poster); letter-spacing:.06em; }
.main { display:flex; height:calc(100dvh - 78px); overflow:hidden; }
.topbar { min-height:58px; height:58px; padding:0 32px; background:var(--bg); border-bottom:1px solid var(--border); gap:24px; }
.topbar__crumbs { font-size:10px; }
.topbar__crumbs strong { font-family:var(--font-body); }
.ri-player-nav { display:flex; align-items:center; margin-right:auto; border-left:1px solid var(--border); padding-left:16px; gap:2px; }
.ri-player-nav a { padding:11px 10px; min-height:44px; display:grid; place-items:center; font:11px var(--font-body); border-bottom:2px solid transparent; }
.ri-player-nav a:hover { background:var(--surface-2); }
.ri-player-nav a[aria-current=page] { border-bottom-color:var(--accent); font-weight:600; }
.scopeswitch__label { color:var(--ink-muted); }
.scopeswitch__opt { color:var(--ink-muted); }
.content__inner { padding:24px 32px 70px; }
.content__inner--wide { max-width:none; }
.c-page { gap:26px; }
.c-page h1, .pl-head__name, .section-header h1 { font:400 clamp(35px,4vw,58px)/1.08 var(--font-poster); text-transform:uppercase; letter-spacing:-.025em; max-width:24ch; }
.c-page h2,.c-page h3 { font-family:var(--font-display); font-weight:600; letter-spacing:-.025em; }
.c-page p { font-size:13px; }
.c-eyebrow,.eyebrow { color:var(--ink-faint); font-size:10px; }
.c-section-head { border-top:2px solid var(--ink); padding-top:17px; margin-top:8px; }
.c-section-head h2 { font-size:24px; }
.c-section-head .c-button { color:var(--accent); }
.c-button,.btn { border-radius:0; transition:background .16s,transform .16s,box-shadow .16s; }
.c-button:hover,.btn:hover { transform:translate(-1px,-2px); box-shadow:3px 3px 0 var(--border); background:var(--surface-2); }
.c-button--primary,.btn--primary { color:#fff8eb; background:var(--accent); border-color:var(--accent); }
.c-button--primary:hover,.btn--primary:hover { color:#fff8eb; background:var(--accent-dark); box-shadow:3px 3px 0 var(--ink); }
.c-panel,.c-insight,.card,.verdict,.c-experiment { background:var(--surface-1); border-radius:1px; box-shadow:none; }
.c-insight { border-top:3px solid var(--accent); }
.c-insight--strength { border-top-color:var(--ink); }
.c-insight--strength .c-eyebrow { color:var(--ink); }
.c-positive,.c-negative { color:var(--ink) !important; }
.c-negative { color:var(--accent) !important; }
.c-form-panel { background:var(--ink); border:0; border-radius:0; color:var(--bg); padding:22px 25px; }
.c-form-panel .c-eyebrow,.c-form-panel__read small,.c-form-panel__foot { color:#c8cbbf; }
.c-form-panel h2,.c-form-panel .c-positive { color:var(--bg) !important; }
.c-form-panel .c-negative { color:#ff8c73 !important; }
.c-form-panel .c-button { border-color:#7c8176; color:#eeeae0; }
.c-form-panel .c-button:hover { background:#363b32; box-shadow:none; }
.c-form-game { border-radius:0; background:#393e34; color:#eeeae0; border-color:#7c8571; }
.c-form-game--win { background:#eeeae0; color:#191b18; border-color:#eeeae0; }
.c-form-game--loss { background:#332824; color:#ffab95; border-color:#e87759; }
.c-form-panel__head { margin-bottom:17px; }
.c-form-panel__head h2 { font-family:var(--font-poster); letter-spacing:0; }
.c-form-panel__foot { font-size:10px; }
.c-result--win { background:var(--ink); color:var(--bg); }
.c-result--loss { background:#be3c2513; color:var(--accent); border:1px solid #be3c2544; }
.c-stat-grid { background:transparent; border-radius:0; }
.c-stat-grid .c-caption { color:var(--ink-muted); }
.c-stat .ratechip-block > .ratechip__val { font-family:var(--font-poster); }
.c-badge { border-radius:0; font-size:10px; }
.c-experiment { border-color:var(--ink); border-left:5px solid var(--accent); }
.c-mode-tabs,.c-mode-tabs button,.c-field input,.c-field select,.c-field textarea,.c-table-wrap,.c-empty,.c-progress { border-radius:0; }
.c-table .c-selected td { background:#dcd8ca; }
.c-status-dot { background:var(--ink); }
.c-round-map,.lab__canvas-wrap { background:#101821; }
.c-round-map__label { color:#c9cdd0; }
.c-chapters { background:var(--bg); border-block:1px solid var(--border); }
.c-chapters button { border-radius:0; }
.ri-hero { position:relative; display:grid; grid-template-columns:minmax(190px,1fr) minmax(310px,1.3fr) minmax(190px,1fr); min-height:395px; border:1px solid var(--ink); border-bottom:3px solid var(--ink); isolation:isolate; background:var(--surface-1); overflow:hidden; }
.ri-hero::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.24; background:repeating-linear-gradient(124deg,transparent 0 30px,#171a1812 30px 31px,transparent 31px 62px); clip-path:polygon(0 40%,40% 100%,0 100%,100% 0,65% 0,100% 50%); }
.ri-hero__edition { position:absolute; z-index:4; top:0; left:0; right:0; display:flex; justify-content:space-between; gap:15px; padding:10px 14px; font:8px var(--font-mono); letter-spacing:.12em; border-bottom:1px solid #191b1a30; }
.ri-hero__copy { z-index:3; align-self:center; display:grid; justify-items:center; text-align:center; gap:12px; padding:49px 0 30px; }
.ri-hero__kicker { font:clamp(22px,2.6vw,37px)/1 var(--font-poster); transform:rotate(-2deg); letter-spacing:.025em; }
.ri-hero .ri-hero__copy h1 { font:400 clamp(64px,7.3vw,107px)/.92 var(--font-poster); letter-spacing:-.04em; display:flex; gap:.15em; white-space:nowrap; max-width:none; text-shadow:2px 2px 0 var(--surface-1); }
.ri-hero h1 span { color:var(--accent); }
.ri-mission-stamp { display:inline-block; padding:8px 13px; font:11px var(--font-mono); border:2px solid var(--accent); color:var(--accent); transform:rotate(-3deg); margin:10px 0 3px; box-shadow:2px 2px 0 #be3c2520; position:relative; }
.ri-mission-stamp::after { content:"✳"; position:absolute; right:-34px; top:-7px; font-size:27px; animation:ri-turn 24s linear infinite; }
.ri-hero__copy p { max-width:32ch; font-size:12px; padding:0 12px; }
.ri-hero__copy .c-actions { justify-content:center; gap:8px; }
.ri-hero__copy .c-button { font-size:11px; background:var(--surface-1); padding:10px; }
.ri-hero__copy .c-button--primary { background:var(--accent); }
.ri-operative { position:relative; min-width:0; overflow:hidden; padding-top:36px; }
.ri-operative--casual { grid-column:1; }
.ri-operative--kolerocks { grid-column:3; }
.ri-portrait { background-image:url('../assets/portraits/agent-atlas.webp'); background-repeat:no-repeat; background-size:400% auto; background-position:0 0; mix-blend-mode:multiply; width:100%; height:100%; min-height:280px; transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.ri-portrait { filter:grayscale(1) contrast(1.06) brightness(1.08); }
.ri-operative > .ri-portrait { position:absolute; width:280px; height:560px; min-height:0; top:36px; left:50%; transform:translateX(-50%); }
.ri-portrait[data-avatar=jett] { background-position:0 0; }
.ri-portrait[data-avatar=fade] { background-position:66.6667% 0; }
.ri-portrait[data-avatar=viper] { background-position:100% 0; }
.ri-portrait[data-avatar=waylay] { background-image:url('../assets/portraits/waylay.webp'); background-size:100% auto; background-position:center 0; }
.ri-operative:hover .ri-portrait { transform:translateX(-50%) translateY(-4px) scale(1.018); }
.ri-operative__id { position:absolute; bottom:25px; left:16px; right:16px; z-index:2; display:grid; justify-items:start; gap:0; }
.ri-operative--kolerocks .ri-operative__id { justify-items:end; text-align:right; }
.ri-nameplate { padding:9px 21px 10px; background:var(--ink); color:#fff9ed; font:28px/1 var(--font-poster); text-transform:uppercase; transform:skew(-6deg); box-shadow:5px 4px 0 var(--accent); }
.ri-nameplate:hover { background:var(--accent); box-shadow:5px 4px 0 var(--ink); }
.ri-operative__rank { background:var(--surface-1); font:11px var(--font-mono); text-transform:uppercase; padding:8px 12px; border-bottom:1px solid var(--ink); min-width:154px; }
.ri-avatar-picker { display:flex; align-items:center; gap:6px; background:var(--surface-1); padding:0 8px; font:9px var(--font-mono); text-transform:uppercase; }
.ri-avatar-picker select { background:transparent; color:var(--ink); border:0; font:11px var(--font-body); min-height:44px; min-width:80px; cursor:pointer; }
.ri-hero__foot { position:absolute; left:0; right:0; bottom:0; border-top:1px solid #171a1830; background:var(--surface-1); font:8px var(--font-mono); text-transform:uppercase; text-align:center; padding:5px; color:var(--ink-faint); }
.ri-goals .c-section-head { margin-top:0; border-top:0; padding-top:0; margin-bottom:18px; }
.ri-goal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--border); }
.ri-goal { padding:20px 23px; background:var(--surface-1); border-right:1px solid var(--border); display:flex; flex-direction:column; gap:13px; position:relative; min-width:0; }
.ri-goal:last-child { border-right:0; }
.ri-goal::before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background:var(--ink); transform-origin:left; transform:scaleX(.18); transition:transform .25s; }
.ri-goal:hover::before { transform:scaleX(1); background:var(--accent); }
.ri-goal__head { display:flex; align-items:center; justify-content:space-between; }
.ri-goal__head > span { font:25px/1 var(--font-poster); color:#909181; }
.ri-goal h2 { font-size:21px; line-height:1.18; }
.ri-goal p { font-size:12px; line-height:1.6; }
.ri-goal__foot { margin-top:auto; padding-top:9px; display:flex; justify-content:space-between; align-items:center; gap:8px; font:9px var(--font-mono); color:var(--ink-faint); }
.ri-goal__foot a { color:var(--accent); font:600 12px var(--font-body); min-height:44px; display:flex; align-items:center; white-space:nowrap; }
.ri-workbench { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); border:1px solid var(--ink); background:var(--surface-1); }
.ri-map-preview { border-right:1px solid var(--ink); padding:20px; display:grid; gap:13px; }
.ri-map-preview__head { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.ri-map-preview__head h2 { font:28px var(--font-poster); transform:skew(-5deg); }
.ri-map-preview__head .c-field { flex:initial; min-width:130px; }
.ri-map-preview__head .c-field > span { font-size:8px; }
.ri-map-preview__head .c-field select { padding:8px; }
.ri-map-preview__canvas { position:relative; background:#111b23; height:280px; overflow:hidden; border:1px solid #141a1c; }
.ri-map-preview__canvas::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 49.8%,#dde8e618 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#dde8e618 50%,transparent 50.2%); }
.ri-map-preview__canvas img { width:100%; height:100%; object-fit:contain; opacity:.82; transition:transform .55s; }
.ri-map-preview:hover img { transform:scale(1.035); }
.ri-map-preview__canvas > span { position:absolute; bottom:10px; left:13px; color:#e5e9e4; font:8px var(--font-mono); letter-spacing:.13em; background:#111b23d9; padding:5px; }
.ri-map-preview > p { font-size:12px; }
.ri-map-preview__open { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; min-height:46px; background:var(--ink); color:var(--bg); font:18px var(--font-poster); }
.ri-map-preview__open span { color:#ff947a; transition:transform .2s; }
.ri-map-preview__open:hover span { transform:translate(4px,-3px); }
.ri-compare-preview { padding:20px; display:flex; flex-direction:column; gap:16px; min-width:0; }
.ri-compare-preview .c-section-head { margin:0; padding:0; border:0; flex-wrap:wrap; gap:6px; }
.ri-compare-preview .c-section-head h2 { font-size:23px; }
.ri-compare-preview .c-section-head .c-button { font-size:11px; min-height:30px; }
.ri-compare-labels,.ri-compact-row { display:grid; grid-template-columns:1fr 1.5fr 1fr; align-items:center; text-align:center; gap:12px; }
.ri-compare-labels { padding-top:5px; font-size:12px; }
.ri-compare-labels > span { font:9px var(--font-mono); color:var(--ink-faint); }
.ri-compact-rows { border-block:2px solid var(--ink); }
.ri-compact-row { padding:18px 6px; border-bottom:1px solid var(--border); }
.ri-compact-row:last-child { border:0; }
.ri-compact-row > strong { font:35px/1 var(--font-poster); }
.ri-compact-row > div { display:grid; gap:5px; }
.ri-compact-row > div span { font-weight:600; font-size:13px; }
.ri-compact-row small { font-size:10px; color:var(--ink-faint); }
.ri-compare-preview > p { margin-top:auto; }
.ri-compare-page .c-top-summary h1 { font-size:64px; }
.ri-compare-page .c-top-summary p { max-width:70ch; }
.ri-compare-controls { padding:18px; border:1px solid var(--border); background:var(--surface-1); }
.ri-comparison-body { display:grid; gap:22px; }
.ri-comparison-identities { display:grid; grid-template-columns:1fr 1fr; border-bottom:3px solid var(--ink); gap:20px; }
.ri-comparison-identity { display:flex; align-items:center; gap:24px; min-width:0; background:var(--surface-1); border:1px solid var(--border); border-bottom:0; }
.ri-comparison-identity:last-child { flex-direction:row-reverse; text-align:right; }
.ri-portrait--small { width:135px; height:152px; min-height:0; flex:none; }
.ri-comparison-identity > div:last-child { display:grid; gap:6px; padding:12px 0; }
.ri-comparison-identity a { font:32px/1 var(--font-poster); text-transform:uppercase; }
.ri-comparison-identity a:hover { color:var(--accent); }
.ri-comparison-identity span { font-size:11px; color:var(--ink-faint); }
.ri-comparison-identity .ri-avatar-picker { padding:0; }
.ri-comparison-identity:last-child .ri-avatar-picker { justify-content:end; }
.c-page .ri-sample-note { font-size:12px; padding:0 0 0 14px; border-left:3px solid var(--accent); max-width:105ch; }
.ri-metric-table { border:1px solid var(--ink); background:var(--surface-1); }
.ri-metric-head,.ri-metric-row { display:grid; grid-template-columns:minmax(120px,1fr) minmax(260px,1.6fr) minmax(120px,1fr); gap:24px; align-items:start; padding:22px 24px; text-align:center; }
.ri-metric-head { padding-block:12px; background:var(--ink); color:var(--bg); font:11px var(--font-mono); text-transform:uppercase; }
.ri-metric-row { border-bottom:1px solid var(--border); }
.ri-metric-row:last-child { border:0; }
.ri-metric-cell { display:grid; gap:8px; align-content:start; }
.ri-metric-cell > strong { font:44px/1 var(--font-poster); }
.ri-metric-cell > small { color:var(--ink-faint); font-size:10px; line-height:1.5; }
.ri-metric-cell .ri-own-trend { color:var(--ink-muted); border-top:1px dashed var(--border); padding-top:8px; }
.ri-value-track { height:4px; background:var(--surface-3); margin:4px 0; }
.ri-value-track > span { display:block; height:100%; background:var(--ink); }
.ri-metric-explanation { display:grid; gap:9px; }
.ri-metric-explanation h2 { font-size:21px; }
.ri-metric-explanation p { font-size:11px; line-height:1.55; }
.ri-gap { color:var(--accent); font:10px var(--font-mono); }
.ri-review-footer { padding:24px; border:1px solid var(--border); display:grid; gap:18px; background:var(--surface-1); }
.ri-review-footer h2 { margin:7px 0; }
.ri-practice-owners { display:flex; gap:3px; border-bottom:2px solid var(--ink); }
.ri-practice-owners a { padding:12px 20px; min-height:44px; font:13px var(--font-body); }
.ri-practice-owners a:hover { background:var(--surface-2); }
.ri-practice-owners a[aria-current=page] { background:var(--ink); color:var(--bg); }
.hub-maps > .c-top-summary h1 { font-size:clamp(30px,3.1vw,43px); }
.hub-maps > .c-top-summary > div { gap:10px; }
.ri-profile-art { display:flex; align-items:center; gap:22px; }
.ri-profile-art .ri-portrait { width:110px; height:130px; min-height:0; flex:none; }
.pl-head { border-bottom:3px solid var(--ink); padding-bottom:16px; }
.pl-toggle { border-radius:0; }
.pl-toggle__opt { border-radius:0; }
.pl-head__name.u,.pl-head__name.k { color:var(--ink); }
.section-header { border-top:2px solid var(--ink); padding-top:20px; margin-top:28px; }
.section-header__title { font-size:24px; }
.maps-lab-head__title { font-family:var(--font-poster); }
.map-card__name { color:#f7f2e7; font-family:var(--font-poster); text-transform:uppercase; font-size:28px; }
.map-card__n { color:#e5e7df; }
.lab { border-radius:0; border:1px solid var(--ink); }
.lab__controls { background:var(--surface-1); }
.lab__controls { padding:14px; gap:10px; }
.lab__filters-foot[hidden] { display:none; }
.lab__body { padding:0 14px 14px; gap:20px; }
.lab__advanced > summary { font-size:12px; }
@media (min-width:1100px) {
  .lab__controls { display:grid; grid-template-columns:390px minmax(0,1fr); align-items:center; gap:12px 20px; }
  .lab__controls > .lab__bar { grid-column:1/-1; }
  .lab__controls > .lab__bar-group { grid-column:1; }
  .lab__quick-filters { grid-column:2; gap:15px; }
  .lab__quick-filters .lab__row { padding:0; }
  .lab__quick-filters .lab__chip { min-height:44px; padding:0 9px; font-size:12px; }
  .lab__advanced,.lab__filters-foot,.lab__smallnote { grid-column:1/-1; }
}
.lab__chip { border-radius:0; }
.lab__chip.is-active { color:var(--ink); background:var(--surface-3); border-color:var(--ink); }
.lab__canvas-wrap {
  color-scheme:dark;
  --bg:#101821; --surface-2:#192631; --surface-3:#273845; --surface-sunken:#101821;
  --ink:#f3f1e7; --ink-muted:#b5c4ca; --ink-faint:#92a5af; --border:#455b66; --border-strong:#778d97;
  --attack:#ff8271; --defense:#60caae; --player-a:#71bbff; --player-b:#eaa58b; --gold:#edb773; --enemy:#c3a8e8;
}
.lab__legend { color:var(--ink); }
.lab__panel { background:var(--surface-1); }
.lab__panel-title { font-size:28px; }
.lab__hovercard { border-radius:1px; }
:focus-visible { outline:2px solid var(--accent); outline-offset:3px; box-shadow:none; }
.rail :focus-visible { outline-color:#ff9a80; }
@keyframes ri-enter { from { opacity:0; transform:translateY(9px); } to { opacity:1; transform:translateY(0); } }
@keyframes ri-turn { to { transform:rotate(360deg); } }
.ri-page-enter { animation:ri-enter .25s ease-out both; }
.ri-scroll-ready { opacity:0; transform:translateY(12px); transition:opacity .45s ease,transform .45s ease; }
.ri-scroll-ready.ri-revealed { opacity:1; transform:translateY(0); }
@media (max-width:1200px) {
  .rail { gap:20px; padding:0 24px; }
  .rail .navitem { padding:0 11px; font-size:16px; }
  .ri-header-mission { display:none; }
  .ri-hero { grid-template-columns:minmax(180px,1fr) minmax(280px,1.2fr) minmax(180px,1fr); }
  .ri-hero .ri-hero__copy h1 { font-size:clamp(62px,7.6vw,87px); }
  .ri-nameplate { font-size:25px; padding:9px 14px; }
  .ri-goal { padding:18px; }
  .ri-goal h2 { font-size:19px; }
  .topbar__crumbs { display:none; }
  .ri-player-nav { padding-left:0; border:0; }
  .ri-compact-row > strong { font-size:31px; }
}
@media (min-width:901px) {
  .c-mobile-menu { display:none; }
  .c-bottom-grid:has(> :only-child) { grid-template-columns:1fr; }
  .c-bottom-grid:has(> :only-child) > .c-panel > div:last-child { display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
}
@media (max-width:900px) {
  .rail { display:flex; position:relative; inset:auto; min-height:63px; height:63px; padding:0 20px; max-height:none; border-bottom:0; }
  .rail__brand { display:flex; }
  .rail__title { font-size:25px; }
  .rail__sub { font-size:9px; }
  .ri-brand-mark { font-size:35px; }
  .rail__nav { display:none; }
  .ri-header-mission { display:grid; border:0; margin-left:auto; padding-left:0; }
  .ri-header-mission strong { font-size:19px; }
  .ri-header-mission small { font-size:7px; }
  .nav-open .rail { flex-direction:row; align-items:center; }
  .nav-open .rail__nav { display:grid; grid-template-columns:1fr 1fr; position:absolute; top:121px; left:0; right:0; max-height:calc(100dvh - 125px); overflow:auto; padding:20px; background:#171a18; border-bottom:3px solid var(--accent); }
  .ri-deep-nav { grid-column:1/-1; margin:0; }
  .ri-deep-nav__links { position:static; margin-top:5px; box-shadow:none; display:grid; grid-template-columns:1fr 1fr; }
  .main { height:calc(100dvh - 63px); }
  .topbar { min-height:58px; height:58px; padding:0 20px; gap:10px; }
  .c-mobile-menu { display:block; border-radius:0; background:var(--ink); color:var(--bg); border:0; padding:9px; min-height:44px; }
  .ri-player-nav a { font-size:10px; padding:10px 7px; }
  .content__inner { padding:20px 20px 50px; }
  .ri-hero { grid-template-columns:1fr 1fr; min-height:565px; }
  .ri-hero__copy { position:absolute; inset:35px 0 auto; padding:12px 10px 0; gap:8px; }
  .ri-hero__kicker { font-size:25px; }
  .ri-hero .ri-hero__copy h1 { font-size:70px; }
  .ri-hero__copy p { display:none; }
  .ri-mission-stamp { margin:8px 0 0; font-size:9px; }
  .ri-hero__copy .c-actions { position:absolute; top:432px; }
  .ri-operative { padding-top:206px; }
  .ri-operative > .ri-portrait { top:190px; width:240px; height:480px; }
  .ri-operative--kolerocks { grid-column:2; }
  .ri-operative .ri-portrait { background-size:400% auto; }
  .ri-operative .ri-portrait[data-avatar=waylay] { background-size:100% auto; }
  .ri-operative__id { bottom:75px; left:10px; right:10px; }
  .ri-goal-grid { grid-template-columns:1fr; border:0; gap:10px; }
  .ri-goal { border:1px solid var(--border); display:grid; grid-template-columns:1fr 2fr; gap:10px 20px; padding:17px; }
  .ri-goal__head { grid-column:1; grid-row:1; }
  .ri-goal h2 { grid-column:1; grid-row:2; }
  .ri-goal > p { grid-column:2; grid-row:1/3; align-self:center; }
  .ri-goal__foot { grid-column:1/-1; padding:0; }
  .ri-goal:last-child { border-right:1px solid var(--border); }
  .ri-workbench { grid-template-columns:1fr 1fr; }
  .ri-map-preview,.ri-compare-preview { padding:16px; }
  .ri-map-preview__canvas { height:240px; }
  .ri-map-preview__head { gap:10px; flex-wrap:wrap; }
  .ri-map-preview__head h2 { font-size:24px; }
  .ri-compare-preview .c-section-head h2 { font-size:20px; }
  .ri-compact-row { padding:19px 0; gap:6px; }
  .ri-compact-row > strong { font-size:27px; }
  .ri-compact-row > div span { font-size:11px; }
  .ri-metric-head,.ri-metric-row { gap:15px; padding:20px 17px; grid-template-columns:minmax(105px,1fr) minmax(200px,1.6fr) minmax(105px,1fr); }
  .ri-metric-cell > strong { font-size:36px; }
}
@media (max-width:620px) {
  .topbar { flex-wrap:wrap; height:108px; min-height:108px; padding:5px 16px; gap:2px 8px; align-content:center; }
  .ri-player-nav { order:1; flex:1; margin-right:0; }
  .ri-player-nav a { padding:8px 10px; font-size:11px; flex:1; }
  .c-mobile-menu { order:2; margin-left:auto; }
  .scopeswitch { order:3; width:100%; justify-content:center; }
  .scopeswitch__opts { flex:1; }
  .scopeswitch__opt { padding:7px 10px; min-height:40px; }
  .nav-open .rail__nav { top:171px; max-height:calc(100dvh - 175px); }
  .content__inner { padding:16px 14px 45px; }
  .ri-hero { min-height:520px; margin-inline:-1px; }
  .ri-hero__edition { font-size:7px; padding:9px; }
  .ri-hero__edition > span:last-child { display:none; }
  .ri-hero__copy { inset:30px 0 auto; }
  .ri-hero__copy .ri-hero__kicker { font-size:24px; }
  .ri-hero .ri-hero__copy h1 { font-size:clamp(49px,14.4vw,74px); letter-spacing:-.025em; }
  .ri-mission-stamp::after { right:-27px; font-size:23px; }
  .ri-operative { padding-top:180px; }
  .ri-operative > .ri-portrait { top:185px; width:175px; height:350px; }
  .ri-operative__id { bottom:73px; left:9px; right:9px; }
  .ri-operative__rank { min-width:0; width:100%; font-size:9px; padding:7px; }
  .ri-nameplate { font-size:22px; padding:8px 13px; }
  .ri-avatar-picker { padding:0 5px; gap:2px; font-size:8px; }
  .ri-avatar-picker select { font-size:10px; min-width:68px; }
  .ri-hero__copy .c-actions { top:407px; width:100%; }
  .ri-hero__foot { font-size:6.7px; }
  .ri-goals .c-section-head { gap:5px; }
  .ri-goal { display:flex; gap:10px; padding:18px; }
  .ri-goal h2 { font-size:21px; }
  .ri-goal p { font-size:12px; }
  .ri-goal__foot { font-size:9px; }
  .ri-workbench { grid-template-columns:1fr; }
  .ri-map-preview { border-right:0; border-bottom:1px solid var(--ink); }
  .ri-map-preview__canvas { height:285px; }
  .ri-compare-preview { padding:18px; }
  .ri-compact-row { padding:20px 0; }
  .ri-compact-row > strong { font-size:34px; }
  .ri-compact-row > div span { font-size:13px; }
  .c-form-panel { padding:18px; }
  .c-form-panel__head { gap:16px; }
  .c-form-panel__read { margin-left:0; }
  .c-form-panel__read small { max-width:none; font-size:10px; }
  .c-form-panel__foot { font-size:9px; }
  .c-section-head h2 { font-size:24px; }
  .c-stat .c-caption { font-size:11px; }
  .ri-compare-page .c-top-summary h1 { font-size:49px; }
  .ri-compare-controls { gap:14px; padding:14px; }
  .ri-compare-controls .c-field { flex:1 0 42%; min-width:0; }
  .ri-compare-controls select { font-size:11px; padding:8px; }
  .ri-comparison-identities { gap:10px; }
  .ri-comparison-identity,.ri-comparison-identity:last-child { flex-direction:column; text-align:left; align-items:stretch; gap:0; overflow:hidden; }
  .ri-portrait--small { width:100%; height:132px; }
  .ri-comparison-identity > div:last-child { padding:12px; }
  .ri-comparison-identity a { font-size:24px; }
  .ri-comparison-identity .c-eyebrow { font-size:7px; }
  .ri-comparison-identity span { font-size:10px; }
  .ri-comparison-identity:last-child .ri-avatar-picker { justify-content:start; }
  .ri-metric-head { grid-template-columns:1fr 1fr; padding:12px; }
  .ri-metric-head > :nth-child(2) { display:none; }
  .ri-metric-row { grid-template-columns:1fr 1fr; gap:17px; padding:18px 14px; }
  .ri-metric-explanation { grid-row:1; grid-column:1/-1; }
  .ri-metric-explanation h2 { font-size:22px; }
  .ri-metric-explanation p { font-size:12px; }
  .ri-metric-cell { grid-row:2; }
  .ri-metric-cell > strong { font-size:38px; }
  .ri-metric-cell > small { font-size:10px; }
  .ri-review-footer { padding:18px; }
  .ri-profile-art { gap:12px; }
  .ri-profile-art .ri-portrait { width:90px; height:115px; }
  .pl-head__name { font-size:34px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; }
  .ri-mission-stamp::after,.ri-page-enter { animation:none; }
  .ri-scroll-ready { opacity:1; transform:none; transition:none; }
  .ri-portrait,.ri-map-preview img,.ri-brand-mark,.ri-map-preview__open span,.rail .navitem::after,.ri-goal::before,.c-button,.btn { transition:none; }
  .ri-operative:hover .ri-portrait { transform:translateX(-50%); }
  .ri-map-preview:hover img,.c-button:hover,.btn:hover { transform:none; }
}

/* The printed spread: artwork, imperfect rules and live pencil strokes.
   Only decorative layers are masked; text controls keep their full hit areas. */
:root { --bg:#f4f0e6; --surface-1:#f8f4eb; --ink:#151714; --font-note:"Permanent Marker",cursive; --content-max:1536px; }
body,.topbar { background-image:url('../assets/ink/paper.svg'); }
.topbar { backdrop-filter:none; border-bottom:0; position:relative; }
.topbar::after { content:""; position:absolute; inset:auto 0 -3px; height:6px; background:var(--ri-rule) center/100% 100%; pointer-events:none; }
.content__inner { padding:16px 24px 70px; }
.c-page { gap:28px; }
.rail { border:0; isolation:isolate; }
.rail::after { content:""; position:absolute; inset:auto 0 -3px; height:7px; background:var(--ri-rule) center/100% 100%; pointer-events:none; }
.rail__title { font-style:italic; font-size:32px; line-height:1.15; padding:.04em .2em .04em .04em; margin-left:-.04em; }
.rail__title,.c-page h1,.ri-nameplate,.ri-map-preview__head h2 { mask-image:var(--ri-type-wear); mask-size:170px; }
.rail .navitem::after { clip-path:none; mask:var(--ri-brush) center/100% 100% no-repeat; }
.ri-deep-nav__links { top:52px; min-width:270px; padding:16px; background:var(--surface-1) url('../assets/ink/paper.svg'); border:0; box-shadow:4px 6px 0 #171a1826; }
.ri-deep-nav__links::before { content:""; position:absolute; inset:0; background:var(--ri-frame) center/100% 100%; pointer-events:none; }
.rail .ri-deep-nav__links .navitem { color:var(--ink); font:15px var(--font-body); padding:0 12px; min-height:48px; }
.rail .ri-deep-nav__links .navitem:hover,.rail .ri-deep-nav__links .navitem[aria-current=page] { color:#fff8e9; }
.rail .ri-deep-nav__links :focus-visible { outline-color:var(--accent); }
.ri-player-nav a { position:relative; border:0; font-size:12px; }
.ri-player-nav a[aria-current=page]::after { content:""; position:absolute; bottom:2px; inset-inline:8px; height:5px; background:var(--accent); mask:var(--ri-rule) center/100% 100% no-repeat; }
.scopeswitch { background:transparent; border:0; }
.scopeswitch__group { border:0; background:transparent; gap:4px; padding:0; }
.scopeswitch__opt { background:transparent; border:0; min-height:42px; position:relative; }
.scopeswitch__opt[aria-pressed=true] { background:#171a1810; box-shadow:inset 0 -2px 0 var(--ink); }
.ri-hero { display:block; height:490px; min-height:0; border:0; margin:0 -10px; background:transparent; isolation:isolate; }
.ri-hero::before { inset:0; opacity:1; clip-path:none; background:url('../assets/ink/spread.webp') center bottom/100% 100% no-repeat; mix-blend-mode:multiply;
  mask-image:radial-gradient(ellipse 21% 43% at 17% 53%,transparent 35%,black 90%),radial-gradient(ellipse 21% 43% at 84% 53%,transparent 35%,black 90%); mask-composite:intersect;
}
.ri-hero::after { content:""; position:absolute; bottom:0; left:0; right:0; height:6px; background:var(--ri-rule) center/100% 100%; z-index:6; pointer-events:none; }
.ri-hero__edition { padding:5px 20px 0; border:0; font-size:9px; z-index:5; letter-spacing:.05em; }
.ri-hero__headline { position:absolute; top:23px; left:0; right:0; text-align:center; z-index:1; pointer-events:none; }
.ri-hero__kicker { font:11px var(--font-mono); letter-spacing:.32em; transform:none; margin:0 0 8px; }
.ri-hero .ri-hero__headline h1 { display:flex; justify-content:center; align-items:center; gap:.13em; max-width:none; font:400 clamp(85px,11.8vw,170px)/1 var(--font-poster); letter-spacing:-.045em; white-space:nowrap; text-shadow:none; transform:scaleY(1.1); }
.ri-hero h1 span { color:var(--ink); }
.ri-hero h1 i { color:var(--accent); font-style:normal; font-family:var(--font-note); font-size:.88em; line-height:1; margin:0 .01em; }
.ri-operative { position:absolute; top:22px; bottom:22px; width:38%; overflow:visible; padding:0; z-index:auto; }
.ri-operative--casual { left:0; }
.ri-operative--kolerocks { right:0; }
.ri-operative > .ri-portrait { top:35px; left:50%; width:395px; height:calc(100% - 31px); transform:translateX(-50%); min-height:0; z-index:2;
  mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent),linear-gradient(black 87%,transparent 100%); mask-composite:intersect;
}
.ri-operative--casual > .ri-portrait { left:43%; }
.ri-operative--kolerocks > .ri-portrait { left:57%; }
.ri-operative > .ri-portrait[data-avatar=waylay] { width:515px; background-position:center -38px; }
.ri-operative > .ri-portrait[data-avatar=viper] { background-position:100% -12px; }
.ri-operative__id { bottom:16px; left:24px; right:auto; gap:0; align-content:end; z-index:5; }
.ri-operative--kolerocks .ri-operative__id { left:auto; right:24px; }
.ri-nameplate { position:relative; isolation:isolate; padding:12px 26px; font-size:35px; background:transparent; box-shadow:none; transform:rotate(-2deg); }
.ri-nameplate::before { content:""; position:absolute; inset:0 -9px; background:var(--ink); mask:var(--ri-brush) center/100% 100% no-repeat; z-index:-1; transition:background .2s; }
.ri-nameplate:hover { background:transparent; box-shadow:none; }
.ri-nameplate:hover::before { background:var(--accent); }
.ri-operative--kolerocks .ri-nameplate { transform:rotate(1deg); }
.ri-operative__rank { padding:9px 19px; min-width:170px; border:0; font:600 12px var(--font-body); letter-spacing:.07em; background:var(--surface-1) url('../assets/ink/paper.svg'); clip-path:polygon(1% 0,100% 2%,95% 100%,0 95%); }
.ri-avatar-picker { padding:0 8px; margin-top:4px; gap:9px; background:var(--surface-1) url('../assets/ink/paper.svg'); min-width:0; }
.ri-avatar-options { display:flex; gap:0; }
.ri-avatar-options button { position:relative; font:12px var(--font-body); color:var(--ink-muted); border:0; background:transparent; min-height:44px; padding:8px; cursor:pointer; }
.ri-avatar-options button[aria-pressed=true] { color:var(--accent); font-weight:600; }
.ri-avatar-options button[aria-pressed=true]::after { content:""; position:absolute; left:7px; right:7px; bottom:6px; height:4px; background:var(--accent); mask:var(--ri-rule) center/100% 100% no-repeat; }
.ri-avatar-options button:hover { color:var(--ink); background:#171a1809; }
.ri-hero__copy { position:absolute; inset:224px 34% auto; padding:0; gap:6px; z-index:4; }
.ri-hero__copy .ri-handnote { display:block; font:20px/1.15 var(--font-note); color:var(--ink); transform:rotate(-4deg); max-width:none; padding:0; }
.ri-mission-stamp { font:28px/1.1 var(--font-note); border:0; box-shadow:none; padding:9px 18px; margin:4px 0 6px; transform:rotate(-4deg); }
.ri-mission-stamp::before { content:""; position:absolute; inset:0; background:var(--accent); mask:var(--ri-frame) center/100% 100% no-repeat; }
.ri-mission-stamp::after { display:none; }
.ri-hero__copy .c-actions { position:static; display:grid; gap:1px; justify-items:center; width:auto; }
.ri-hero__copy .c-button { min-height:44px; padding:7px 13px; background:transparent; border:0; font:12px var(--font-body); }
.ri-hero__copy .c-button--primary { position:relative; isolation:isolate; background:transparent; color:#fff8e9; font:15px var(--font-note); padding:11px 22px; }
.ri-hero__copy .c-button--primary::before { content:""; position:absolute; inset:0; background:var(--accent); mask:var(--ri-brush) center/100% 100% no-repeat; z-index:-1; }
.ri-hero__copy .c-button:hover { box-shadow:none; background:#f4f0e6b8; transform:translateY(-2px); }
.ri-hero__copy .c-button--primary:hover { color:#fff8e9; background:transparent; }
.ri-hero__copy .c-button--primary:hover::before { background:var(--ink); }
.ri-hero__foot { z-index:5; border:0; bottom:4px; background:transparent; font-size:8px; padding:4px; }
.ri-sketch { width:50px; height:43px; color:var(--accent); overflow:visible; pointer-events:none; flex:none; }
.ri-sketch path { stroke-dasharray:1; stroke-dashoffset:0; animation:ri-pencil 1.4s ease-out both; }
.ri-drawn-frame { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; overflow:visible; color:var(--ink); opacity:.6; }
.ri-drawn-frame path { stroke-dasharray:1; stroke-dashoffset:0; }
.ri-has-frame::after,.ri-goal.ri-has-frame::before { display:none; }
.ri-has-frame:hover > .ri-drawn-frame path:first-child { animation:ri-pencil 1.2s ease-out both; }
.ri-mission-stamp > .ri-sketch { position:absolute; width:33px; height:34px; right:-27px; top:-17px; transform:rotate(7deg); }
.ri-mission-stamp > .ri-sketch path { animation:ri-pencil-idle 9s ease-in-out infinite; }
.ri-hero__copy > .ri-sketch { position:absolute; width:65px; height:50px; left:calc(50% - 158px); top:114px; transform:rotate(18deg); }
.ri-map-preview__head h2 .ri-sketch { width:23px; height:25px; margin-left:12px; }
@keyframes ri-pencil { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes ri-pencil-idle { 0%,7% { stroke-dashoffset:1; opacity:0; } 9% { opacity:1; } 22%,100% { stroke-dashoffset:0; opacity:1; } }
.ri-workbench { position:relative; border:0; background:transparent; margin-top:-18px; gap:26px; grid-template-columns:1.03fr 1fr; }
.ri-map-preview { padding:0 0 0 2px; border:0; gap:10px; }
.ri-map-preview__head { gap:14px; }
.ri-map-preview__head h2 { position:relative; display:flex; align-items:center; isolation:isolate; color:var(--surface-1); font:26px var(--font-poster); padding:8px 25px 8px 18px; flex:1; transform:rotate(-1deg); }
.ri-map-preview__head h2::before { content:""; position:absolute; inset:0; background:var(--ink); mask:var(--ri-brush) center/100% 100% no-repeat; z-index:-1; }
.ri-map-preview__head .c-field { min-width:130px; }
.ri-map-preview__head .c-field select { border:0; border-bottom:1px solid var(--ink); background:transparent; min-height:40px; font-size:13px; }
.ri-map-preview__canvas { height:295px; border:0; }
.ri-map-preview__canvas::before { content:""; position:absolute; inset:0; z-index:2; background:var(--ri-frame) center/100% 100%; pointer-events:none; }
.ri-map-preview > p { font-size:12px; }
.ri-map-preview__open { position:relative; isolation:isolate; font:19px var(--font-note); padding:13px 22px; background:transparent; }
.ri-map-preview__open::before { content:""; position:absolute; inset:0; background:var(--ink); mask:var(--ri-brush) center/100% 100% no-repeat; z-index:-1; transition:background .2s; }
.ri-map-preview__open:hover::before { background:var(--accent); }
.ri-map-preview__open:hover span { color:var(--surface-1); }
.ri-compare-preview { padding:5px 0 0 25px; position:relative; gap:12px; }
.ri-compare-preview::before { content:""; position:absolute; top:0; bottom:0; left:0; width:4px; background:var(--ri-rule) center/100% 100%; }
.ri-compare-preview .c-section-head h2 { font:30px/1.1 var(--font-poster); text-transform:uppercase; }
.ri-compare-preview .c-section-head .c-button { padding:4px 0; border:0; }
.ri-compare-labels { padding:8px 8px 0; font-family:var(--font-poster); font-size:20px; text-transform:uppercase; }
.ri-compact-rows { border:0; }
.ri-compact-row { position:relative; border:0; padding:16px 8px; }
.ri-compact-row::before { content:""; position:absolute; inset:0; background:var(--ri-frame) center/100% 100%; opacity:.5; pointer-events:none; }
.ri-compact-row > strong { font-size:43px; }
.ri-compact-row > div span { font:17px var(--font-poster); text-transform:uppercase; }
.ri-compact-row > div small { font-size:11px; }
.ri-goals { padding-top:10px; }
.ri-goals .c-section-head { position:relative; border:0; padding:17px 0 0; }
.ri-goals .c-section-head::before,.c-section-head::before,.section-header::before { content:""; position:absolute; inset:0 0 auto; height:6px; background:var(--ri-rule) center/100% 100%; pointer-events:none; }
.c-section-head,.section-header { position:relative; border-top:0; }
.ri-goals .c-section-head h2 { font:29px var(--font-note); }
.ri-goal-grid { border:0; gap:18px; }
.ri-goal { background:transparent; border:0; padding:20px 22px 15px; }
.ri-goal::before { inset:0; height:auto; background:var(--ri-frame) center/100% 100%; transform:none; pointer-events:none; }
.ri-goal:hover::before { background:var(--ri-frame) center/100% 100%; transform:rotate(-.25deg); }
.ri-goal__head > span { font:34px/1 var(--font-note); color:var(--accent); transform:rotate(-7deg); }
.ri-goal__head .c-eyebrow { font:19px var(--font-poster); color:var(--ink); letter-spacing:0; }
.ri-goal h2 { font-size:22px; }
.ri-goal__foot a { font-family:var(--font-note); font-weight:400; }
.c-panel,.c-insight,.c-experiment,.ri-review-footer,.ri-compare-controls { position:relative; background:#f8f4eb88; border:0; }
.c-panel::after,.c-insight::after,.c-experiment::after,.ri-review-footer::after,.ri-compare-controls::after { content:""; position:absolute; inset:0; background:var(--ri-frame) center/100% 100%; opacity:.6; pointer-events:none; }
.c-insight { border-left:3px solid var(--accent); }
.c-insight--strength { border-left-color:var(--ink); }
.ri-metric-table { border:0; background:transparent; }
.ri-metric-head { position:relative; isolation:isolate; background:transparent; }
.ri-metric-head::before { content:""; position:absolute; inset:0; background:var(--ink); mask:var(--ri-brush) center/100% 100% no-repeat; z-index:-1; }
.ri-metric-row { position:relative; border:0; }
.ri-metric-row::after { content:""; position:absolute; inset:auto 0 0; height:5px; background:var(--ri-rule) center/100% 100%; opacity:.45; }
.ri-comparison-identities { border:0; }
.ri-comparison-identity { border:0; background:transparent; }
.ri-portrait--small,.ri-profile-art .ri-portrait { mask-image:linear-gradient(black 70%,transparent 100%); background-position-y:0; }
.ri-portrait--small[data-avatar=waylay],.ri-profile-art .ri-portrait[data-avatar=waylay] { background-size:130% auto; background-position:center -10px; }
.ri-comparison-identity > div:last-child { min-width:0; }
.ri-comparison-identity a { font-size:clamp(24px,2.8vw,36px); }
.ri-comparison-identity .ri-avatar-picker { flex-wrap:wrap; gap:0 8px; }
.pl-head { border:0; }
.pl-toggle { flex-wrap:wrap; }
.c-field { min-width:0; }
.c-field select { max-width:100%; min-height:44px; }
.c-form-panel { position:relative; border:0; }
.c-form-panel::after { content:""; position:absolute; inset:-3px; border:1px solid var(--bg); mask:var(--ri-frame) center/100% 100%; pointer-events:none; }
.card.maps-lab { padding:0; border:0; background:transparent; }
.maps-lab__mount { border:0; background:transparent; }
.maps-lab__mount > .lab { border:0; }
.lab__controls { position:relative; background:transparent; padding:8px 0 20px; }
.lab__controls::after { content:""; position:absolute; inset:auto 0 0; height:5px; background:var(--ri-rule) center/100% 100%; pointer-events:none; }
.lab__body { padding:0; }
.lab__chip { position:relative; border-color:transparent; background:transparent; }
.lab__chip:hover { border-color:transparent; background:#171a180a; }
.lab__chip.is-active { border-color:transparent; background:#171a1809; box-shadow:none; }
.lab__chip.is-active::after { content:""; position:absolute; left:4px; right:4px; bottom:0; height:4px; background:var(--accent); mask:var(--ri-rule) center/100% 100% no-repeat; pointer-events:none; }
.lab__panel { border:0; background-color:#f8f4eb88; background-image:var(--ri-frame); background-size:100% 100%; background-repeat:no-repeat; }
.lab__panel-title { font:25px var(--font-note); }
@media (min-width:1600px) {
  .ri-hero { height:535px; }
  .ri-operative > .ri-portrait { width:440px; }
  .ri-operative > .ri-portrait[data-avatar=waylay] { width:565px; }
  .ri-hero__copy { top:256px; }
}
@media (min-width:901px) and (max-width:1100px) {
  .ri-operative { width:35%; }
  .ri-operative > .ri-portrait { width:330px; top:58px; height:390px; }
  .ri-operative > .ri-portrait[data-avatar=waylay] { width:420px; }
  .ri-hero__copy { inset:212px 34% auto; }
  .ri-nameplate { font-size:29px; }
}
@media (max-width:900px) {
  .content__inner { padding:14px 18px 50px; }
  .ri-hero { height:510px; }
  .ri-hero__headline { top:35px; }
  .ri-hero .ri-hero__headline h1 { font-size:13.3vw; }
  .ri-operative { top:120px; bottom:60px; width:42%; }
  .ri-operative > .ri-portrait { top:0; width:305px; height:calc(100% + 20px); }
  .ri-operative > .ri-portrait[data-avatar=waylay] { width:395px; }
  .ri-operative__id { left:17px; bottom:0; }
  .ri-operative--kolerocks .ri-operative__id { right:17px; }
  .ri-nameplate { font-size:28px; padding:10px 20px; }
  .ri-hero__copy { inset:230px 34% auto; }
  .ri-hero__copy .ri-handnote { font-size:17px; }
  .ri-mission-stamp { font-size:22px; padding:7px 9px; }
  .ri-hero__copy .c-actions { position:absolute; top:215px; display:flex; width:380px; max-width:95vw; justify-content:center; gap:12px; }
  .ri-hero__copy > .ri-sketch { top:94px; left:calc(50% - 38px); transform:rotate(70deg); }
  .ri-map-preview__head { flex-wrap:nowrap; }
  .ri-map-preview__head h2 { font-size:23px; padding:10px 14px; }
  .ri-map-preview__head .c-field { min-width:100px; }
  .ri-map-preview__head h2 .ri-sketch { display:none; }
  .ri-workbench { gap:20px; }
  .ri-map-preview__canvas { height:255px; }
  .ri-compare-preview { padding:0 0 0 16px; }
  .ri-compare-preview .c-section-head h2 { font-size:26px; }
  .ri-compact-row { padding:16px 5px; }
  .ri-compact-row > strong { font-size:36px; }
  .ri-compact-row > div span { font-size:15px; }
  .ri-compact-row > div small { font-size:10px; }
  .ri-goal-grid { gap:14px; }
  .ri-goal:last-child { border:0; }
  .nav-open .rail__nav { border:0; box-shadow:0 10px 16px #171a1826; }
  .ri-deep-nav__links { box-shadow:none; }
}
@media (max-width:620px) {
  .rail { padding:0 16px; }
  .ri-deep-nav__links { grid-template-columns:1fr; min-width:0; }
  .rail .ri-deep-nav__links .navitem { white-space:normal; }
  .rail__title { font-size:25px; }
  .content__inner { padding:12px 15px 40px; }
  .topbar { padding-inline:12px; }
  .scopeswitch__group { width:100%; justify-content:space-between; }
  .scopeswitch__opt { flex:1; justify-content:center; padding:6px; font-size:10px; gap:4px; }
  .scopeswitch__opt-full { display:inline; }
  .scopeswitch__opt-short { display:none; }
  .scopeswitch__n { display:inline; font-size:8px; }
  .ri-hero { height:515px; margin-inline:-5px; }
  .ri-hero::before { background-size:850px 330px; background-position:center 140px; mask-image:radial-gradient(ellipse 42% 32% at 22% 60%,transparent 35%,black 90%),radial-gradient(ellipse 42% 32% at 78% 60%,transparent 35%,black 90%),linear-gradient(transparent 135px,black 185px,black 415px,transparent 475px); }
  .ri-hero__edition { padding:4px 10px; font-size:7px; }
  .ri-hero__edition > span:first-child { display:none; }
  .ri-hero__edition > span:last-child { display:block; margin-left:auto; }
  .ri-hero__headline { top:29px; }
  .ri-hero__kicker { font-size:9px; letter-spacing:.25em; margin-bottom:8px; }
  .ri-hero .ri-hero__headline h1 { font-size:clamp(46px,14.7vw,60px); gap:.1em; }
  .ri-operative { top:172px; bottom:63px; width:50%; }
  .ri-operative > .ri-portrait { width:215px; top:0; height:270px; }
  .ri-operative > .ri-portrait[data-avatar=waylay] { width:280px; background-position:center -20px; }
  .ri-operative--casual > .ri-portrait { left:48%; }
  .ri-operative--kolerocks > .ri-portrait { left:51%; }
  .ri-hero__copy { inset:117px 0 auto; }
  .ri-hero__copy .ri-handnote { font-size:14px; line-height:1.1; transform:rotate(-3deg); margin-left:-135px; }
  .ri-mission-stamp { position:absolute; top:-1px; left:calc(50% - 6px); font-size:20px; padding:7px 9px; margin:0; }
  .ri-mission-stamp > .ri-sketch { width:25px; height:26px; right:-20px; top:-9px; }
  .ri-hero__copy > .ri-sketch { display:none; }
  .ri-hero__copy .c-actions { top:339px; width:100%; max-width:none; gap:10px; }
  .ri-hero__copy .c-button { font-size:11px; }
  .ri-hero__copy .c-button--primary { font-size:12px; padding:9px 15px; }
  .ri-operative__id { left:12px; right:auto; bottom:0; max-width:calc(100% - 18px); }
  .ri-operative--kolerocks .ri-operative__id { right:12px; }
  .ri-nameplate { font-size:25px; padding:11px 15px; }
  .ri-operative__rank { font-size:10px; padding:7px 10px; width:auto; min-width:120px; }
  .ri-avatar-picker { display:grid; gap:0; padding:1px 4px; margin-top:2px; }
  .ri-avatar-picker > span { display:none; }
  .ri-avatar-options button { font-size:11px; padding:7px 9px; }
  .ri-hero__foot { font-size:6px; }
  .ri-workbench { grid-template-columns:1fr; gap:28px; margin-top:-17px; }
  .ri-map-preview { border:0; padding:0; }
  .ri-map-preview__canvas { height:280px; }
  .ri-map-preview__head h2 { font-size:25px; }
  .ri-map-preview__head h2 .ri-sketch { display:block; }
  .ri-map-preview__head .c-field { min-width:125px; }
  .ri-compare-preview { padding:0; }
  .ri-compare-preview::before { display:none; }
  .ri-compare-preview .c-section-head h2 { font-size:30px; }
  .ri-compact-row { padding:18px 6px; }
  .ri-compact-row > strong { font-size:39px; }
  .ri-compact-row > div span { font-size:18px; }
  .ri-compact-row > div small { font-size:11px; }
  .ri-goals .c-section-head h2 { font-size:25px; }
  .ri-goal { padding:20px; }
  .ri-goal h2 { font-size:22px; }
  .ri-comparison-identity > div:last-child { padding:5px; }
  .ri-comparison-identity a { font-size:25px; }
  .ri-comparison-identity .ri-avatar-picker { padding:0; display:block; }
  .ri-profile-art .ri-avatar-picker { display:block; }
  .ri-comparison-identity .ri-avatar-options button { padding-inline:7px; }
  .ri-practice-owners { gap:0; justify-content:space-between; }
  .ri-practice-owners a { padding:12px 10px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .ri-sketch path,.ri-mission-stamp > .ri-sketch path,.ri-has-frame:hover > .ri-drawn-frame path:first-child { animation:none; stroke-dashoffset:0; opacity:1; }
  .ri-nameplate::before,.ri-map-preview__open::before { transition:none; }
}