:root{color-scheme:dark;--ink: #e7e2d6;--muted: #93a3b4;--panel: #151d26;--field: #0e151d;--line: #2a3846;--accent: #e0b050;--accent-ink: #141a21;--cool: #6cc0ff;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--ink);background:#0b1016}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow-x:hidden;width:100%;max-width:100%}.app{display:grid;grid-template-columns:minmax(220px,280px) 1fr;grid-template-rows:minmax(0,1fr) auto;height:100%;overflow-x:hidden;width:100%;max-width:100%;min-width:0}.hud{grid-row:1 / -1;padding:1.25rem 1rem;padding-left:max(1rem,env(safe-area-inset-left,0px));background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:.75rem;overflow:auto;min-width:0}.hud h1{margin:0;font-family:"IBM Plex Serif",Georgia,serif;font-size:1.35rem;font-weight:600;letter-spacing:-.02em}.banner{margin:0;padding:.5rem .65rem;border:2px solid var(--line);border-radius:4px;background:var(--field)}.banner.win{border-color:var(--accent);font-weight:600}.hint{margin:0;font-size:.9rem;line-height:1.35;opacity:.85}.byok-status{color:#d4b483;opacity:1;word-break:break-word}.meta{margin:0;font-size:.8rem;opacity:.65}.actions{display:flex;flex-wrap:wrap;gap:.4rem}.actions button{font:inherit;padding:.35rem .65rem;border:1px solid var(--line);border-radius:4px;background:var(--field);cursor:pointer}.actions button:hover:not(:disabled){border-color:var(--accent)}.actions button:disabled{opacity:.45;cursor:not-allowed}.mode{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.mode select{font:inherit;padding:.35rem}.help{margin-top:auto;font-size:.75rem;opacity:.7;line-height:1.4}.stage{position:relative;grid-column:2;min-width:0;min-height:0;overflow:hidden}.board{display:block;width:100%;height:100%}@keyframes path-pulse{0%,to{fill-opacity:.28}50%{fill-opacity:.88}}.path-pulse{animation:path-pulse 1.15s ease-in-out infinite;pointer-events:none}@keyframes selected-pulse{0%,to{fill-opacity:.12;stroke-opacity:.45}50%{fill-opacity:.62;stroke-opacity:1}}.selected-pulse{animation:selected-pulse .85s ease-in-out infinite;pointer-events:none}.lesson-target{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 70%,transparent))}@keyframes yield-shine-sweep{0%{transform:translate(-35%,-35%)}to{transform:translate(35%,35%)}}.yield-shine-band{transform-box:fill-box;transform-origin:center;animation:yield-shine-sweep 4.8s linear infinite;pointer-events:none}.match-over-dim{opacity:.4}.route-dock{--dock-line: 2.75rem;--dock-row-gap: .5rem;grid-column:2;display:grid;grid-template-rows:var(--dock-line);grid-auto-flow:column;align-items:center;justify-content:center;gap:var(--dock-row-gap) .9rem;padding:.5rem .75rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--panel)}.route-dock-idle{visibility:hidden}.route-dock-count{display:flex;align-items:center;gap:.4rem}.route-dock-count button{font:inherit;min-width:2.75rem;min-height:2.75rem;line-height:1;border-radius:4px;border:1px solid var(--line);background:var(--field);color:var(--ink);cursor:pointer}.route-dock-count button:disabled{opacity:.35;cursor:default}.route-dock-heads{min-width:3.2rem;text-align:center;font-size:1.15rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.route-dock-heads small{font-size:.72rem;font-weight:400;color:var(--muted)}.route-dock-note{margin:0;font-size:.72rem;letter-spacing:.02em;color:var(--muted)}.route-dock-actions{display:flex;gap:.5rem}.route-dock-actions button{font:inherit;font-size:.9rem;min-height:2.75rem;padding:.4rem 1.1rem;border-radius:4px;border:1px solid var(--line);cursor:pointer}.route-dock-actions .secondary{background:var(--field);color:var(--ink)}.route-dock-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.route-dock-actions button:disabled{opacity:.4;cursor:default}.lobby{min-height:100%;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at 30% 20%,rgba(224,176,80,.14),transparent 55%),radial-gradient(ellipse at 70% 80%,rgba(80,160,224,.12),transparent 50%),#0b1016}.lobby-card{width:min(420px,100%);padding:1.75rem 1.5rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:.85rem}.lobby-card-wide{width:min(560px,100%);max-height:min(92dvh,920px);overflow:auto}.lobby-card h1{margin:0;font-family:"IBM Plex Serif",Georgia,serif;font-size:1.75rem;font-weight:600;letter-spacing:-.02em}.lobby-lead{margin:0;opacity:.75;font-size:.95rem}.lobby-check{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.lobby-count{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.lobby-count select{font:inherit;padding:.45rem .55rem}.lobby-blurb{margin:0;font-size:.85rem;line-height:1.4;opacity:.8;min-height:2.5em}.lobby-byok{margin:0;padding:.65rem .75rem .75rem;border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;gap:.55rem}.lobby-seats{margin:0;padding:.65rem .75rem .75rem;border:1px solid var(--line);border-radius:4px;display:flex;flex-direction:column;gap:.75rem}.lobby-seats legend{padding:0 .25rem;font-size:.8rem;opacity:.85}.lobby-seat{display:flex;flex-direction:column;gap:.45rem;padding-bottom:.55rem;border-bottom:1px solid rgba(150,176,202,.12)}.lobby-seat:last-child{border-bottom:none;padding-bottom:0}.lobby-seat-head{display:flex;align-items:center;gap:.5rem}.lobby-seat-head select{margin-left:auto;font:inherit;padding:.35rem .45rem}.lobby-seat-occupancy{margin-left:auto;font-size:.85rem;color:var(--muted)}.lobby-seat-swatch{width:.75rem;height:.75rem;border-radius:2px;flex-shrink:0}.lobby-seat-byok{display:flex;flex-direction:column;gap:.45rem;padding-left:1.25rem}.lobby-byok legend{padding:0 .25rem;font-size:.8rem;opacity:.85}.lobby-byok input[type=url],.lobby-byok input[type=password],.lobby-byok input[type=text],.lobby-seat-byok input[type=url],.lobby-seat-byok input[type=password],.lobby-seat-byok input[type=text]{font:inherit;padding:.45rem .55rem;border:1px solid var(--line);border-radius:3px;background:var(--panel, transparent);color:inherit}.lobby-byok-note{margin:0;font-size:.75rem;line-height:1.35;opacity:.75}.lobby-byok-warn{margin:0;font-size:.78rem;line-height:1.35;color:#e8a0a0}.lobby-byok-ok{margin:0;font-size:.85rem;font-weight:650;line-height:1.35;color:#9dcf9a;word-break:break-word}.lobby-byok-actions{display:flex;gap:.5rem}.lobby-byok-test{font:inherit;padding:.4rem .75rem;border:1px solid var(--line);border-radius:3px;background:transparent;color:inherit;cursor:pointer}.lobby-byok-test:hover:not(:disabled){border-color:var(--accent)}.lobby-byok-test:disabled{opacity:.45;cursor:not-allowed}.lobby-start:disabled{opacity:.45;cursor:not-allowed}.lobby-start{font:inherit;margin-top:.35rem;padding:.65rem 1rem;border:none;border-radius:4px;background:var(--accent);color:var(--accent-ink);cursor:pointer;font-weight:600}.lobby-online{display:flex;flex-direction:column;gap:.65rem}.lobby-mode{display:flex;gap:.35rem}.lobby-mode-btn{font:inherit;flex:1;padding:.45rem .65rem;border:1px solid var(--line);border-radius:4px;background:var(--field);color:inherit;cursor:pointer}.lobby-mode-btn.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600}.lobby-learn-card{padding:.85rem;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;gap:.65rem}.tutorial-dim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#06080c6b;pointer-events:auto}.tutorial-overlay{position:absolute;left:50%;top:12%;transform:translate(-50%);z-index:9;width:min(28rem,calc(100% - 2rem));padding:1rem 1.1rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 8px 24px #00000059;pointer-events:auto}.tutorial-overlay-placed{transform:none;overflow:auto}.tutorial-overlay p{margin:0;line-height:1.4}.tutorial-banner{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);z-index:9;width:min(28rem,calc(100% - 2rem));padding:.65rem .9rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:.35rem;box-shadow:0 8px 24px #00000059;pointer-events:none}.tutorial-banner-title{margin:0;font-weight:650;line-height:1.3}.tutorial-banner p{margin:0;line-height:1.4}.lobby-online-row{display:flex;flex-wrap:wrap;gap:.45rem}.lobby-create-pending{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.9rem;line-height:1.35;color:var(--muted)}.lobby-hourglass{display:inline-block;flex:0 0 auto;width:1rem;height:1rem;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:lobby-hourglass-spin .8s linear infinite}@keyframes lobby-hourglass-spin{to{transform:rotate(360deg)}}#conquarrow-gis-chooser{min-height:2.5rem}.lobby-copy{font:inherit;margin-right:.45rem;padding:.15rem .45rem;border:1px solid var(--line);border-radius:3px;background:var(--field);color:inherit;cursor:pointer}.lobby-invite-url{display:block;margin-top:.35rem;font-size:.72rem;word-break:break-all;opacity:.85}.lobby-games{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.lobby-game-open{display:flex;align-items:flex-start;gap:.5rem;width:100%;text-align:left;border-left-width:3px;border-left-style:solid;background:transparent}.lobby-game-swatches{display:flex;flex-direction:column;gap:.18rem;padding-top:.2rem}.lobby-game-swatch{width:.65rem;height:.65rem;border-radius:50%;flex-shrink:0}.lobby-game-swatch.ai{opacity:.55}.lobby-game-swatch.you{box-shadow:0 0 0 2px var(--ink)}.lobby-game-copy{display:flex;flex-direction:column;gap:.12rem;min-width:0}.lobby-game-vs,.lobby-game-started{font-size:.72rem;color:var(--muted)}@media(max-width:720px){.app{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh}.hud{grid-row:1;border-right:none;border-bottom:1px solid var(--line);max-height:28dvh;padding:.65rem .75rem;padding-left:max(.75rem,env(safe-area-inset-left,0px));gap:.4rem}.hud h1{font-size:1.1rem}.help{display:none}.stage{grid-column:1;min-height:45dvh}.route-dock{grid-column:1;grid-template-rows:var(--dock-line) var(--dock-line);grid-template-columns:auto auto;grid-auto-flow:row}.route-dock-actions{grid-column:1 / -1;justify-self:center}}.tip{position:absolute;z-index:4;pointer-events:none;padding:.55rem .65rem .6rem;border-radius:7px;border:1px solid var(--line);background:#0f161ef5;box-shadow:0 12px 30px #00000080;font-size:.74rem;line-height:1.35}.tip p{margin:0}.tip-title{font-size:.8rem}.tip-title strong{color:var(--accent)}.tip-sub{color:var(--muted);margin-bottom:.45rem!important}.tip-shares{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.tip-share{display:flex;gap:.4rem;align-items:flex-start}.tip-share.unclaimed{opacity:.62}.tip-swatch{width:7px;height:7px;margin-top:.28rem;border-radius:2px;flex:none}.tip-share-body{display:flex;flex-direction:column;gap:.12rem;min-width:0;flex:1}.tip-next{color:var(--accent);font-style:normal;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em}.tip-bar{display:block;height:3px;border-radius:2px;background:#96b0ca2e;overflow:hidden}.tip-bar-fill{display:block;height:100%}.tip-share-note{color:var(--muted);font-size:.68rem}.tip-share.blockaded .tip-share-note{color:#e05a7a}.tip-held{margin-top:.5rem!important;padding-top:.4rem;border-top:1px solid var(--line);color:var(--muted)}.fx-capture-fill,.fx-loss-retract,.fx-combat-ring,.fx-combat-tick,.fx-emerge-ring,.fx-convert-in,.fx-sentry-set,.fx-converge-settle,.fx-diverge-hold,.fx-cut-gap,.fx-refusal{transform-box:fill-box;transform-origin:center}.board-fx *{pointer-events:none}@keyframes fx-capture-fill{0%{fill-opacity:0;stroke-opacity:0;transform:scale(.45)}45%{fill-opacity:.9;stroke-opacity:.9;transform:scale(1)}to{fill-opacity:0;stroke-opacity:0;transform:scale(1)}}.fx-capture-fill{fill-opacity:.5;stroke-opacity:.6;animation-name:fx-capture-fill;animation-timing-function:cubic-bezier(.16,.84,.3,1);animation-fill-mode:both}@keyframes fx-capture-fresh{0%{stroke-opacity:0;stroke-dashoffset:0}18%{stroke-opacity:.95}75%{stroke-opacity:.75}to{stroke-opacity:0;stroke-dashoffset:-28px}}.fx-capture-fresh{stroke-opacity:.8;animation-name:fx-capture-fresh;animation-timing-function:linear;animation-fill-mode:both}@keyframes fx-loss-retract{0%{fill-opacity:.7;stroke-opacity:.9;transform:scale(1)}to{fill-opacity:0;stroke-opacity:0;transform:scale(.5)}}.fx-loss-retract{fill-opacity:.45;stroke-opacity:.6;animation-name:fx-loss-retract;animation-timing-function:cubic-bezier(.4,0,.7,.3);animation-fill-mode:both}@keyframes fx-loop-pulse{0%{stroke-opacity:0}30%{stroke-opacity:1}to{stroke-opacity:0}}.fx-loop-pulse{stroke-opacity:.85;animation-name:fx-loop-pulse;animation-timing-function:ease-out;animation-fill-mode:both}.fx-loop-closing{animation-name:fx-loop-closing}@keyframes fx-loop-closing{0%{stroke-opacity:0}20%{stroke-opacity:1}55%{stroke-opacity:.65}75%{stroke-opacity:1}to{stroke-opacity:0}}@keyframes fx-trail-laid{0%{stroke-opacity:0}35%{stroke-opacity:.85}to{stroke-opacity:0}}.fx-trail-laid{stroke-opacity:.5;animation-name:fx-trail-laid;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes fx-cut-half{0%{stroke-opacity:1;transform:translate(0)}to{stroke-opacity:0;transform:translate(var(--fx-dx, 0),var(--fx-dy, 0))}}.fx-cut-half{stroke-opacity:.85;animation-name:fx-cut-half;animation-timing-function:cubic-bezier(.1,.9,.2,1);animation-fill-mode:both}@keyframes fx-cut-gap{0%{stroke-opacity:0;transform:scale(.2)}22%{stroke-opacity:1;transform:scale(1.1)}to{stroke-opacity:0;transform:scale(1.25)}}.fx-cut-gap{stroke-opacity:.9;animation-name:fx-cut-gap;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes fx-evaporate-fill{0%{fill-opacity:.7;stroke-opacity:.9}35%{fill-opacity:.55;stroke-opacity:1}to{fill-opacity:0;stroke-opacity:0}}.fx-evaporate-fill{fill-opacity:.4;stroke-opacity:.6;animation-name:fx-evaporate-fill;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes fx-evaporate-chord{0%{stroke-opacity:.95}40%{stroke-opacity:1}to{stroke-opacity:0}}.fx-evaporate-chord{stroke-opacity:.6;animation-name:fx-evaporate-chord;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes fx-seat-vanish-fill{0%{fill-opacity:.7;stroke-opacity:.9}12%{fill-opacity:.22;stroke-opacity:.3}24%{fill-opacity:.7;stroke-opacity:.9}36%{fill-opacity:.22;stroke-opacity:.3}48%{fill-opacity:.5;stroke-opacity:.65}to{fill-opacity:0;stroke-opacity:0}}.fx-seat-vanish-fill{fill-opacity:.5;stroke-opacity:.7;animation-name:fx-seat-vanish-fill;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes fx-seat-vanish-chord{0%{stroke-opacity:.95}12%{stroke-opacity:.28}24%{stroke-opacity:.95}36%{stroke-opacity:.28}48%{stroke-opacity:.7}to{stroke-opacity:0}}.fx-seat-vanish-chord{stroke-opacity:.7;animation-name:fx-seat-vanish-chord;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes fx-combat-ring{0%{stroke-opacity:0;transform:scale(.35)}30%{stroke-opacity:1;transform:scale(1)}to{stroke-opacity:0;transform:scale(1.3)}}.fx-combat-ring{stroke-opacity:.8;animation-name:fx-combat-ring;animation-timing-function:cubic-bezier(.2,.8,.3,1);animation-fill-mode:both}@keyframes fx-combat-tick{0%{stroke-opacity:0;transform:scale(.5)}25%{stroke-opacity:1;transform:scale(1.05)}to{stroke-opacity:0;transform:scale(.85)}}.fx-combat-tick{stroke-opacity:.85;animation-name:fx-combat-tick;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes fx-run-out{0%{stroke-opacity:0;stroke-dashoffset:400}30%{stroke-opacity:.95}to{stroke-opacity:0;stroke-dashoffset:0}}.fx-diverge-run,.fx-advance{stroke-dasharray:400;stroke-opacity:.6;animation-name:fx-run-out;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both}.fx-advance{stroke-opacity:.4}@keyframes fx-diverge-hold{0%{stroke-opacity:0;transform:scale(1.3)}40%{stroke-opacity:.9;transform:scale(1.02)}to{stroke-opacity:0;transform:scale(1)}}.fx-diverge-hold{stroke-opacity:.5;animation-name:fx-diverge-hold;animation-timing-function:ease-out;animation-fill-mode:both}@keyframes fx-run-in{0%{stroke-opacity:0;stroke-dashoffset:0}30%{stroke-opacity:.95}to{stroke-opacity:0;stroke-dashoffset:-400}}.fx-converge-run{stroke-dasharray:400;stroke-opacity:.6;animation-name:fx-run-in;animation-timing-function:cubic-bezier(.4,0,.4,1);animation-fill-mode:both}@keyframes fx-converge-settle{0%{fill-opacity:0;stroke-opacity:0;transform:scale(1.22)}45%{fill-opacity:.32;stroke-opacity:.95;transform:scale(1)}to{fill-opacity:0;stroke-opacity:0;transform:scale(1)}}.fx-converge-settle{fill-opacity:.18;stroke-opacity:.5;animation-name:fx-converge-settle;animation-timing-function:cubic-bezier(.16,.84,.3,1);animation-fill-mode:both}@keyframes fx-sentry-set{0%{stroke-opacity:0;transform:scale(1.5)}45%{stroke-opacity:.9;transform:scale(1)}to{stroke-opacity:0;transform:scale(1)}}.fx-sentry-set{stroke-opacity:.5;animation-name:fx-sentry-set;animation-timing-function:cubic-bezier(.16,.84,.3,1);animation-fill-mode:both}@keyframes fx-emerge-ring{0%{fill-opacity:0;stroke-opacity:0;transform:scale(.25)}40%{fill-opacity:.34;stroke-opacity:1;transform:scale(1.08)}to{fill-opacity:0;stroke-opacity:0;transform:scale(1)}}.fx-emerge-ring{fill-opacity:.2;stroke-opacity:.6;animation-name:fx-emerge-ring;animation-timing-function:cubic-bezier(.16,.9,.3,1);animation-fill-mode:both}@keyframes fx-convert-out{0%{fill-opacity:.55}to{fill-opacity:0}}.fx-convert-out{fill-opacity:.3;animation-name:fx-convert-out;animation-timing-function:ease-in;animation-fill-mode:both}@keyframes fx-convert-in{0%{stroke-opacity:0;transform:scale(1.35)}50%{stroke-opacity:1;transform:scale(1)}to{stroke-opacity:0;transform:scale(1)}}.fx-convert-in{stroke-opacity:.6;animation-name:fx-convert-in;animation-timing-function:cubic-bezier(.16,.84,.3,1);animation-fill-mode:both}@keyframes fx-float{0%{opacity:0;transform:translate(0)}25%{opacity:1}to{opacity:0;transform:translate(var(--fx-dx, 0),var(--fx-dy, 0))}}.fx-float-loss,.fx-float-gain,.fx-float-move,.fx-float-stay{transform-box:fill-box;opacity:.9;animation-name:fx-float;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-fill-mode:both}@keyframes fx-float-stay{0%{opacity:0;transform:translate(0)}35%{opacity:1;transform:translate(var(--fx-dx, 0),var(--fx-dy, 0))}70%{opacity:1;transform:translate(var(--fx-dx, 0),var(--fx-dy, 0))}to{opacity:0;transform:translate(var(--fx-dx, 0),var(--fx-dy, 0))}}.fx-float-stay{animation-name:fx-float-stay;animation-timing-function:cubic-bezier(.2,.9,.3,1)}@keyframes fx-refusal{0%,to{opacity:0;transform:translate(0)}15%{opacity:1;transform:translate(-2.5px)}35%{transform:translate(2.5px)}55%{opacity:1;transform:translate(-1.2px)}80%{opacity:.6;transform:translate(0)}}.fx-refusal{opacity:.9;animation-name:fx-refusal;animation-timing-function:ease-out;animation-fill-mode:both}.trail-chord{stroke-linecap:round}.trail-chord-open{stroke-dasharray:5 3.5}@keyframes trail-live-drift{to{stroke-dashoffset:-17px}}.trail-chord-live{animation:trail-live-drift 1.6s linear infinite}.turn-ring{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;border:2px solid var(--turn-tint, var(--line));border-radius:2px;opacity:.5}.turn-ring.resolving{opacity:.85;animation:turn-ring-resolving 1.1s ease-in-out infinite}@keyframes turn-ring-resolving{0%,to{opacity:.32}50%{opacity:.9}}.turn-ring.handover{animation:turn-ring-handover .26s ease-out}@keyframes turn-ring-handover{0%{opacity:.15;box-shadow:inset 0 0 0 0 var(--turn-tint, transparent)}40%{opacity:1;box-shadow:inset 0 0 18px 0 var(--turn-tint, transparent)}to{opacity:.5;box-shadow:inset 0 0 0 0 transparent}}@keyframes hud-bump{0%{color:var(--accent);transform:translateY(2px)}35%{color:var(--accent);transform:translateY(0)}to{color:inherit;transform:translateY(0)}}.hud-bump{display:inline-block;animation:hud-bump .52s ease-out}.fx-legend{margin:0;font-size:.72rem;line-height:1.45;opacity:.72}.fx-legend b{font-weight:600;opacity:.95}@media(prefers-reduced-motion:reduce){.lobby-hourglass,.yield-shine-band,.selected-pulse,.path-pulse,.trail-chord-live,.turn-ring.resolving,.turn-ring.handover,.hud-bump,.board-fx *,[class^=fx-],[class*=" fx-"]{animation:none!important}}.settings{position:absolute;top:.6rem;right:.6rem;z-index:6;display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.settings-gear{width:2rem;height:2rem;line-height:1;font-size:1rem;border:1px solid var(--line);border-radius:999px;background:var(--panel);cursor:pointer}.settings-panel{min-width:13rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:flex;flex-direction:column;gap:.55rem;font-size:.78rem;box-shadow:0 6px 18px #00000040}.settings-panel label{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.settings-panel input[type=range]{flex:1 1 100%}.settings-value{opacity:.8}