:root{--bg:#d8d4cc;--surface:#f8f6f1e6;--surface-solid:#f7f5f0;--ink:#2a2926;--ink-2:#57544d;--ink-3:#8a867c;--line:#3c372d24;--accent:#33373c;--accent-ink:#f4f1ea;--ok:#5d8a69;--near:#b3974b;--bad:#b25a4d;--radius:10px;--shadow:0 1px 2px #2823190f, 0 8px 24px #28231914;--sans:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;font-size:14px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.dim{color:var(--ink-3)}.splash{place-items:center;height:100%;display:grid}.wordmark{letter-spacing:.18em;text-transform:uppercase;font-size:15px;font-weight:600}.app{position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;isolation:isolate;position:absolute;inset:0}.topbar{pointer-events:none;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{align-items:baseline;gap:12px;display:flex}.meta{color:var(--ink-2);font-size:12px}.topbar-actions{gap:6px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:32px;color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:0 11px 0 9px;font-size:12.5px;transition:background .15s,color .15s;display:inline-flex}.icon-btn svg{fill:currentColor;width:16px;height:16px}.icon-btn:hover{color:var(--ink);background:var(--surface-solid)}.icon-btn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;inset:60px 16px 84px}.hud>*{pointer-events:auto}.hud-left{flex-direction:column;gap:10px;max-width:260px;display:flex}.card{background:var(--surface);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.eyebrow .mono{letter-spacing:0;text-transform:none}.brief h1{letter-spacing:-.01em;margin:0 0 10px;font-size:26px;font-weight:500}.brief .grade{font:inherit;font-family:var(--mono);color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;margin:0 -2px;padding:0 2px;font-weight:500}.brief .grade:hover{background:#3c372d12}.grade-info{vertical-align:.35em;border:1px solid var(--line);width:16px;height:16px;font-family:var(--sans);color:var(--ink-3);border-radius:50%;place-items:center;margin-left:4px;font-size:10.5px;display:inline-grid}.facts{gap:4px;margin:0;display:grid}.facts div{justify-content:space-between;gap:12px;display:flex}.facts dt{color:var(--ink-3)}.facts dd{text-align:right;margin:0}.wall-fact .mono{font-size:12px;display:block}.route-chip{text-transform:capitalize;justify-content:flex-end;align-items:center;gap:6px;display:flex}.swatch{border-radius:3px;width:10px;height:10px;box-shadow:inset 0 0 0 1px #00000026}.twist{color:#7a6526;background:#b3974b24;border-radius:6px;margin-top:10px;padding:6px 9px;font-size:12.5px}.controls{color:var(--ink-2);background:#f8f6f199;border-radius:8px;max-width:260px;margin:0;padding:8px 12px;font-size:12px;transition:opacity .3s,visibility .3s}.controls.away{opacity:0;visibility:hidden}.tray{width:236px;max-height:100%;padding:12px;overflow:auto}.tray ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.slot{text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:26px 1fr auto;align-items:center;gap:8px;width:100%;padding:7px 8px;transition:background .12s,border-color .12s;display:grid}.slot:hover:not(:disabled){background:#3c372d0f}.slot.active{background:var(--surface-solid);border-color:var(--accent)}.slot:disabled{opacity:.4;cursor:default}.tray.locked .slot:disabled{opacity:.55}.hold-icon{width:26px;height:26px}.slot-name{align-items:baseline;gap:6px;display:flex}.size{font-family:var(--mono);color:var(--ink-3);font-size:11px}.count{font-size:13px}.hint{color:var(--ink-2);margin:8px 4px 2px;font-size:12px}@media (width>=721px) and (height>=501px) and (height<=900px){.tray{padding:10px}.tray ul{gap:1px}.slot{grid-template-columns:22px 1fr auto;padding:3px 8px}.slot .hold-icon{width:22px;height:22px}}@media (width>=721px) and (height>=501px) and (height<=660px){.tray{width:304px}.tray ul{grid-template-columns:1fr 1fr}.slot{gap:4px;padding:3px 5px}}.actionbar{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:absolute;transform:translate(-50%)}.pips{gap:4px;display:flex}.pip{text-align:center;border:1.5px dashed #3c372d4d;border-radius:4px;width:18px;height:18px;font-size:13px;line-height:15px}.pip.exact,.pip.pass,.pip.fail{border:none}.holdcount{padding:0 6px;font-size:13px}.btn{border:1px solid var(--line);background:0 0;border-radius:8px;height:36px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .15s,opacity .15s}.btn:hover:not(:disabled){background:#3c372d12}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:#23262a}.btn:disabled{opacity:.5;cursor:default}.btn.danger{background:var(--bad);color:#fff;border-color:var(--bad)}.btn.danger:hover:not(:disabled){background:#9a4a3e}.actionbar.confirm .confirm-text{padding:0 6px;font-size:13.5px;font-weight:500}.btn.wide{width:100%}.btn.icon{place-items:center;width:36px;padding:0;display:inline-grid}.btn.icon svg{fill:currentColor;width:18px;height:18px}.selection-bar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;gap:4px;padding:4px;display:flex;position:absolute;bottom:78px;left:50%;transform:translate(-50%)}.selection-bar button{background:0 0;border:none;border-radius:7px;min-width:40px;height:34px;padding:0 10px;font-size:16px}.selection-bar button:hover{background:#3c372d12}.selection-bar .danger{color:var(--bad);font-size:13px}.selection-bar{flex-wrap:wrap;justify-content:center;align-items:center;max-width:calc(100vw - 32px)}.lip-row{white-space:nowrap;align-items:center;gap:4px;padding-left:8px;font-size:13px;display:flex}.lip{align-items:center;gap:6px;min-width:0;display:inline-flex}.lip .dim{text-overflow:ellipsis;min-width:0;overflow:hidden}.lip-meter{align-items:flex-end;gap:2px;display:inline-flex}.lip-meter i{background:var(--line);border-radius:1px;width:4px}.lip-meter i:first-child{height:5px}.lip-meter i:nth-child(2){height:8px}.lip-meter i:nth-child(3){height:11px}.lip-meter i:nth-child(4){height:14px}.lip-meter i.on{background:currentColor}.selection-bar .swap,.tray .hint .lip{font-size:13px}.viewing{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:absolute;transform:translate(-50%)}.toast{background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow);border-radius:8px;padding:8px 14px;font-size:13px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:10;background:#2a282447;place-items:center;padding:16px;animation:.18s ease-out fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface-solid);border-radius:14px;width:min(440px,100%);max-height:calc(100% - 16px);padding:22px 22px 18px;animation:.22s ease-out rise;position:relative;overflow:auto;box-shadow:0 20px 60px #1e1c1640}.modal h2{margin:0 0 12px;font-size:19px;font-weight:500;line-height:1.3}.modal-close{width:30px;height:30px;color:var(--ink-3);background:0 0;border:none;border-radius:7px;font-size:20px;position:absolute;top:10px;right:10px}.modal-close:hover{background:#3c372d12}.modal .row{gap:8px;margin:14px 0 4px;display:flex}.modal .row .btn{flex:1}.modal .eyebrow{margin-top:4px}.steps{color:var(--ink-2);margin:0 0 16px;padding-left:20px}.steps li{margin-bottom:6px}.steps b{color:var(--ink);font-weight:500}.legend{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.legend li{align-items:center;gap:10px;display:flex}.legend div{flex-direction:column;display:flex}.legend b{font-weight:500}.legend span{color:var(--ink-2);font-size:12.5px}.fine{color:var(--ink-3);margin:8px 0 14px;font-size:12.5px}.fine.center{text-align:center;margin-bottom:0}.lede{color:var(--ink-2);margin:4px 0}.tip{border-left:3px solid var(--near);color:var(--ink-2);background:#b3974b1a;border-radius:4px;margin:0 0 14px;padding:8px 10px;font-size:13px;line-height:1.4}.drivers{margin:-6px 0 14px}.drivers ul{gap:5px;margin:4px 0 0;padding:0;list-style:none;display:grid}.drivers li{color:var(--ink-2);grid-template-columns:minmax(0,1fr) 64px 34px;align-items:center;gap:8px;font-size:12.5px;display:grid}.drivers .label{line-height:1.3}.drivers .bar{background:var(--near);border-radius:3px;justify-self:start;min-width:4px;height:6px}.drivers b{text-align:right;color:var(--ink);font-weight:500}.verdict{align-items:baseline;gap:12px;margin:4px 0 6px;display:flex}.verdict .big{letter-spacing:-.02em;font-size:40px;font-weight:500}.verdict .tag{border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:500}.verdict.exact .tag{color:#3e6b4b;background:#5d8a6929}.verdict.pass .tag{color:#7a6526;background:#b3974b2e}.verdict.fail .tag{color:#8e3f34;background:#b25a4d24}.grade-scale{margin:12px 4px 6px}.grade-scale .track{background:#3c372d14;border-radius:999px;height:10px;position:relative}.grade-scale .band{position:absolute;top:0;bottom:0}.grade-scale .band.pass{background:#b3974b47}.grade-scale .band.exact{background:#5d8a6980}.grade-scale .mark{border:2px solid var(--surface-solid);background:var(--ink-3);width:18px;height:18px;color:var(--accent-ink);opacity:.55;border-radius:50%;place-items:center;margin:-9px 0 0 -9px;font-size:10px;line-height:1;display:grid;position:absolute;top:50%}.grade-scale .mark.exact{background:var(--ok)}.grade-scale .mark.pass{background:var(--near)}.grade-scale .mark.fail{background:var(--bad)}.grade-scale .mark.current{z-index:1;opacity:1;width:22px;height:22px;margin:-11px 0 0 -11px;font-size:11px;animation:.6s cubic-bezier(.3,.9,.3,1.15) .15s both grade-slide;box-shadow:0 1px 4px #2823194d}.grade-scale .mark.below{border-radius:3px 50% 50% 3px;margin-left:0}.grade-scale .mark.above{border-radius:50% 3px 3px 50%;margin-left:-18px}.grade-scale .mark.current.above{margin-left:-22px}.grade-scale .ticks{height:16px;color:var(--ink-3);margin-top:6px;font-size:10.5px;position:relative}.grade-scale .ticks span{position:absolute;transform:translate(-50%)}.grade-scale .ticks .target{color:var(--ink);font-weight:500}@keyframes grade-slide{0%{left:var(--from)}}.share{white-space:pre-wrap;background:#3c372d0f;border-radius:8px;margin:4px 0 0;padding:12px 14px;font-size:13px}.stats{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;display:grid}.stats b{font-size:22px;font-weight:500;display:block}.stats span{color:var(--ink-3);font-size:11.5px}.dist{gap:3px;margin:0 0 16px;padding:0;list-style:none;display:grid}.dist li{grid-template-columns:38px 1fr;align-items:center;gap:8px;font-size:12px;display:grid}.dist .bar.empty{visibility:hidden}.dist .bar{color:#fff;text-align:right;min-width:18px;font-family:var(--mono);background:#a9a397;border-radius:3px;padding:1px 6px;font-size:11px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.modal,.modal-backdrop,.grade-scale .mark.current{animation:none}}.beta-tag{color:#fff;font:500 11px/1.2 var(--mono);white-space:nowrap;border-radius:999px;align-items:baseline;gap:2px;padding:2px 6px 2px 5px;animation:.25s ease-out pop;display:flex;position:relative;box-shadow:0 1px 3px #1e190f4d}.beta-slot{transition:transform .18s ease-out}.beta-tag .move{align-items:baseline;gap:2px;display:flex}.beta-tag .move+.move{margin-left:4px}.beta-tag .h{opacity:.8;font-size:9.5px}.beta-tag.crux{outline:2px solid #ffffffe6}.beta-tag{transition:transform .25s ease-out}.beta-tag.now{transform:scale(1.25)}.beta-tag .crux-label{color:#fff;background:var(--accent);letter-spacing:.08em;text-transform:uppercase;border-radius:4px;padding:0 4px;font-size:9px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.ticker{text-align:center;min-width:260px;padding:10px 14px 12px;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.ticker .row1{color:var(--ink-3);justify-content:space-between;gap:16px;font-size:12px;display:flex}.ticker .label{margin:4px 0 8px;font-size:15px;font-weight:500}.ticker.topped .label{color:var(--ok)}.ticker.fell .label{color:var(--bad)}.move-meter .track{background:#3c372d1a;border-radius:3px;height:6px;position:relative}.move-meter .track span{position:absolute}.move-meter .band,.move-meter .fill{height:100%;top:0}.move-meter .band{background:#b3974b38}.move-meter .fill{border-radius:3px;transition:width .3s,background .3s,opacity .2s;left:0}.move-meter .fill.on{min-width:6px}.move-meter .peak,.move-meter .target{border-radius:1px;width:2px;height:10px;margin-left:-1px;top:-2px}.move-meter .peak{background:#3c372d59;transition:left .3s}.move-meter .target{background:var(--ink-2)}.move-meter .scale{height:14px;font-family:var(--mono);color:var(--ink-3);justify-content:space-between;margin-top:3px;font-size:10px;line-height:14px;display:flex;position:relative}.move-meter .scale .end{margin-left:auto}.move-meter .scale .mark{color:var(--ink-2);white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.move-meter .scale .mark.start{transform:none}.ticker .row1 b{color:var(--ink);font-weight:600;transition:color .2s}.ticker .row1 b.pending{color:var(--ink-3)}.ticker.pending .move-meter .fill{opacity:.35}.ticker .playback{justify-content:center;gap:8px;margin-top:10px;display:flex}.ticker .playback button{min-width:44px;height:30px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #3c372d2e;border-radius:15px;align-items:center;gap:4px;padding:0 12px;font-size:13px;display:inline-flex}.ticker .playback button:hover{background:#3c372d0f}.ticker .playback svg{fill:currentColor;width:14px;height:14px}.sticky-cta{background:linear-gradient(to bottom, #f7f5f000, var(--surface-solid) 35%);margin:0 -22px -18px;padding:12px 22px 18px;position:sticky;bottom:-18px}.field{margin:0 0 14px;display:block}.field-label{color:var(--ink-2);justify-content:space-between;margin-bottom:6px;font-size:12.5px;display:flex}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{border:1px solid var(--line);background:0 0;border-radius:999px;height:30px;padding:0 11px;font-size:13px}.chip:hover{background:#3c372d0f}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chips.grades .chip{padding:0 9px}.field input[type=range]{width:100%;accent-color:var(--accent)}.past-head{margin-top:20px!important}.past{max-height:220px;margin:0;padding:0;list-style:none;overflow:auto}.past a{color:inherit;border-radius:6px;grid-template-columns:44px 1fr auto;gap:10px;padding:7px 6px;font-size:13px;text-decoration:none;display:grid}.past a:hover{background:#3c372d0f}a.icon-btn{text-decoration:none}.spot-label{color:#f4f1ea;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#2a2926d1;border-radius:999px;padding:2px 7px;font-size:10.5px;font-weight:500;transition:opacity .2s}.spot-label.hidden{opacity:0}.icon-btn.nudge{position:relative}.icon-btn.nudge:after{content:"";background:var(--near);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite nudge;position:absolute;top:4px;right:4px}@keyframes nudge{50%{opacity:.5;transform:scale(1.5)}}a.btn{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.tray .hint b{color:var(--ink);font-weight:500}.example{background:#3c372d0d;border-radius:8px;margin:0 0 12px;padding:10px 12px 4px}.example p{color:var(--ink-2);margin:0;font-size:13.5px}.example b{color:var(--ink);font-weight:500}.example .row{flex-wrap:wrap;margin-top:10px}.example>.eyebrow+.gallery,.example p+.eyebrow{margin-top:10px}.gallery{gap:4px;margin:0 0 14px;padding:0;list-style:none;display:grid}.example .gallery{margin-bottom:0}.gallery a{border:1px solid var(--line);background:var(--surface-solid);color:var(--ink-2);touch-action:manipulation;border-radius:7px;grid-template-columns:32px 1fr 16px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;line-height:1.35;text-decoration:none;display:grid}.gallery a:hover{border-color:var(--ink-2)}.gallery b{color:var(--ink);font-weight:500}.gallery i{color:var(--ink-3);font-size:11px;font-style:normal}details.more{border-top:1px solid var(--line);padding:8px 0}details.more summary{cursor:pointer;color:var(--ink-2);font-size:13px;font-weight:500}details.more[open] summary{margin-bottom:10px}.grade-guide{gap:2px;margin:0 0 14px;padding:0;list-style:none;display:grid}.grade-guide li{color:var(--ink-2);border-radius:7px;grid-template-columns:52px 1fr;gap:8px;padding:6px 8px;font-size:13.5px;display:grid}.grade-guide li.here{background:#5d8a6924}.grade-guide b{color:var(--ink);font-weight:500}.grade-guide em{color:var(--ok);font-style:normal;font-weight:500}.levers{grid-template-columns:1fr 1fr;gap:12px;display:grid}.levers ul{color:var(--ink-2);margin:0;padding-left:16px;font-size:13px}@media (width<=720px),(orientation:landscape) and (height<=500px){.topbar{padding:10px 12px}.icon-btn .label{display:none}.brand{flex-direction:column;gap:0;min-width:0}.meta{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;overflow:hidden}.topbar-actions{flex-shrink:0;gap:4px}.icon-btn{padding:0 8px}.hud{flex-direction:column;justify-content:space-between;inset:52px 12px 76px}.hud-left{max-width:none}.brief{flex-wrap:wrap;align-items:baseline;gap:2px 14px;padding:10px 12px;font-size:12.5px;display:flex}.brief .eyebrow{display:none}.brief h1{margin:0 auto 0 0;font-size:20px}.facts{display:contents}.facts div{white-space:nowrap;gap:5px}.facts .wall-fact{white-space:normal;flex-basis:100%;order:1;justify-content:flex-start}.wall-fact .mono{font-size:inherit;display:inline}.twist{flex-basis:100%;order:2;margin-top:6px}.controls{display:none}.tray{width:100%;max-height:none;padding:6px}.tray .eyebrow,.tray .hint{display:none}.tray .hint{color:var(--ink-2);margin:4px 4px 0;font-size:12px;display:block}.tray ul{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:0 2px;display:grid}.slot{white-space:nowrap;grid-template-columns:20px auto auto;justify-content:center;gap:3px;padding:3px 2px;font-size:12.5px}.slot-name .nm,.slot .count .dim{display:none}.hold-icon{width:22px;height:22px}.actionbar{justify-content:space-between;gap:6px;padding:6px 6px 6px 10px;left:12px;right:12px;transform:none}.actionbar .btn{padding:0 10px}.actionbar .btn.icon{padding:0}.holdcount,.wide-only{display:none}.selection-bar{left:12px;right:12px;bottom:calc(76px + var(--tray-h,0px) + 8px);justify-content:center;transform:none}.selection-bar.spot-picker{max-width:none}.lip-row{border-bottom:1px solid var(--line);flex-basis:100%;justify-content:center;min-width:0;padding:0 0 2px}.spot-picker .spot-types,.spot-picker .spot-row{justify-content:center}.ticker{min-width:0;padding:8px 12px 10px;inset:116px 12px auto;transform:none}.ticker .label{margin:2px 0 6px;font-size:14px}.legend{grid-template-columns:1fr 1fr;gap:10px 12px}.legend span{font-size:11.5px}.viewing{white-space:normal;flex-wrap:wrap;left:12px;right:12px;transform:none}}@media (width<=400px){.actionbar{gap:3px;padding-left:8px}.actionbar .btn{padding:0 6px;font-size:12.5px}.actionbar .btn.icon{width:28px}.pips{gap:2px}.pip{width:14px;height:14px;font-size:10px;line-height:12px}}.selection-bar.spot-picker{flex-direction:column;align-items:stretch;gap:2px;max-width:calc(100vw - 32px);padding:6px}.spot-picker .spot-head{justify-content:space-between;align-items:baseline;padding:2px 6px 0;font-size:12px;display:flex}.spot-picker .spot-types,.spot-picker .spot-row{flex-wrap:wrap;gap:2px;display:flex}.spot-picker .spot-types button{min-width:36px;padding:0 6px}.spot-picker .spot-row{border-top:1px solid var(--line);margin-top:2px;padding-top:4px}.spot-picker .spot-row .danger{margin-left:auto}.spot-picker button.on{box-shadow:inset 0 0 0 1px var(--line);background:#3c372d1f}.spot-picker .mono{font-size:13px}@media (orientation:landscape) and (height<=500px){.topbar{padding:6px max(12px, env(safe-area-inset-right)) 6px max(12px, env(safe-area-inset-left))}.brand{flex-direction:row;align-items:baseline;gap:10px}.icon-btn{height:30px}.hud{top:44px;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(max(10px, env(safe-area-inset-bottom)) + 54px);flex-direction:row;align-items:flex-start}.hud-left{width:200px;max-width:200px}.tray{overscroll-behavior:contain;width:196px;max-height:100%;overflow:auto}.tray ul{grid-template-columns:repeat(3,1fr)}.actionbar,.viewing{left:50%;right:auto;bottom:max(10px, env(safe-area-inset-bottom));padding:4px 4px 4px 10px;transform:translate(-50%)}.selection-bar{left:50%;right:auto;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 54px);flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 448px);transform:translate(-50%)}.selection-bar.spot-picker{max-width:calc(100vw - 448px)}.ticker{left:max(12px, env(safe-area-inset-left));top:auto;right:auto;bottom:calc(max(10px, env(safe-area-inset-bottom)) + 58px);width:200px;padding:6px 10px 8px;transform:none}.ticker .label{margin:2px 0 4px;font-size:13px}.ticker .row1 .word{display:none}.move-meter .scale{margin-top:1px}.modal{max-height:calc(100% - 8px)}.modal-backdrop{padding:4px max(16px, env(safe-area-inset-right)) 4px max(16px, env(safe-area-inset-left))}}.tour{z-index:12;animation:.18s ease-out fade;position:fixed;inset:0}.tour-spot,.tour-dim{pointer-events:none;position:absolute}.tour-spot{border-radius:12px;outline:2px solid #f4f1eae6;transition:left .25s,top .25s,width .25s,height .25s;box-shadow:0 0 0 9999px #2a282480}.tour-dim{background:#2a282480;inset:0}.tour-bubble{background:var(--surface-solid);border-radius:12px;width:min(300px,100vw - 24px);padding:14px 16px 12px;transition:left .25s,top .25s;position:absolute;box-shadow:0 12px 40px #1e1c164d}.tour-bubble h3{margin:2px 0 4px;font-size:16px;font-weight:500}.tour-bubble p{color:var(--ink-2);margin:0 0 12px}.tour-optout{color:var(--ink-2);cursor:pointer;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;display:flex}.tour-optout input{accent-color:var(--ink);margin:0}.tour-actions{justify-content:flex-end;gap:8px;display:flex}.tour-actions .btn:first-child{margin-right:auto}@media (prefers-reduced-motion:reduce){.tour,.tour-spot,.tour-bubble{transition:none;animation:none}}