.hub{gap:var(--space-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""rail""rest";display:grid}.hero{grid-area:hero}.rail{gap:var(--space-4);grid-area:rail;display:grid}.rest{gap:var(--space-7);grid-area:rest;min-width:0;display:grid}@media (width>=64rem){.hub{grid-template-columns:minmax(0,1fr) minmax(22rem,27rem);grid-template-areas:"hero rail""rest rail";align-items:start}.rail{max-height:calc(100dvh - var(--bar-height) - 5rem);scrollbar-width:thin;top:calc(var(--bar-height) + 3.5rem);position:sticky;overflow:auto}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.hero,.rail>*,.tile{animation:rise var(--duration-base) var(--ease) both}.hero h1,.hero .lede{margin-top:var(--space-2)}.passport{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.passport .stamp{margin:0}.chip{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);display:inline-flex}.kpis{gap:var(--space-3);margin:var(--space-5) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.kpi{background:var(--color-surface-sunken);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);flex-direction:column-reverse;justify-content:flex-end;display:flex}.kpi dt{color:var(--color-ink-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.kpi dd{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}.kpi-main dt .icon{color:var(--color-primary)}.kpi-up dt .icon{color:var(--color-opened)}.kpi-down dt .icon{color:var(--color-closed)}@media (width<=34rem){.kpis{grid-template-columns:1fr 1fr}.kpi-main{grid-column:1/-1}}.standing{color:var(--color-ink-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.net{border-radius:var(--radius-pill);color:var(--color-ink);padding:var(--space-1) var(--space-3);font-weight:700}.net-up{background:var(--color-opened-soft)}.net-down{background:var(--color-closed-soft)}.actions{align-items:center;gap:var(--space-2) var(--space-3);margin-top:var(--space-5);scroll-margin-top:calc(var(--bar-height) + 4rem);flex-wrap:wrap;display:flex}.actions form{display:contents}.hero .fine,.hero .notice{margin-top:var(--space-3)}.kept{align-items:center;gap:var(--space-2);margin:0;display:inline-flex}.kept .icon{color:var(--color-opened)}.toast{color:var(--color-ink-muted);font-size:var(--text-sm);margin:0}.card-title{font-size:var(--text-lg);align-items:center;gap:var(--space-2);display:flex}.mapcard{padding:var(--space-4)}.skip-inline{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-inline:focus-visible{clip-path:none;height:auto;margin-top:var(--space-2);width:auto;display:inline-block;position:static}.map-box{margin-top:var(--space-3)}.hexmap{touch-action:manipulation;width:100%;height:auto;max-height:min(26rem,40dvh);display:block}.hexmap[role=group] .hex{cursor:pointer}.hex{fill:var(--color-surface-sunken);stroke:var(--color-surface-raised);stroke-linejoin:round;stroke-width:1.2px;transition:fill var(--duration-base) var(--ease), stroke var(--duration-fast) var(--ease)}.hex[data-level="1"]{fill:var(--color-hex-1)}.hex[data-level="2"]{fill:var(--color-hex-2)}.hex[data-level="3"]{fill:var(--color-hex-3)}.hex[data-level="4"]{fill:var(--color-hex-4)}.hex[data-level="5"]{fill:var(--color-hex-5)}.hex[data-level="6"]{fill:var(--color-hex-6)}.hex[data-level=withheld]{fill:url(#hex-hatch)}.hatch-ground{fill:var(--color-surface-sunken)}.hatch-line{stroke:var(--color-hatch);stroke-width:2px}.hex:hover{stroke:var(--color-ink-muted);stroke-width:2px}.hex:focus-visible{stroke:var(--color-focus);stroke-width:3px;outline:none}.hex[aria-pressed=true]{stroke:var(--color-ink);stroke-width:3px}.legend{color:var(--color-ink-muted);font-size:var(--text-xs);align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.legend-ramp,.legend-hatch{align-items:center;gap:var(--space-2);display:inline-flex}.ramp{border:1px solid var(--color-border);border-radius:var(--radius-pill);display:inline-flex;overflow:hidden}.ramp span{width:.9rem;height:.6rem}.ramp span:first-child{background:var(--color-hex-1)}.ramp span:nth-child(2){background:var(--color-hex-2)}.ramp span:nth-child(3){background:var(--color-hex-3)}.ramp span:nth-child(4){background:var(--color-hex-4)}.ramp span:nth-child(5){background:var(--color-hex-5)}.ramp span:nth-child(6){background:var(--color-hex-6)}.hatch-swatch{background:repeating-linear-gradient(45deg, var(--color-hatch) 0 2px, var(--color-surface-sunken) 2px 5px);border:1px solid var(--color-border);border-radius:3px;width:.8rem;height:.8rem}.mapcard .fine,.mapcard .stamp{margin-top:var(--space-3)}.nomap{background:var(--color-surface-sunken);border-radius:var(--radius-md);color:var(--color-ink-muted);font-size:var(--text-sm);align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.nomap-emoji{font-size:var(--text-2xl);line-height:1}.focus [data-focus]{gap:var(--space-2);margin-top:var(--space-3);display:grid}.focus [data-focus]:focus-visible{outline-offset:4px}.focus-heading{font-size:var(--text-base)}.focus-figures{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.focus-figures strong{font-family:var(--font-display);font-size:var(--text-xl)}.focus-top{gap:var(--space-1);padding-left:var(--space-5);margin:0;display:grid}.focus-top strong{margin-left:var(--space-1)}.focus button{min-height:2.25rem;padding-block:var(--space-1);justify-self:start}.bento{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.tile{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-ink);gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.tile:nth-child(2){animation-delay:30ms}.tile:nth-child(3){animation-delay:60ms}.tile:nth-child(4){animation-delay:90ms}.tile:nth-child(5){animation-delay:.12s}.tile-cap{color:var(--color-ink-muted);font-size:var(--text-sm);align-items:center;gap:var(--space-2);font-weight:650;display:flex}.tile-big{align-items:baseline;gap:var(--space-1) var(--space-2);flex-wrap:wrap;display:flex}.tile-big strong{font-family:var(--font-display);font-size:var(--text-3xl);letter-spacing:-.03em;line-height:1}.tile-big span{color:var(--color-ink-muted)}.tile-sub{color:var(--color-ink-muted);font-size:var(--text-sm);margin-top:auto}.track{background:var(--color-surface-sunken);border-radius:var(--radius-pill);height:.5rem;display:block;position:relative}.track>span{background:var(--color-primary);border:2px solid var(--color-surface-raised);border-radius:var(--radius-pill);height:.9rem;left:calc(var(--p) * (100% - .9rem));width:.9rem;position:absolute;top:-.2rem}.picto{color:var(--color-ink-muted);flex-wrap:wrap;align-items:center;gap:2px;display:flex}.picto-store{color:var(--color-primary);margin-right:var(--space-1)}.flow{font-size:var(--text-sm);align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr auto;display:grid}.flow-bar{background:var(--color-surface-sunken);border-radius:var(--radius-pill);height:.6rem;position:relative;overflow:hidden}.flow-bar:after{border-radius:inherit;content:"";transform:scaleX(var(--w));transform-origin:0;transition:transform var(--duration-base) var(--ease);position:absolute;inset:0}.flow-bar.up:after{background:var(--color-opened)}.flow-bar.down:after{background:var(--color-closed)}.flow-bar.withheld{background:repeating-linear-gradient(45deg, var(--color-hatch) 0 2px, var(--color-surface-sunken) 2px 5px)}.flow .numeral{text-align:right;font-weight:700}button.tile-pick{cursor:pointer;font:inherit;text-align:left;justify-content:flex-start;align-items:stretch;font-weight:400}button.tile-pick:hover{background:var(--color-surface-raised);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-ink);transform:translateY(-1px)}.pick-name{font-family:var(--font-display);font-size:var(--text-lg);align-items:center;gap:var(--space-2);font-weight:650;display:flex}.badge{background:var(--color-primary-soft);background:oklch(from var(--color-primary-soft) l c var(--h,200));border-radius:var(--radius-md);flex:none;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1.25rem;display:inline-flex}.section-head{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}#kladoi>.fine{margin-top:var(--space-2)}#kladoi:focus-visible{outline-offset:6px}.tabs{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.tabs button{color:var(--color-ink-muted);min-height:2.5rem;padding:0 var(--space-4);background:0 0;border:0}.tabs button:hover{background:var(--color-surface-raised);box-shadow:none;color:var(--color-ink)}.tabs button[aria-selected=true]{background:var(--color-surface-raised);box-shadow:var(--shadow-sm);color:var(--color-ink)}#panel-cards,#panel-table{margin-top:var(--space-4)}.show-all{margin-bottom:var(--space-3)}.show-all[aria-pressed=true],button.show-all[aria-pressed=true]:hover{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-surface)}.groups{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.group{flex-direction:column;display:flex}button.group-pick{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-ink);align-items:stretch;gap:var(--space-2);padding:var(--space-4);text-align:left;flex-direction:column;flex:1;justify-content:flex-start;font-weight:400;display:flex}button.group-pick:hover{background:var(--color-surface-raised);border-color:var(--color-ink-muted);box-shadow:var(--shadow-md);color:var(--color-ink);transform:translateY(-1px)}button.group-pick[aria-pressed=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.group-top{align-items:center;gap:var(--space-2);display:flex}.group-name{font-weight:650;line-height:var(--leading-sm)}.in-cell{background:var(--color-primary-soft);border-radius:var(--radius-pill);color:var(--color-ink);font-size:var(--text-xs);padding:2px var(--space-2);white-space:nowrap;margin-left:auto;font-weight:700}.group-value{align-items:baseline;gap:var(--space-2);display:flex}.group-value .numeral{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:700}.unit{color:var(--color-ink-muted);font-size:var(--text-sm)}.group-flow{color:var(--color-ink-muted);font-size:var(--text-sm);gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.group-flow .up>span:first-child{color:var(--color-opened)}.group-flow .down>span:first-child{color:var(--color-closed)}.group-rank{color:var(--color-ink-muted);font-size:var(--text-xs);gap:var(--space-2);margin-top:var(--space-1);display:grid}.group-list{font-size:var(--text-sm);align-self:flex-start;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1) 0;font-weight:650;display:inline-flex}.withheld-note{align-items:baseline;gap:var(--space-2);margin-top:var(--space-4);display:flex}.withheld-note .kryfo{flex:none}th .sort{border-radius:var(--radius-sm);color:inherit;font:inherit;letter-spacing:inherit;min-height:0;padding:var(--space-1);text-transform:inherit;background:0 0;border:0;font-weight:700}th .sort:hover{background:var(--color-surface-raised);box-shadow:none;color:var(--color-ink)}th[aria-sort=descending] .sort:after{content:" ↓"}th[aria-sort=ascending] .sort:after{content:" ↑"}.section>.fine{margin-top:var(--space-2)}.peers{gap:var(--space-3);margin:var(--space-4) 0 0;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));padding:0;list-style:none;display:grid}.peer{gap:var(--space-2);padding:var(--space-4);display:grid}.peer-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:650}.peer-figures{color:var(--color-ink-muted);font-size:var(--text-sm);gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.hero,.rail>*,.tile{animation:none}button.group-pick:hover,button.tile-pick:hover{transform:none}}