.panel{position:relative;background:linear-gradient(180deg,var(--wood-warm) 0%,var(--wood-dark) 100%);border:20px solid transparent;border-image-source:url(../ui/gold_frame.png);border-image-slice:24;border-image-width:20px;border-image-repeat:round;border-radius:2px;box-shadow:0 3px 10px #00000080,inset 0 0 24px #00000059}:root{--ink: #f2e9d8;--ink-dim: #a89a83;--parchment: #1a1622;--panel: rgba(20, 16, 28, .92);--panel-edge: #4a3c5c;--gold: #e0b155;--blood: #c2493d;--danger: #d8703a;--calm: #6fa88a;--hud-gap: 12px;--radius: 4px;color-scheme:dark;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;color:var(--ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background:#0d0b12}.game-shell{position:relative;height:100%;width:100%}.game-shell__world{position:absolute;inset:0}.game-shell__world canvas{touch-action:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.hud{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-rows:auto 1fr auto;gap:var(--hud-gap);padding:max(var(--hud-gap),env(safe-area-inset-top)) max(var(--hud-gap),env(safe-area-inset-right)) max(var(--hud-gap),env(safe-area-inset-bottom)) max(var(--hud-gap),env(safe-area-inset-left))}.hud>*{min-width:0}.hud__top,.hud .panel,.hud button,.hud input,.hud select{pointer-events:auto}.panel{background:var(--panel);border:1px solid var(--panel-edge);border-top:2px solid var(--panel-edge);border-radius:var(--radius);padding:8px 10px;backdrop-filter:blur(3px);box-shadow:0 2px 8px #00000059}.hud__top{display:flex;align-items:center;gap:16px;justify-self:start}.hud__top-band{min-width:0}.stat{display:flex;flex-direction:column;line-height:1.3;min-width:72px;padding-right:12px;border-right:1px solid var(--panel-edge)}.stat:last-of-type{border-right:none;padding-right:0}.stat__label{color:var(--ink-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.stat__value{font-size:16px;font-variant-numeric:tabular-nums}.stat--gold .stat__value{color:var(--gold)}.stat--alarm .stat__value{color:var(--blood)}.speed{display:flex;gap:4px}.mute-toggle{display:flex;align-items:center;justify-content:center;padding:4px 8px}button{font:inherit;color:var(--ink);background:transparent;border:1px solid var(--panel-edge);border-radius:var(--radius);padding:4px 10px;cursor:pointer}button:hover:not(:disabled){border-color:var(--gold)}button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#1a1622}button:disabled{opacity:.4;cursor:not-allowed}.hud__middle{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--hud-gap);min-height:0}.hud__watch{display:flex;flex-direction:column;gap:6px;min-height:0}.alerts{position:absolute;top:calc(var(--hud-gap) + 84px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;text-align:center;z-index:5}.alerts__line{margin:0;padding:6px 14px;max-width:min(560px,60vw);background:#14101ce0;border:1px solid var(--panel-edge);border-radius:var(--radius);font-size:13px;line-height:1.4;text-shadow:0 1px 3px rgba(0,0,0,.9);animation:alert-in .22s ease-out}.alerts__line--leaving{animation:alert-out .28s ease-in forwards}.alerts__line--grave{border-color:var(--blood);color:#f6d9d4}.alerts__line--warning{border-color:var(--danger);color:#f4e2cf}@keyframes alert-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes alert-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.hud__inspector{display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-height:100%;min-height:0;overflow-y:auto}.hud__bottom{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"feed guide ." "feed dock .";align-items:end;gap:6px var(--hud-gap)}.hud__feed{grid-area:feed;display:flex;flex-direction:column;gap:6px;min-width:0;max-width:min(560px,46vw)}@media(max-width:760px){:root{--hud-gap: 8px}.hud__middle{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;overflow:hidden}.hud__watch{max-height:34%;overflow-y:auto;align-items:flex-start}.hud .hud__inspector{align-items:stretch;margin-top:auto;max-height:26vh;overflow-y:auto;padding-bottom:2px}.hud__bottom{grid-template-columns:1fr;grid-template-areas:"guide" "feed" "dock";justify-items:stretch;gap:6px}.hud__feed{max-width:100%}.stat{min-width:0}}@media(max-height:540px){:root{--hud-gap: 6px}.hud__watch,.hud__inspector{max-height:52vh;overflow-y:auto}.hud__feed{max-height:30vh;overflow:hidden}}.dock{grid-area:dock;display:flex;flex-direction:column;align-items:center;gap:6px;justify-self:center}.dock__tabs{display:flex;gap:4px;pointer-events:auto}.dock__tab{position:relative;min-width:76px;padding:6px 14px;background:var(--panel);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.dock__badge{position:absolute;top:-6px;right:-6px;min-width:16px;padding:0 3px;border-radius:8px;background:var(--gold);color:#1a1622;font-size:10px;line-height:16px;text-align:center}.dock__drawer{width:min(560px,46vw);max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.drawer__empty{margin:0;color:var(--ink-dim)}@media(pointer:coarse){.dock__tab{min-height:44px;padding:6px 16px;font-size:12px}.hud button{min-height:44px}.guide__dismiss{min-width:44px;min-height:44px}}@media(max-width:760px){.dock{align-items:stretch;justify-self:stretch}.dock__tabs{justify-content:stretch}.dock__tab{flex:1;min-width:0}.dock__drawer{width:100%;max-height:50vh}}.bounty{width:320px;max-height:100%;overflow-y:auto}.bounty__title{margin:0;font-size:15px}.bounty__vitals{display:flex;gap:10px;margin:2px 0 10px;color:var(--ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.bounty__region{display:grid;gap:.35rem;margin:.75rem 0 1rem;padding:.7rem .8rem;border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent);color:var(--ink-dim);font-size:.82rem;line-height:1.35}.bounty__region strong{color:var(--ink)}.bounty__region button{justify-self:start;margin-top:.15rem}.bounty__posture{display:grid;gap:6px;margin:0 0 12px;padding:0;border:0}.bounty__posture legend{margin-bottom:4px;color:var(--ink-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.bounty__posture-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.bounty__posture-options button{padding:5px 4px}.bounty__posture-options button[aria-pressed=true]{border-color:var(--gold);background:#e0b15533;color:var(--ink)}.bounty__posture p{min-height:2.7em;margin:0;color:var(--ink-dim);font-size:11px;line-height:1.35}.bounty__price{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label gold" "slider gold";align-items:center;gap:4px 10px}.bounty__price .stat__label{grid-area:label}.bounty__price input{grid-area:slider;width:100%;accent-color:var(--gold)}.bounty__gold{grid-area:gold;font-size:20px;color:var(--gold);font-variant-numeric:tabular-nums}.bounty__notches{display:flex;gap:6px;margin:8px 0 2px}.bounty__notch{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 8px;text-align:left}.bounty__notch-label{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.bounty__notch-gold{font-size:15px;color:var(--gold);font-variant-numeric:tabular-nums}.bounty__notch--patient .bounty__notch-gold{color:var(--calm)}.bounty__band{margin:10px 0;padding-left:10px;border-left:3px solid var(--panel-edge);display:flex;flex-direction:column;gap:2px}.bounty__band-label{font-weight:700}.bounty__blurb{color:var(--ink-dim);font-size:12px}.bounty__forecast{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0 0 12px}.bounty__pair dd{margin:0;font-variant-numeric:tabular-nums}.bounty__verdict{grid-column:1 / -1;margin:4px 0 0;color:var(--ink-dim);font-style:italic}.bounty__actions{display:flex;gap:8px}.bounty__warn{margin:8px 0 0;color:var(--blood)}.roster{display:flex;flex-wrap:wrap;gap:4px}.roster__chip{display:grid;grid-template-columns:15px auto auto;grid-template-areas:"class name level" "activity activity activity" "hp hp hp";align-items:center;gap:3px 6px;padding:3px 8px 4px;background:var(--panel);font-size:11px;text-align:left}.roster__chip[aria-pressed=true]{background:#e0b15538;border-color:var(--gold);color:var(--ink)}.roster__class{grid-area:class;display:block;width:15px;height:15px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.8));pointer-events:none}.roster__name{grid-area:name;white-space:nowrap}.roster__level{grid-area:level;color:var(--ink-dim);font-variant-numeric:tabular-nums}.roster__activity{grid-area:activity;overflow:hidden;color:var(--ink-dim);font-size:9px;letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.roster__hp{grid-area:hp;display:block;height:3px;background:#00000080;border-radius:2px;overflow:hidden}.roster__hp-fill{display:block;height:100%;background:var(--calm)}.chronicle{pointer-events:none;text-shadow:0 1px 3px rgba(0,0,0,.95);padding:18px 26px 14px 14px;background:radial-gradient(120% 100% at 0% 100%,#06050cd1,#06050c8c 45%,#06050c00)}.chronicle__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.chronicle__line{font-size:16px;line-height:1.3;font-weight:500;color:var(--ink-dim);white-space:normal}.chronicle__line:nth-last-child(3){opacity:.7}.chronicle__line:nth-last-child(2){opacity:.88}.chronicle__line:last-child{color:var(--ink);opacity:1;font-weight:600}.chronicle__line--high{color:var(--danger)}.chronicle__line--critical{color:var(--blood)}.chronicle__name--hero{color:var(--gold)}.chronicle__name--threat{color:var(--blood)}.boot-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:480px}.boot-error pre{white-space:pre-wrap;color:var(--blood);margin:8px 0 0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.build__placing{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:6px 8px;border:1px dashed var(--gold);border-radius:var(--radius);color:var(--gold);font-size:12px}.build__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.build__item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name cost" "blurb blurb" "requires requires";width:100%;text-align:left;gap:2px 8px;padding:6px 8px}.build__item-name{grid-area:name}.build__item-cost{grid-area:cost;color:var(--gold);font-variant-numeric:tabular-nums}.build__item-blurb{grid-area:blurb;color:var(--ink-dim);font-size:11px}.build__item--locked{border-style:dashed}.build__item--locked .build__item-name,.build__item--locked .build__item-cost{opacity:.75}.build__item-requires{grid-area:requires;margin-top:2px;color:var(--gold-dim, var(--gold));font-size:10px;text-transform:uppercase;letter-spacing:.06em}.recruit__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}.recruit__item{display:grid;grid-template-columns:1fr auto;width:100%;text-align:left;gap:8px;padding:6px 8px}.recruit__item--pending{opacity:.85;border-color:var(--gold-dim, var(--gold));cursor:progress;animation:recruit-pending-pulse 1.1s ease-in-out infinite}@keyframes recruit-pending-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}@media(prefers-reduced-motion:reduce){.recruit__item--pending{animation:none}}.recruit__class{text-transform:capitalize}.recruit__cost{color:var(--gold);font-variant-numeric:tabular-nums}.recruit__warn{margin:2px 0 0;color:var(--blood);font-size:11px}.frontier__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.frontier__row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name send" "status send";align-items:center;gap:0 8px}.frontier__name{grid-area:name;border:0;padding:0;text-align:left;color:var(--ink)}.frontier__name:hover{color:var(--gold)}.frontier__status{grid-area:status;color:var(--ink-dim);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.frontier__send{grid-area:send;white-space:nowrap;font-size:11px}.hero{width:340px;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.hero__head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hero__identity-group{display:flex;align-items:flex-start;min-width:0;gap:8px}.hero__class-icon{flex:0 0 auto;width:30px;height:30px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.75))}.hero__identity{min-width:0}.hero__name{margin:0;font-size:15px}.hero__subtitle{margin:2px 0 0;color:var(--ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.hero__renown{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 6px;border-radius:2px;border:1px solid var(--panel-edge);color:var(--ink-dim);white-space:nowrap}.hero__renown--seasoned{color:var(--calm);border-color:var(--calm)}.hero__renown--renowned{color:var(--gold);border-color:var(--gold)}.hero__renown--legend{color:var(--blood);border-color:var(--blood)}.hero__vitals{display:flex;flex-direction:column;gap:4px}.hero__gold{margin:2px 0 0;font-variant-numeric:tabular-nums}.hero__gold-lifetime{color:var(--ink-dim)}.hero__traits{display:flex;flex-direction:column;gap:4px}.hero__status{display:flex;flex-direction:column;gap:2px}.hero__activity{margin:0}.hero__mood{color:var(--ink-dim)}.hero__action-tag{margin:0;color:var(--ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.hero__bark{margin:2px 0 0;font-style:italic;color:var(--gold)}.hero__intent{margin:0;color:var(--ink-dim);font-size:12px}.hero__intent--will-act{color:var(--calm)}.hero__legacy{display:flex;flex-direction:column;gap:4px}.hero__legacy-list{margin:0;padding:0 0 0 14px;max-height:120px;overflow-y:auto;font-size:12px;color:var(--ink-dim)}.hero__abilities{display:flex;flex-direction:column;gap:2px}.hero__abilities-list{margin:0;font-size:12px}.hero__focus{align-self:flex-start}.hero__bar{display:grid;grid-template-columns:60px 1fr 36px;align-items:center;gap:6px}.hero__bar--dominant .hero__bar-label{color:var(--gold);font-weight:700}.hero__bar-label{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em}.hero__bar-track{height:6px;background:#00000080;border-radius:2px;overflow:hidden}.hero__bar-fill{display:block;height:100%;background:var(--calm)}.hero__bar-fill--alarm{background:var(--blood)}.hero__bar--dominant .hero__bar-fill{background:var(--gold)}.hero__bar-text{font-size:11px;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-dim)}.realm{max-height:60vh;overflow-y:auto}.realm__tabbar{display:flex;gap:4px;margin-bottom:8px}.realm__tab{flex:1}.realm__tab--active{border-color:var(--gold);color:var(--gold)}.realm__body{display:flex;flex-direction:column;gap:10px}.realm__money-note{margin:0;color:var(--ink-dim);font-size:11px}.realm__rows{margin:0;display:flex;flex-direction:column;gap:2px}.realm__row{display:flex;justify-content:space-between;font-variant-numeric:tabular-nums}.realm__row dt,.realm__row--pending dd{color:var(--ink-dim)}.realm__row--cost dd{color:var(--blood)}.realm__row--total{margin-top:4px;padding-top:4px;border-top:1px solid var(--panel-edge);font-weight:700}.realm__row--total dt{color:var(--ink)}.realm__row-pending{margin-left:6px;padding:0 4px;border:1px solid var(--panel-edge);border-radius:2px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;cursor:help}.realm__empty{margin:0;color:var(--ink-dim)}.diplomacy{display:block;margin-top:10px;padding-top:10px;border-top:1px solid var(--panel-edge)}.diplomacy__title{margin:0 0 6px;font-size:13px}.realm__tax{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-top:8px;border-top:1px solid var(--panel-edge)}.realm__tax-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.realm__tax-head label{color:var(--ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.realm__tax input{width:100%;margin:0;accent-color:var(--gold)}.realm__tax-value{color:var(--gold);font-variant-numeric:tabular-nums}.realm__tax-value--hot{color:var(--blood)}.realm__tax-note{margin:0;color:var(--ink-dim);font-size:11px}.realm__tax-note--hot{color:var(--blood)}.realm__research-list,.realm__decree-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.realm__research,.realm__decree{border:1px solid var(--panel-edge);border-radius:var(--radius);padding:6px 8px;display:flex;flex-direction:column;gap:4px}.realm__research-head,.realm__decree-head{display:flex;justify-content:space-between;align-items:baseline}.realm__research-title,.realm__decree-title{font-weight:700}.realm__research-cost{color:var(--gold);font-variant-numeric:tabular-nums}.realm__research-benefit,.realm__decree-summary{margin:0;color:var(--ink-dim);font-size:12px}.realm__research-blocked{margin:0;color:var(--danger);font-size:11px}.realm__decree-badge{color:var(--calm);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.realm__decree-active{margin:0;color:var(--ink-dim);font-size:12px}.hero__allegiance{margin:2px 0 0;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--blood)}.hero__nemesis{margin:2px 0 0;font-size:11px;color:var(--blood)}.hero__nemesis-names{display:block;color:var(--ink-dim);font-size:10px;line-height:1.35}.building{width:320px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.building__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.building__name{margin:0;font-size:15px}.building__level{color:var(--gold);font-variant-numeric:tabular-nums;white-space:nowrap}.building__type{margin:0;color:var(--ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.building__blurb{margin:0;color:var(--ink-dim);font-size:12px}.building__integrity{margin:0;font-size:11px}.building__integrity-warn{color:var(--blood)}.building__foreign,.building__note{margin:0;color:var(--ink-dim);font-size:12px}.building__construction{display:flex;flex-direction:column;gap:6px}.building__construction-head{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:.05em}.building__construction-eta{color:var(--ink-dim);font-variant-numeric:tabular-nums;letter-spacing:0}.building__construction-track{height:8px;border:1px solid #53381c;background:#00000073;overflow:hidden}.building__construction-fill{height:100%;background:var(--gold);transition:width .22s linear}@media(prefers-reduced-motion:reduce){.building__construction-fill{transition:none}}.building__palace{display:flex;flex-direction:column;gap:10px}.building__upgrade{display:flex;flex-direction:column;gap:4px}.building__upgrade-button{align-self:flex-start}.building__upgrade-note,.building__upgrade-maxed{margin:0;color:var(--ink-dim);font-size:11px}.building__upgrade-jump{padding:0;border:0;background:none;color:var(--gold);font:inherit;text-decoration:underline;cursor:pointer}.building__upgrade-jump:hover,.building__upgrade-jump:focus-visible{color:var(--ink)}.building__recruit{margin:0;padding:0;list-style:none}.rival-holding{width:340px;max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.rival-holding__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.rival-holding__name{margin:0;font-size:15px}.rival-holding__type{margin:2px 0 0;color:var(--ink-dim);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.rival-holding__relation{padding:2px 6px;border:1px solid var(--panel-edge);color:var(--ink-dim);font-size:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.rival-holding__relation--cordial{color:var(--calm);border-color:var(--calm)}.rival-holding__relation--strained,.rival-holding__relation--hostile,.rival-holding__relation--war{color:var(--blood);border-color:var(--blood)}.rival-holding__purpose,.rival-holding__order-hint{margin:0;color:var(--ink-dim);font-size:12px}.rival-holding__control{display:flex;flex-direction:column;gap:5px;padding-top:8px;border-top:1px solid var(--panel-edge)}.rival-holding__control-head{display:flex;justify-content:space-between;gap:8px;color:var(--gold);font-size:12px}.rival-holding__control-head strong{color:var(--ink);font-weight:400}.rival-holding__control p{margin:0;color:var(--ink-dim);font-size:11px}.rival-holding__control button{align-self:flex-start}.rival-holding__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.rival-holding__facts div{padding:6px;border:1px solid var(--panel-edge)}.rival-holding__facts dt{color:var(--ink-dim);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.rival-holding__facts dd{margin:2px 0 0;color:var(--gold);font-variant-numeric:tabular-nums;font-size:12px}.threats{width:210px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);padding:6px;pointer-events:auto}.threats__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px;max-height:46vh;overflow-y:auto}.threats__row{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:baseline;text-align:left;border:1px solid transparent;border-left-width:3px;padding:4px 8px}.threats__row:hover{background:#e0b1551a}.threats__row[aria-pressed=true]{background:#e0b15533}.threats__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threats__bounty{font-size:11px;color:var(--ink-dim);white-space:nowrap}.threats__bounty--posted{color:var(--gold)}.threats__row--minor{border-left-color:var(--calm)}.threats__row--dangerous{border-left-color:var(--gold)}.threats__row--deadly{border-left-color:var(--danger)}.threats__row--legendary{border-left-color:var(--blood)}.bounty__foreign{margin:8px 0 0;color:var(--danger);font-size:11px;line-height:1.4}.rivals{width:210px;display:flex;flex-direction:column;gap:3px;padding:6px;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);pointer-events:auto}.rivals__row{display:flex;flex-direction:column;gap:1px;padding:3px 6px;border-left:3px solid var(--panel-edge)}.rivals__name{font-size:12px}.rivals__facts{display:flex;gap:8px;font-size:11px;color:var(--ink-dim)}.rivals__seen{color:var(--danger)}.rivals__contested{color:var(--gold)}.rivals__kills{color:var(--blood)}.guide{grid-area:guide;justify-self:center;display:flex;flex-direction:column;align-items:stretch;gap:7px;max-width:min(820px,76vw);padding:9px 11px 10px;background:linear-gradient(105deg,#2c1f2afa,#0d0f1bfa 68%),var(--panel);border:2px solid rgba(216,168,76,.62);border-radius:var(--radius);box-shadow:0 12px 30px #0000006b,inset 0 1px #ffe7ae1a;pointer-events:auto;font-size:15px;line-height:1.4;color:var(--ink-dim)}.guide__mission{display:flex;align-items:center;gap:9px}.guide__mission{justify-content:space-between;color:var(--ink);font-family:var(--font-display);padding-bottom:6px;border-bottom:1px solid rgba(216,168,76,.22)}.guide__mission span{color:var(--gold);font-family:var(--font-body);font-variant-numeric:tabular-nums}.guide__conversation{display:grid;grid-template-columns:62px minmax(0,1fr);gap:11px;align-items:stretch}.guide__portrait{position:relative;min-height:66px;overflow:hidden;border:2px solid rgba(235,190,91,.76);border-radius:5px 5px 16px;background:radial-gradient(circle at 50% 34%,rgba(119,91,111,.52),transparent 48%),linear-gradient(160deg,#302338,#111522 70%);box-shadow:inset 0 0 0 2px #0a0a10b3,0 4px 12px #0006}.guide__portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%;transform:scale(1.28);transform-origin:50% 30%;image-rendering:pixelated;user-select:none}.guide__instruction{min-width:0;display:flex;flex-direction:column;gap:4px}.guide__speaker-line,.guide__actions{display:flex;align-items:center;gap:8px}.guide__speaker-line{justify-content:space-between}.guide__speaker{color:#f0c765;font-family:var(--font-display);font-size:14px;letter-spacing:.02em}.guide__count{color:var(--gold);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.guide__step strong{color:var(--ink)}.guide__step{flex:1;min-width:0}.guide__actions{justify-content:flex-end;min-height:32px}.guide__dismiss{min-height:32px;padding:3px 8px;color:var(--ink-dim);font-size:12px}.guide__watch,.guide__show,.guide__restart{white-space:nowrap}@keyframes tutorial-focus{0%,to{outline-color:#ffd367e6;box-shadow:0 0 0 4px #efc15d40,0 0 16px #efc15d52}50%{outline-color:#ffe29a;box-shadow:0 0 0 8px #efc15d6b,0 0 30px #efc15d94}}html[data-tutorial-step=build_guild][data-tutorial-placement=""] [data-tutorial-target=build-menu][aria-pressed=false],html[data-tutorial-step=build_guild][data-tutorial-placement=""] [data-tutorial-target=warrior-guild],html[data-tutorial-step=hire_hero] [data-tutorial-target=recruit],html[data-tutorial-step=price_bounty] [data-tutorial-target=bounty]{position:relative;z-index:40;outline:3px solid #ffd367;outline-offset:3px;animation:tutorial-focus 1.25s ease-in-out infinite}html[data-tutorial-step=build_guild][data-tutorial-placement=""] [data-tutorial-target=build-menu][aria-pressed=false]:after,html[data-tutorial-step=build_guild][data-tutorial-placement=""] [data-tutorial-target=warrior-guild]:after,html[data-tutorial-step=hire_hero] [data-tutorial-target=recruit]:after,html[data-tutorial-step=price_bounty] [data-tutorial-target=bounty]:after{content:attr(data-tutorial-label);position:absolute;right:-5px;top:-15px;z-index:2;padding:3px 7px;border:1px solid #ffe5a0;border-radius:999px;background:#5c3518;color:#fff2c8;font:700 11px/1 var(--font-body);letter-spacing:.08em;pointer-events:none}@media(max-width:760px){.guide{justify-self:stretch;max-width:100%;padding:7px 8px 8px;font-size:15px}.guide__mission{padding-bottom:4px;font-size:14px}.guide__conversation{grid-template-columns:50px minmax(0,1fr);gap:8px}.guide__portrait{min-height:58px;align-self:start}.guide__portrait img{transform:scale(1.24)}.guide__speaker{font-size:13px}.guide__actions{min-height:30px}.guide__dismiss{min-height:36px;padding-inline:10px}}@media(prefers-reduced-motion:reduce){html[data-tutorial-step] [data-tutorial-target]{animation:none!important}}.title{position:absolute;inset:0;overflow:hidden;isolation:isolate;background:#080b16;color:#f7edd8}.title__art,.title__rival-lights,.title__atmosphere,.title__scrim,.title__embers{position:absolute;inset:0;pointer-events:none}.title__art{z-index:-5;inset:-2%;background-image:url(../ui/title_contest_v2.png);background-size:cover;background-position:center center;image-rendering:pixelated;transform:scale(1.025);animation:title-landscape-drift 14s ease-in-out infinite alternate}.title__rival-lights{z-index:-4;overflow:hidden;mix-blend-mode:screen}.title__rival-lights:before,.title__rival-lights:after{content:"";position:absolute;inset:-8%;opacity:.25;filter:saturate(1.25)}.title__rival-lights:before{background:radial-gradient(circle at 14% 22%,rgba(238,88,44,.68),transparent 27%);animation:title-crown-red 5.4s ease-in-out infinite alternate}.title__rival-lights:after{background:radial-gradient(circle at 86% 22%,rgba(66,129,255,.72),transparent 27%);animation:title-crown-blue 5.4s 2.7s ease-in-out infinite alternate}.title__atmosphere{z-index:-3;inset:auto -15% -18%;height:56%;opacity:.62;background:radial-gradient(ellipse at 50% 65%,rgba(69,82,119,.25),transparent 52%),repeating-linear-gradient(168deg,transparent 0 58px,rgba(151,165,192,.035) 59px 61px,transparent 62px 110px);filter:blur(14px);animation:title-mist-drift 10s ease-in-out infinite alternate}.title__scrim{z-index:-2;background:radial-gradient(circle at 50% 21%,transparent 0 17%,rgba(7,8,18,.18) 48%,rgba(5,6,14,.52) 100%),linear-gradient(90deg,rgba(7,8,17,.5) 0%,transparent 32%,transparent 68%,rgba(7,8,17,.45) 100%),linear-gradient(180deg,#05071014,#0507102e 36%,#050710f0)}.title__embers{z-index:-1;overflow:hidden}.title__embers i{position:absolute;bottom:-8px;left:var(--ember-x, 50%);width:3px;height:3px;background:#ffc45e;border-radius:50%;box-shadow:0 0 5px #ff9b3d,0 0 12px #ff6f20b3;opacity:0;animation:title-ember-rise var(--ember-time, 8s) linear infinite;animation-delay:var(--ember-delay, 0s)}.title__embers i:nth-child(1){--ember-x: 5%;--ember-delay: -2s;--ember-time: 9s}.title__embers i:nth-child(2){--ember-x: 13%;--ember-delay: -7s;--ember-time: 11s}.title__embers i:nth-child(3){--ember-x: 22%;--ember-delay: -4s;--ember-time: 8s}.title__embers i:nth-child(4){--ember-x: 31%;--ember-delay: -9s;--ember-time: 13s}.title__embers i:nth-child(5){--ember-x: 42%;--ember-delay: -1s;--ember-time: 10s}.title__embers i:nth-child(6){--ember-x: 49%;--ember-delay: -6s;--ember-time: 12s}.title__embers i:nth-child(7){--ember-x: 57%;--ember-delay: -3s;--ember-time: 9s}.title__embers i:nth-child(8){--ember-x: 66%;--ember-delay: -8s;--ember-time: 14s}.title__embers i:nth-child(9){--ember-x: 73%;--ember-delay: -5s;--ember-time: 10s}.title__embers i:nth-child(10){--ember-x: 81%;--ember-delay: -11s;--ember-time: 15s}.title__embers i:nth-child(11){--ember-x: 90%;--ember-delay: -2s;--ember-time: 12s}.title__embers i:nth-child(12){--ember-x: 96%;--ember-delay: -7s;--ember-time: 9s}.title__embers i:nth-child(13){--ember-x: 17%;--ember-delay: -10s;--ember-time: 12s}.title__embers i:nth-child(14){--ember-x: 36%;--ember-delay: -5s;--ember-time: 9s}.title__embers i:nth-child(15){--ember-x: 62%;--ember-delay: -12s;--ember-time: 14s}.title__embers i:nth-child(16){--ember-x: 86%;--ember-delay: -4s;--ember-time: 11s}.title__content{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(18px,2.6vh,30px);width:100%;max-width:1240px;min-height:100%;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) max(32px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(32px,env(safe-area-inset-left));overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(225,178,83,.55) transparent}.title__masthead{justify-self:center;max-width:740px;text-align:center;animation:title-reveal .7s cubic-bezier(.2,.75,.25,1) both}.title__eyebrow,.title__mode-kicker{margin:0;color:#d9bb7a;font-size:11px;font-weight:700;letter-spacing:.2em;line-height:1.35;text-transform:uppercase}.title__eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;text-shadow:0 2px 8px #080914}.title__eyebrow:after,.title__eyebrow>span{content:"";width:38px;height:1px;background:linear-gradient(90deg,transparent,#d9a848)}.title__eyebrow:after{background:linear-gradient(90deg,#d9a848,transparent)}.title__name{margin:4px 0 0;font-family:var(--font-display);font-size:clamp(48px,7.2vw,92px);font-weight:700;letter-spacing:-.045em;line-height:.9;color:#ffe6a1;text-wrap:balance;text-shadow:0 2px 0 #5d3818,0 4px 0 #1b1420,0 12px 28px rgba(0,0,0,.85),0 0 54px rgba(223,159,57,.24)}.title__name em{display:inline-block;margin:0 .05em;color:#cc8d3d;font-size:.48em;font-weight:400;letter-spacing:0;vertical-align:.22em}.title__tagline{margin:9px 0 0;font-family:var(--font-display);font-size:clamp(19px,2.1vw,28px);font-style:italic;letter-spacing:.01em;color:#fff4dd;text-shadow:0 2px 10px #070812}.title__thesis{max-width:62ch;margin:7px auto 0;color:#c8c0b5;font-size:14px;line-height:1.55;text-shadow:0 2px 8px #070812}.title__modes{align-self:end;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);gap:16px;width:100%}.title__secondary-modes{display:grid;grid-template-rows:repeat(3,1fr);gap:16px}.title__mode{position:relative;display:flex;flex-direction:column;min-width:0;padding:20px;overflow:hidden;border:1px solid rgba(205,157,75,.34);border-radius:3px;background:linear-gradient(135deg,#261f2cf0,#0d0f1ced 62%),#0b0d18eb;box-shadow:0 18px 48px #0000005c,inset 0 1px #fff1c20a;backdrop-filter:blur(9px);animation:title-card-in .64s cubic-bezier(.2,.75,.25,1) both;animation-delay:.15s}.title__mode:before,.title__mode:after{content:"";position:absolute;width:24px;height:24px;pointer-events:none}.title__mode:before{top:7px;left:7px;border-top:1px solid rgba(233,191,103,.75);border-left:1px solid rgba(233,191,103,.75)}.title__mode:after{right:7px;bottom:7px;border-right:1px solid rgba(233,191,103,.55);border-bottom:1px solid rgba(233,191,103,.55)}.title__mode--online{min-height:330px;padding:clamp(22px,2.5vw,32px);border-color:#edbb52b8;background:radial-gradient(circle at 12% 8%,rgba(179,91,42,.18),transparent 38%),linear-gradient(145deg,#2c1f2af7,#0a0d1cf5 68%);box-shadow:0 24px 70px #0000007a,0 0 0 1px #ffd0720f,inset 0 1px #ffebb514}.title__mode--tutorial{border-color:#edbb5294;animation-delay:.21s}.title__mode--skirmish{animation-delay:.27s}.title__mode--realm{animation-delay:.33s}.title__mode-heading h2{margin:5px 0 0;font-family:var(--font-display);font-size:clamp(22px,2.5vw,34px);line-height:1.05;color:#fff0c4;letter-spacing:-.02em}.title__mode-heading>p:last-child{max-width:52ch;margin:7px 0 0;color:#b8b1ab;font-size:13px;line-height:1.45}.title__secondary-modes .title__mode{justify-content:space-between;padding:18px 20px}.title__secondary-modes .title__mode-heading h2{font-size:23px}.title__secondary-modes .title__mode-heading>p:last-child{margin-top:4px;font-size:12px}.title__live-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#e9b957;box-shadow:0 0 0 3px #e9b95721,0 0 12px #e9b957b8;animation:title-live-pulse 2.2s ease-out infinite}.title__match-facts{display:flex;gap:0;margin:17px 0 18px;border-block:1px solid rgba(212,169,84,.18)}.title__match-facts span{flex:1;display:flex;align-items:baseline;gap:6px;min-width:0;padding:9px 12px;border-right:1px solid rgba(212,169,84,.18);color:#9d9998;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.title__match-facts span:first-child{padding-left:0}.title__match-facts span:last-child{padding-right:0;border-right:0}.title__match-facts strong{color:#f3d58f;font-family:var(--font-display);font-size:18px;letter-spacing:0}.title button,.title input,.title summary{font:inherit}.title button{min-height:42px;border-color:#b7914c70;background:#080a1494;color:#eee3cf;letter-spacing:.04em;transition:transform .15s ease,border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.title button:hover:not(:disabled){transform:translateY(-2px);border-color:#e4b75e;background:#302328e6;box-shadow:0 8px 22px #00000040}.title button:focus-visible,.title input:focus-visible,.title summary:focus-visible{outline:2px solid #f5c66b;outline-offset:3px}.title__online{display:flex;flex-direction:column;gap:10px;margin-top:auto}.title__primary,.title__create,.title__secondary-primary{border-color:#f2c465!important;background:linear-gradient(180deg,#f4cd77,#c78d38)!important;color:#20120c!important;font-weight:800;text-shadow:0 1px rgba(255,241,190,.35);box-shadow:inset 0 1px #ffe9a8,0 8px 20px #b8691a2e}.title__primary:hover:not(:disabled),.title__create:hover:not(:disabled),.title__secondary-primary:hover:not(:disabled){background:linear-gradient(180deg,#ffdb89,#d79b45)!important;box-shadow:inset 0 1px #fff3bd,0 10px 25px #d78b3242!important}.title__create{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px!important;padding:8px 16px;font-size:14px;text-transform:uppercase;overflow:hidden;animation:title-cta-command 2.8s ease-in-out infinite}.title__create:before{content:"";position:absolute;z-index:0;inset:-70% auto -70% -34%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,225,.78),transparent);transform:skew(-18deg);animation:title-cta-sheen 3.4s .8s ease-in-out infinite}.title__create:after{content:"→";font-size:24px;font-weight:400;line-height:1;position:relative;z-index:1}.title__create small{margin-left:auto;margin-right:14px;color:#2c190db8;font-size:9px;font-weight:700;letter-spacing:.08em;position:relative;z-index:1}.title__create>span{position:relative;z-index:1}.title__join-divider{display:flex;align-items:center;gap:10px;color:#79777d;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.title__join-divider:before,.title__join-divider:after{content:"";flex:1;height:1px;background:#d2ab5f29}.title__join-row,.title__lobby{display:flex;align-items:stretch;gap:8px;min-width:0}.title__join-row input,.title__invite-link input,.title__seed input{min-width:0;border:1px solid rgba(183,145,76,.42);border-radius:3px;background:#03050cb8;color:#fff0d0}.title__join-row input{flex:1;height:44px;padding:0 13px;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.title__join-row input::placeholder{color:#706c6b;opacity:1}.title__join-button{flex:0 0 auto;padding-inline:18px}.title__text-button{align-self:center;min-height:auto!important;padding:2px 5px!important;border:0!important;background:transparent!important;color:#d6b56f!important;font-size:11px}.title__mode-actions,.title__actions{display:flex;align-items:center;gap:7px;margin-top:12px}.title__mode-actions button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;padding:5px 8px;font-size:11px;text-transform:uppercase}.title__length-time{color:#a69d91;font-size:9px;font-weight:400;letter-spacing:0;text-transform:none}.title__actions>button{flex:1;white-space:nowrap}.title__secondary-primary{padding-inline:16px}.title__advanced{position:relative;flex:0 0 auto;color:#9f978f;font-size:10px}.title__advanced summary{min-height:42px;padding:13px 4px;cursor:pointer;list-style-position:inside;white-space:nowrap}.title__advanced[open]{position:absolute;z-index:2;right:18px;bottom:16px;display:flex;gap:10px;align-items:center;padding:8px 10px;border:1px solid rgba(183,145,76,.44);background:#111321;box-shadow:0 10px 28px #0000008c}.title__seed{display:flex;align-items:center;gap:8px;color:#a8a095;text-transform:uppercase;letter-spacing:.06em}.title__seed input{width:92px;height:34px;padding:0 8px}.title__lobby{flex-direction:column}.title__lobby>button{align-self:flex-start;padding-inline:22px}.title__lobby p{margin:0}.title__invite{display:flex;flex-direction:column;gap:8px;width:100%}.title__invite-code{margin-left:5px;color:#f1c76e;font-size:17px;letter-spacing:.16em;user-select:all}.title__invite-link{display:flex;gap:7px;width:100%}.title__invite-link input{flex:1;height:42px;padding:0 10px;color:#aaa4a1;font-size:11px}.title__online-status{color:#8f8d91;font-size:10px;line-height:1.4;letter-spacing:.04em;text-align:center;text-transform:uppercase}.title__online-error{padding:8px 10px;border-left:2px solid #d8703a;background:#7a2a1d2e;color:#ffb195;font-size:11px;line-height:1.4}.title__footer{display:flex;align-items:center;justify-content:center;gap:12px;color:#827d7b;font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;animation:title-reveal .7s .42s both}.title__footer i{width:4px;height:4px;border:1px solid #a27b38;transform:rotate(45deg)}@keyframes title-landscape-drift{0%{transform:scale(1.025) translate3d(-.8%,-.35%,0)}to{transform:scale(1.105) translate3d(.9%,.5%,0)}}@keyframes title-mist-drift{0%{transform:translate3d(-7%,2%,0) scale(1);opacity:.42}to{transform:translate3d(7%,-5%,0) scale(1.12);opacity:.78}}@keyframes title-ember-rise{0%{transform:translateZ(0);opacity:0}12%{opacity:.95}55%{transform:translate3d(-22px,-42vh,0);opacity:.72}to{transform:translate3d(34px,-86vh,0);opacity:0}}@keyframes title-crown-red{0%{opacity:.22;transform:scale(.96)}to{opacity:.72;transform:scale(1.08)}}@keyframes title-crown-blue{0%{opacity:.68;transform:scale(1.08)}to{opacity:.2;transform:scale(.96)}}@keyframes title-cta-command{0%,to{box-shadow:inset 0 1px #ffe9a8,0 8px 20px #b8691a38,0 0 #efb94f00}50%{box-shadow:inset 0 1px #fff4c4,0 12px 30px #d78b3261,0 0 24px #efb94f52}}@keyframes title-cta-sheen{0%,14%{left:-34%;opacity:0}24%{opacity:1}55%,to{left:116%;opacity:0}}@keyframes title-live-pulse{0%,to{box-shadow:0 0 0 3px #e9b9571f,0 0 12px #e9b957a6}55%{box-shadow:0 0 0 8px #e9b95700,0 0 18px #e9b957cc}}@keyframes title-reveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes title-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.title__content{display:block;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.title__masthead{margin:0 auto 22px}.title__modes{grid-template-columns:1fr}.title__secondary-modes{grid-template-columns:1fr;grid-template-rows:auto}.title__footer{padding-top:22px}}@media(max-width:620px){.title__art{inset:0;background-size:100% auto;background-repeat:no-repeat;background-position:center top;transform-origin:center top;animation:title-mobile-drift 11s ease-in-out infinite alternate}.title__scrim{background:linear-gradient(180deg,#0507101f,#05071080 22%,#080a15 43% 100%)}.title__content{padding-inline:max(14px,env(safe-area-inset-left))}.title__masthead{padding-top:min(25vw,94px)}.title__eyebrow{font-size:9px}.title__eyebrow:after,.title__eyebrow>span{width:22px}.title__name{font-size:clamp(45px,15.5vw,68px)}.title__tagline{font-size:18px}.title__thesis{font-size:12px}.title__mode--online{min-height:0;padding:22px 18px}.title__match-facts{margin-block:14px}.title__match-facts span{flex-direction:column;gap:1px;padding-inline:8px;font-size:8px}.title__match-facts strong{font-size:16px}.title__create small{display:none}.title__create span{flex:1;text-align:left}.title__join-row{flex-direction:column}.title__join-button{width:100%}.title__secondary-modes{grid-template-columns:1fr}.title__footer{flex-wrap:wrap;gap:8px;line-height:1.5}}@media(max-height:760px)and (min-width:901px){.title__content{gap:13px;padding-top:18px;padding-bottom:12px}.title__name{font-size:60px}.title__tagline{margin-top:5px;font-size:20px}.title__thesis{margin-top:4px;font-size:12px}.title__mode--online{min-height:305px;padding:22px}.title__match-facts{margin-block:12px}.title__footer{display:none}}@media(prefers-reduced-motion:reduce){.title__art,.title__rival-lights:before,.title__rival-lights:after,.title__atmosphere,.title__embers i,.title__create,.title__create:before,.title__live-dot,.title__masthead,.title__mode,.title__footer{animation:none!important}.title button{transition:none}}@keyframes title-mobile-drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.045) translate3d(0,-3px,0)}}.match-scoreboard{position:absolute;top:var(--hud-gap);right:var(--hud-gap);z-index:2;pointer-events:none}.scoreboard{min-width:150px;width:180px}.network-presence{display:flex;align-items:center;gap:6px;color:var(--ink-dim);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.network-command{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-dim);text-transform:none;letter-spacing:0}.network-command--applied{color:var(--calm)}.network-command--refused{color:var(--danger)}.network-presence__dot{width:7px;height:7px;border-radius:50%;background:var(--calm)}.network-presence__dot--reconnecting,.network-presence__dot--closed{background:var(--danger)}.network-closed{position:absolute;left:50%;top:110px;z-index:8;display:flex;align-items:center;gap:12px;transform:translate(-50%);pointer-events:auto}.scoreboard__lead{margin:0 0 6px;display:flex;align-items:baseline;gap:8px;font-size:14px;font-weight:700}.scoreboard__who--player{color:var(--calm)}.scoreboard__who--rival{color:var(--danger)}.scoreboard__who--level{color:var(--ink)}.scoreboard__margin{color:var(--ink-dim);font-size:11px;font-variant-numeric:tabular-nums}.scoreboard__rows{margin:0 0 8px;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.scoreboard__row{display:flex;justify-content:space-between;gap:10px;font-variant-numeric:tabular-nums}.scoreboard__row--player .scoreboard__name{color:var(--calm)}.scoreboard__row--rival .scoreboard__name{color:var(--danger)}.scoreboard__score{font-weight:700}.scoreboard__clock{margin:0;display:flex;flex-direction:column;gap:1px}.scoreboard__ticks{font-size:11px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.result{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a080eb8;pointer-events:auto;z-index:10}.result__card{width:min(560px,90vw);max-height:85vh;overflow-y:auto;background:var(--panel);border:1px solid var(--panel-edge);border-top:2px solid var(--gold);border-radius:var(--radius);padding:20px 24px;box-shadow:0 8px 32px #00000080}.result__title{margin:0 0 6px;font-size:20px}.result__subtitle{margin:0 0 18px;color:var(--ink-dim)}.result__breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.result__crown{border:1px solid var(--panel-edge);border-radius:var(--radius);padding:10px 12px}.result__crown--won{border-color:var(--gold)}.result__crown-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--panel-edge)}.result__crown-name{font-weight:700}.result__crown-score{font-size:18px;color:var(--gold);font-variant-numeric:tabular-nums}.result__lines{margin:0;display:flex;flex-direction:column;gap:4px}.result__line{display:flex;justify-content:space-between;gap:10px;font-size:12px}.result__line-label{display:flex;flex-direction:column}.result__line-detail{color:var(--ink-dim);font-size:10px}.result__line-points{margin:0;font-variant-numeric:tabular-nums;align-self:center}.result__line--loss .result__line-points{color:var(--blood)}.result__actions{display:flex;gap:10px;justify-content:flex-end}.result__feedback{display:flex;justify-content:flex-end;min-height:18px}.result__feedback-button{background:none;border:none;padding:0;font-size:11px;color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.result__feedback-button:hover,.result__feedback-button:focus-visible{color:var(--gold)}.result__feedback-thanks{font-size:11px;color:var(--ink-dim)}.match-concede{position:absolute;top:calc(var(--hud-gap) + 92px);right:var(--hud-gap);z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:auto}.match-concede button{font-size:11px;padding:3px 8px}.match-concede__ask{color:var(--ink-dim);font-size:11px}.match-concede__confirm{color:var(--danger);border-color:var(--danger)}@media(max-width:760px){.hud__top-band{display:flex;flex-direction:column;gap:6px}.match-scoreboard{position:static;pointer-events:none}.scoreboard{width:100%;min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:nowrap;padding:4px 8px;overflow:hidden}.scoreboard__lead{margin:0;font-size:12px;white-space:nowrap}.scoreboard__rows{margin:0;flex-direction:row;gap:12px}.scoreboard__row{gap:5px}.scoreboard__clock{margin:0;flex-direction:row;gap:5px;white-space:nowrap}.scoreboard__clock .stat__label{display:none}.match-concede{position:static;align-self:flex-end}}:root{--font-display: Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--gold-bright: #f0c674;--gold-dim: #8a6a2f;--wood-dark: #120d1a;--wood-warm: #241a2c}.panel{position:relative;background:linear-gradient(180deg,var(--wood-warm) 0%,var(--wood-dark) 100%);border:20px solid transparent;border-image-source:url(../ui/gold_frame.png);border-image-slice:24;border-image-width:20px;border-image-repeat:round;border-radius:2px;box-shadow:0 3px 10px #00000080,inset 0 0 24px #00000059}@media(max-width:760px),(max-height:540px){.panel{border-width:10px;border-image-width:10px}}.crown-bar{display:flex;align-items:stretch;gap:0;padding:6px 10px;min-width:0}.crown-bar__title-block{display:flex;flex-direction:column;justify-content:center;padding-right:16px;margin-right:14px;border-right:1px solid var(--gold-dim)}.crown-bar__realm{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--gold-bright);letter-spacing:.02em;white-space:nowrap}.crown-bar__subtitle{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.crown-bar__stats{display:flex;align-items:center;gap:16px;min-width:0}@media(max-width:760px){.crown-bar{flex-wrap:wrap;padding:5px 8px}.crown-bar__stats{flex-wrap:wrap;gap:6px 12px}.crown-bar__title-block{flex-basis:100%;padding-right:0;margin-right:0;margin-bottom:4px;border-right:none;border-bottom:1px solid var(--gold-dim);padding-bottom:4px}.stat--iconed{border-right:none;padding-right:0}}@media(max-width:480px),(max-height:540px){.crown-bar__title-block{display:none}.crown-bar__stats{gap:4px 10px}.stat--iconed{gap:4px}.stat__text{flex-direction:row;align-items:baseline;gap:4px}.stat--iconed .stat__label,.stat__rate{display:none}}.stat--iconed{flex-direction:row;align-items:center;gap:6px;border-right:1px solid var(--panel-edge);padding-right:14px}.stat__icon{flex:0 0 auto;display:inline-flex;color:var(--gold-bright)}.stat__text{display:flex;flex-direction:column;line-height:1.3}.stat--iconed .stat__value{font-family:ui-monospace,SF Mono,Menlo,monospace}.stat__rate{margin-left:4px;font-size:11px;color:var(--calm);font-variant-numeric:tabular-nums}.bounty__title{font-family:var(--font-display)}.hud__middle{overflow:hidden}.hud__inspector{min-height:0;max-height:100%;overflow-y:auto;padding-right:4px}.hud__inspector::-webkit-scrollbar{width:6px}.hud__inspector::-webkit-scrollbar-thumb{background:#e0b1554d;border-radius:3px}.hud__inspector::-webkit-scrollbar-track{background:transparent}.context-menu__price{display:flex;flex-direction:column;gap:4px;padding:4px 8px 6px}.context-menu__price-row{display:flex;align-items:center;gap:8px}.context-menu__price-row button{min-width:24px;padding:2px 6px;font:inherit;cursor:pointer}.context-menu__price-value{min-width:56px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.context-menu__price-notches{display:flex;gap:6px}.context-menu__price-notches button{flex:1;padding:2px 4px;font-size:.85em;cursor:pointer}.context-menu{position:fixed;z-index:20;min-width:180px;max-width:260px;margin:0;padding:6px 0;list-style:none;pointer-events:auto;left:0;top:0;translate:clamp(6px,var(--menu-x, 0px),max(6px,calc(100vw - 100% - 8px))) clamp(6px,var(--menu-y, 0px),max(6px,calc(100vh - 100% - 8px)));max-height:calc(100vh - 16px);overflow-y:auto}.context-menu__head{padding:4px 12px 2px;font-weight:600;color:var(--ink)}.context-menu__readout{padding:0 12px 6px;color:var(--ink-dim);font-size:12px;line-height:1.35}.context-menu__commit,.context-menu__cancel{display:block;width:100%;padding:6px 12px;border:none;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.context-menu__commit:hover,.context-menu__commit:focus-visible,.context-menu__cancel:hover,.context-menu__cancel:focus-visible{background:#e0b15526;outline:none}.context-menu__commit:disabled{color:var(--ink-dim);cursor:default}.context-menu__commit:focus-visible,.context-menu__cancel:focus-visible{box-shadow:inset 2px 0 0 var(--gold)}