@font-face{font-family:Riverhold Display;src:url(/brand/fonts/river-display.otf)format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Riverhold Sans;src:url(/brand/fonts/river-body.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Riverhold Sans;src:url(/brand/fonts/river-bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--ink:#0b2025;--surface:#17373d;--raised:#23464b;--raised-hover:#35585e;--line:#426167;--scrim:#061215d1;--text:#f2f3e9;--muted:#b6c9c9;--disabled-fill:#2b4247;--disabled-text:#a1b4b7;--primary:#b9edbd;--primary-hover:#d1f8d4;--primary-press:#a2d5a7;--on-primary:#0b2025;--focus:#fff;--positive:#b9edbd;--warning:#efd080;--danger:#ffb1a5;--you:#b9edbd;--rival:#f0967c;--food:#d9dc9b;--wood:#dba982;--stone:#b9cdd8;--gold:#ecd184;--display:"Riverhold Display", "URW Gothic", "Century Gothic", "Futura", system-ui, sans-serif;--body:"Riverhold Sans", "Nimbus Sans", "Helvetica Neue", Arial, system-ui, sans-serif;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:22px;--s6:24px;--s7:32px;--s8:48px;--gutter-menu:22px;--gutter-match:8px;--radius-panel:10px;--radius-button:6px;--cut:10px;--tap:44px;--tap-frequent:48px;--t-press:80ms;--t-select:.12s;--t-sheet:.18s;--t-nav:.2s;--t-found:.28s;--t-victory:.6s;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--text-scale:1;--hud-top-height:176px;--hud-bottom-height:74px;--rail-width:46px}.reduced-motion *{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box;touch-action:manipulation;-webkit-touch-callout:none}html{font-family:var(--body);font-size:calc(16px * var(--text-scale));color:var(--text);background:var(--ink);-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#app{height:100%;overscroll-behavior:none;height:100dvh;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;line-height:1.45}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;margin:0;font-weight:600;line-height:1.05}h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1rem}p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted);font-size:.875rem}.tiny{color:var(--muted);font-size:.75rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.row{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.row.between{flex-wrap:nowrap;justify-content:space-between}.stack{gap:var(--s2);flex-direction:column;display:flex}.grid-2{gap:var(--s2);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--s2);grid-template-columns:repeat(3,1fr);display:grid}.rule{background:var(--line);opacity:.7;border:0;height:1px;margin:0}.gb{justify-content:center;align-items:center;gap:var(--s2);min-height:var(--tap);padding:10px var(--s4);color:var(--text);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--t-press) ease-out;background:0 0;border:0;font-weight:700;display:inline-flex;position:relative}.gb:before{content:"";background:var(--raised);border:1px solid var(--line);border-radius:var(--radius-button);transition:background var(--t-select) ease-out, border-color var(--t-select) ease-out;position:absolute;inset:0}.gb>*{position:relative}.gb.cut:before{clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));border-radius:0}.gb:hover:not(:disabled):before{background:var(--raised-hover)}.gb:active:not(:disabled){transform:translateY(1px)scale(.99)}.gb.primary{color:var(--on-primary);font-family:var(--display);letter-spacing:.02em}.gb.primary:before{background:var(--primary);border-color:var(--primary)}.gb.primary:hover:not(:disabled):before{background:var(--primary-hover)}.gb.primary:active:not(:disabled):before{background:var(--primary-press)}.gb.ghost:before{background:0 0;border-color:#0000}.gb.ghost:hover:not(:disabled):before{background:#ffffff0f}.gb.danger{color:var(--danger)}.gb.danger:before{border-color:var(--danger);background:0 0}.gb.large{min-height:60px;font-size:1.05rem}.gb.block{width:100%;display:flex}.gb.listed{text-align:left;justify-content:flex-start}.gb:disabled{cursor:not-allowed;color:var(--disabled-text)}.gb:disabled:before{background:var(--disabled-fill);border-color:var(--line)}.gb[aria-pressed=true]:before{border-color:var(--primary)}.gb[aria-pressed=true]:not(.primary){color:var(--primary)}.gb-body{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.gb-label{font-weight:700;line-height:1.2}.gb-detail{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.25}.gb:disabled .gb-detail{color:var(--warning)}.gb.primary .gb-detail{color:#0b2025b8}.ib{min-width:var(--tap);min-height:var(--tap);color:var(--text);cursor:pointer;transition:transform var(--t-press) ease-out;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px;display:inline-flex;position:relative}.ib:before{content:"";background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);transition:background var(--t-select) ease-out, border-color var(--t-select) ease-out;position:absolute;inset:0}.ib>*{position:relative}.ib.plain:before{background:0 0;border-color:#0000}.ib.plain:hover:not(:disabled):before{background:#ffffff0f}.ib:active:not(:disabled){transform:scale(.96)}.ib[aria-pressed=true],.ib.current{color:var(--primary)}.ib[aria-pressed=true]:before,.ib.current:before{border-color:var(--primary);background:#b9edbd24}.ib:disabled{color:var(--disabled-text);cursor:not-allowed}.ib:disabled:before{background:var(--disabled-fill)}.ib-label{font-size:.625rem;font-weight:700;line-height:1.1}.ib-hint{color:var(--muted);font-size:.5625rem;line-height:1.1}.rail .ib-hint,.village-dock .ib-hint{display:none}.ib[aria-pressed=true] .ib-hint{color:var(--primary)}.icon{flex:none;display:block}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:var(--s3);gap:var(--s2);flex-direction:column;display:flex}.chip{align-items:center;gap:var(--s1);border:1px solid var(--line);background:var(--surface);color:var(--muted);letter-spacing:.04em;white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.chip.you{border-color:var(--you);color:var(--you)}.chip.rival{border-color:var(--rival);color:var(--rival)}.chip.warning{border-color:var(--warning);color:var(--warning)}.chip.outline{color:var(--text);background:0 0}.screen{gap:var(--s3);height:100%;padding:calc(var(--s3) + var(--safe-top)) var(--gutter-menu) calc(var(--s4) + var(--safe-bottom));background:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden auto}.screen-head{align-items:center;gap:var(--s3);flex:none;display:flex}.screen-head h1{flex:1;min-width:0}.screen-body{gap:var(--s3);flex-direction:column;flex:1 0 auto;display:flex}.screen-foot{gap:var(--s2);padding-top:var(--s2);flex-direction:column;flex:none;display:flex}.screen.fixed-foot{overflow:hidden}.screen.fixed-foot .screen-body{overscroll-behavior:contain;flex:1 1 0;min-height:0;overflow-y:auto}.spacer{min-height:var(--s2);flex:1}.world-backdrop{z-index:0;background-image:url(/brand/art/opening.jpg);background-position:50% 42%;background-size:cover;position:absolute;inset:0}.world-backdrop:after{content:"";background:linear-gradient(180deg, #0b2025c7 0%, #0b202533 24%, #0b202524 44%, #0b2025db 80%, var(--ink) 100%);position:absolute;inset:0}.screen.over-world>:not(.world-backdrop){z-index:1;position:relative}.title-screen{text-align:center;justify-content:center}.title-lockup{align-items:center;gap:var(--s4);flex-direction:column;display:flex}.title-tagline{letter-spacing:.26em;text-transform:uppercase;color:#f2f3e9db;font-size:.8125rem}.home-top{justify-content:space-between;align-items:flex-start;gap:var(--s3);display:flex}.player-badge{align-items:center;gap:var(--s3);color:inherit;text-align:left;cursor:pointer;min-height:var(--tap);background:0 0;border:0;padding:0;display:flex}.badge-shield{width:46px;height:54px;color:var(--on-primary);background:var(--primary);clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%);flex:none;place-items:center;display:grid}.badge-shield.quiet{background:var(--raised);color:var(--primary)}.badge-name{font-family:var(--display);font-size:1.125rem;line-height:1.15;display:block}.badge-line{color:var(--muted);font-size:.8125rem;display:block}.home-lockup{align-items:center;gap:var(--s3);padding:var(--s6) 0 var(--s4);flex-direction:column;display:flex}.home-foot{gap:var(--s3);flex-direction:column;display:flex}.home-realm-line{justify-content:space-between;align-items:center;gap:var(--s2);display:flex}.home-realm-line .gb{color:var(--muted);padding:2px 8px;font-weight:400}.home-headline{font-family:var(--display);font-size:1.6rem;line-height:1.05}.option-list{gap:var(--s2);flex-direction:column;display:flex}.option{align-items:center;gap:var(--s3);width:100%;min-height:72px;padding:var(--s3) var(--s4);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--t-select) ease-out;display:flex;position:relative}.option[aria-checked=true],.option[aria-pressed=true]{border-color:var(--primary);background:var(--raised)}.option .option-icon{color:var(--primary);flex:none}.option-body{flex:1;min-width:0}.option-title{font-family:var(--display);font-size:1.125rem;line-height:1.15;display:block}.option-detail{color:var(--muted);font-size:.8125rem;display:block}.option-check{color:var(--primary);flex:none}.setting{justify-content:space-between;align-items:center;gap:var(--s3);min-height:var(--tap-frequent);padding:var(--s1) 0;display:flex}.setting>span:first-child{min-width:0}.setting-label{display:block}.setting-help{color:var(--muted);font-size:.75rem;display:block}select,input[type=text]{min-height:var(--tap);border-radius:var(--radius-button);border:1px solid var(--line);background:var(--ink);min-width:132px;color:var(--text);padding:6px 10px}input[type=text]{width:100%}input[type=checkbox]{width:var(--tap);height:var(--tap);accent-color:var(--primary);flex:none;margin:0}.data-row{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:var(--s3) 0;border-bottom:1px solid var(--line);display:flex}.data-row:last-child{border-bottom:0}.data-row .value{font-family:var(--display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.125rem}.progress{background:var(--disabled-fill);border-radius:999px;height:8px;overflow:hidden}.progress>div{background:var(--primary);height:100%;transition:width var(--t-nav) linear}.history-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-list li{justify-content:space-between;gap:var(--s2);border-bottom:1px solid var(--line);padding:10px 0;font-size:.875rem;display:flex}.history-list li:last-child{border-bottom:0}.tribe-row{gap:var(--s2);grid-template-columns:repeat(3,1fr);display:grid}.tribe-card{justify-content:center;align-items:center;gap:var(--s2);min-height:96px;padding:var(--s3) var(--s1);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--t-select) ease-out;flex-direction:column;display:flex;position:relative}.tribe-card[aria-checked=true]{border-color:var(--primary);color:var(--primary);background:var(--raised)}.tribe-card .tribe-name{font-size:.9375rem;font-weight:700}.bank-map{padding:var(--s2);background:var(--ink);border:1px solid var(--line);border-radius:var(--radius-panel);gap:3px;display:grid}.bank-map-river{letter-spacing:.2em;color:#d5efef;background:#2b6b72;border-radius:4px;grid-column:1/-1;place-items:center;height:18px;font-size:.625rem;display:grid}.bank-cell{aspect-ratio:1;color:var(--muted);background:#ffffff09;border-radius:4px;place-items:center;display:grid}.bank-cell.pad{background:#b9edbd12;border:1px solid #b9edbd73}.bank-cell.hall{background:var(--primary);color:var(--on-primary)}.bank-cell.food{color:var(--food)}.bank-cell.wood{color:var(--wood)}.bank-cell.stone{color:var(--stone)}.match{height:100%;position:relative;overflow:hidden}.match canvas{touch-action:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.hud-layer{z-index:2;pointer-events:none;position:absolute}.hud-layer,.hud-layer *{pointer-events:none}.hud-layer button,.hud-layer a,.hud-layer input,.hud-layer select,.hud-layer .score-strip,.hud-layer .dominance,.hud-layer .resource-strip,.hud-layer .status-line,.hud-layer .split-bar,.hud-layer .village-dock,.hud-layer button.rail-note{pointer-events:auto}.hud-layer div.rail-note,.hud-layer .dock-note,.hud-layer .toast{pointer-events:none}.hud-top{padding:calc(var(--s2) + var(--safe-top)) var(--gutter-match) var(--s1);background:linear-gradient(#0b2025eb 0%,#0b2025b8 62%,#0b202500 100%);flex-direction:column;gap:4px;display:flex;top:0;left:0;right:0}.score-strip{align-items:center;gap:var(--s1);padding:5px var(--s2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);grid-template-columns:1fr auto 1fr auto;display:grid}.score{align-items:center;gap:var(--s2);min-width:0;display:flex}.score.rival{text-align:right;justify-content:flex-end}.score-tick{background:var(--you);border-radius:2px;flex:none;align-self:stretch;width:3px;min-height:26px}.score.rival .score-tick{background:var(--rival);order:2}.score-figure{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--you);font-size:1.15rem;line-height:1;display:block}.score.rival .score-figure{color:var(--rival)}.score-caption{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.5625rem;line-height:1.2;display:block}.match-clock{font-family:var(--display);font-variant-numeric:tabular-nums;text-align:center;font-size:1.25rem;line-height:1}.match-clock.warning{color:var(--warning)}.resource-strip{padding:4px var(--s1);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);grid-template-columns:repeat(4,1fr);align-items:center;display:grid}.resource{border-left:1px solid var(--line);justify-content:center;align-items:center;gap:6px;min-width:0;padding:0 2px;display:flex}.resource:first-child{border-left:0}.resource-icon{flex:none}.resource.food .resource-icon{color:var(--food)}.resource.wood .resource-icon{color:var(--wood)}.resource.stone .resource-icon{color:var(--stone)}.resource.gold .resource-icon{color:var(--gold)}.resource-figures{min-width:0}.resource-amount{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:1.05rem;line-height:1;display:block}.resource-rate{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.5625rem;display:block}.resource-rate.negative{color:var(--danger)}.status-line{align-items:center;gap:var(--s2);color:var(--muted);padding:2px var(--s2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);grid-template-columns:auto 1fr auto;font-size:.625rem;display:grid}.status-line .middle{text-align:center}.status-line .end{text-align:right}.status-line .warning{color:var(--warning);font-weight:700}.status-line .people{align-items:center;gap:var(--s1);display:inline-flex}.villager-action-row{justify-content:center;padding-top:4px;display:flex}.villager-action{min-width:148px;min-height:var(--tap);padding:6px var(--s3);font-size:.9375rem}.rail{z-index:3;flex-direction:column;gap:6px;display:flex;top:50%;transform:translateY(-50%)}.rail.war{left:calc(var(--s2) + var(--safe-left));align-items:flex-start}.rail.camera{right:calc(var(--s2) + var(--safe-right));align-items:flex-end}.rail-buttons{flex-direction:column;gap:6px;display:flex}.rail .ib{width:var(--rail-width);min-height:var(--rail-width)}.rail-note{max-width:116px;color:var(--muted);background:var(--scrim);border:1px solid var(--line);border-radius:var(--radius-button);text-align:left;padding:3px 5px;font-size:.5625rem;line-height:1.25}button.rail-note{cursor:pointer;min-height:0}.hud-bottom{padding:var(--s1) var(--gutter-match) calc(var(--s2) + var(--safe-bottom));background:linear-gradient(#0b202500 0%,#0b2025a8 36%,#0b2025eb 100%);flex-direction:column;gap:4px;display:flex;bottom:0;left:0;right:0}.village-dock{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.village-dock .ib{min-height:var(--tap);flex-direction:row;gap:6px}.dock-note{color:var(--muted);background:var(--scrim);border-radius:var(--radius-button);align-self:center;padding:3px 8px;font-size:.5625rem}.split-bar{border-radius:var(--radius-button);border:1px solid var(--line);background:var(--ink);width:100%;height:11px;display:flex;overflow:hidden}.split-part{min-width:0;color:var(--on-primary);white-space:nowrap;transition:width var(--t-select) ease-out;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex;overflow:hidden}.split-part.food{background:var(--food)}.split-part.wood{background:var(--wood)}.split-part.stone{background:var(--stone)}.river-chip{top:calc(var(--hud-top-height) + 8px);z-index:2;position:absolute;left:50%;transform:translate(-50%)}.ability-row{left:0;right:0;top:calc(var(--hud-top-height) + 6px);padding:0 calc(var(--rail-width) + var(--s2));flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.ability-row .gb{min-height:40px;padding:6px 12px;font-size:.8125rem}.sheet{left:var(--gutter-match);right:var(--gutter-match);bottom:calc(var(--hud-bottom-height) + var(--s2));z-index:8;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);max-height:40vh;animation:sheet-in var(--t-sheet) ease-out;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 34px #00000080}@keyframes sheet-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.sheet-head{justify-content:space-between;align-items:center;gap:var(--s2);padding:var(--s3) var(--s3) var(--s2);flex:none;display:flex}.sheet-title{font-family:var(--display);min-width:0;font-size:1.25rem;line-height:1.1;display:block}.sheet-subtitle{color:var(--muted);font-size:.75rem;display:block}.sheet-body{padding:0 var(--s3) var(--s3);overscroll-behavior:contain;flex-direction:column;gap:6px;display:flex;overflow-y:auto}.choice{align-items:center;gap:var(--s3);width:100%;min-height:58px;padding:10px var(--s3);border:1px solid var(--line);border-radius:var(--radius-button);background:var(--raised);color:var(--text);text-align:left;cursor:pointer;transition:border-color var(--t-select) ease-out;display:flex;position:relative}.choice:hover:not(:disabled){border-color:var(--primary)}.choice:disabled{cursor:not-allowed;background:var(--disabled-fill);color:var(--disabled-text)}.choice .choice-icon{color:var(--primary);flex:none}.choice:disabled .choice-icon{color:var(--disabled-text)}.choice-body{flex:1;min-width:0}.choice-label{font-weight:700;display:block}.choice-detail{color:var(--muted);font-size:.75rem;display:block}.choice-cost{color:var(--muted);text-align:right;white-space:nowrap;flex:none;font-size:.8125rem}.choice-cost.short{color:var(--warning)}.choice.hold{touch-action:none;-webkit-user-select:none;user-select:none}.choice.hold.holding{border-color:var(--primary);background:var(--raised-hover)}.overlay{z-index:10;background:var(--scrim);padding:var(--s4);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay>.panel{width:min(100%,440px);max-height:100%;padding:var(--s4);gap:var(--s3);overflow-y:auto}.toasts{top:calc(var(--hud-top-height) + 54px);left:calc(var(--rail-width) + var(--s3));right:calc(var(--rail-width) + var(--s3));z-index:6;flex-direction:column;gap:6px;display:flex}.toast{justify-content:space-between;align-items:center;gap:var(--s2);background:var(--scrim);border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:var(--radius-button);animation:toast-in var(--t-select) ease-out;padding:2px 2px 2px 10px;font-size:.75rem;line-height:1.3;display:flex}.toast.danger{border-left-color:var(--rival)}.toast.good{border-left-color:var(--positive)}.toast .ib{min-width:36px;min-height:36px}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.banner{top:calc(var(--hud-top-height) - 6px);z-index:9;align-items:center;gap:var(--s2);background:var(--surface);border:1px solid var(--warning);color:var(--warning);border-radius:var(--radius-panel);padding:var(--s2) var(--s3);text-align:center;font-size:.8125rem;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.countdown{z-index:9;pointer-events:none;justify-content:center;align-items:center;gap:var(--s2);text-shadow:0 2px 16px #061215f2;flex-direction:column;display:flex;position:absolute;inset:0}.countdown-count{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:clamp(84px,30vw,160px);line-height:1;animation:1s ease-out infinite countdown-beat}.countdown-label{letter-spacing:.22em;text-transform:uppercase;color:var(--primary);font-size:.875rem}@keyframes countdown-beat{0%{opacity:.7;transform:scale(1.1)}30%{opacity:1;transform:scale(1)}}.doctrine-paths{gap:var(--s2);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.doctrine-path-name{padding-bottom:var(--s2);font-size:.875rem;font-weight:700}.doctrine-lane{flex-direction:column;align-items:center;display:flex}.doctrine-node{border:1px solid var(--line);border-radius:var(--radius-button);background:var(--raised);width:100%;min-height:46px;color:var(--text);font-family:var(--display);letter-spacing:.1em;cursor:pointer;place-items:center;font-size:1rem;display:grid;position:relative}.doctrine-node.acquired{border-color:var(--primary);color:var(--primary)}.doctrine-node.selected{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.doctrine-node.locked{color:var(--disabled-text);background:var(--disabled-fill)}.doctrine-link{background:var(--line);flex:none;width:1px;height:16px}.doctrine-detail{gap:var(--s2);flex-direction:column;display:flex}.doctrine-effect{font-size:.9375rem}.doctrine-why{background:var(--raised);border-radius:var(--radius-button);padding:var(--s3);color:var(--muted);font-size:.875rem}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented button{border-radius:var(--radius-button);min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:700}.segmented button[aria-selected=true]{background:var(--raised);color:var(--text)}.realm-stage{border-radius:var(--radius-panel);border:1px solid var(--line);background:var(--ink);flex:auto;min-height:208px;position:relative;overflow:hidden}.preview-canvas{width:100%;height:100%;display:block}.preview-state{color:var(--muted);background:var(--ink);place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.realm-carousel{grid-template-columns:var(--tap) 1fr var(--tap);align-items:center;gap:var(--s2);text-align:center;display:grid}.realm-swatches{gap:4px;display:flex}.realm-swatches span{border:1px solid var(--line);border-radius:4px;width:22px;height:22px}.outcome{align-items:center;gap:var(--s3);display:flex}.outcome-title{font-family:var(--display);font-size:2.5rem;line-height:1}.outcome-title.win{color:var(--primary)}.outcome-title.loss{color:var(--rival)}.final-score{font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;padding:var(--s3) 0;font-size:2.75rem;line-height:1}.final-score .mine{color:var(--you)}.final-score .theirs{color:var(--rival)}.dominance{background:var(--rival);border-radius:999px;height:6px;position:relative;overflow:hidden}.dominance .you-fill{background:var(--you);height:100%;transition:width var(--t-nav) linear}.dominance .mid{background:var(--ink);opacity:.6;width:1px;position:absolute;top:0;bottom:0;left:50%}@media (min-width:700px){.screen{padding-left:max(var(--gutter-menu), calc(50vw - 330px));padding-right:max(var(--gutter-menu), calc(50vw - 330px))}.hud-layer.hud-top,.hud-layer.hud-bottom{width:min(100%,560px);left:50%;right:auto;transform:translate(-50%)}.rail.war{left:max(var(--s2), calc(50% - 322px))}.rail.camera{right:max(var(--s2), calc(50% - 322px))}.sheet{width:min(calc(100% - 2 * var(--gutter-match)), 520px);left:50%;right:auto;transform:translate(-50%)}.toasts{width:min(100%,420px);left:50%;right:auto;transform:translate(-50%)}}@media (max-height:700px){.home-lockup{padding:var(--s3) 0}.sheet{max-height:40vh}}