*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;text-rendering:optimizelegibility;min-height:100dvh;margin:0;line-height:1.5}h1,h2,h3,p,dl,dd,ul{margin:0}ul[class]{padding:0;list-style:none}img,svg{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:root{--color-accent:#e6c34a;--color-accent-strong:#f2d469;--color-accent-rgb:230, 195, 74;--color-on-accent:#1a1300;--color-bg:#07070b;--surface-1:#11121a;--surface-2:#181a26;--surface-3:#202332;--surface-hover:#ffffff14;--surface-glass:#ffffff0f;--color-bg-header:#0a0b12d9;--overlay-backdrop:#040509a8;--color-text:#f4f5fb;--color-text-primary:#f4f5fb;--color-text-secondary:#b6bacb;--color-text-muted:#8a8fa5;--color-border:#2b2f3f;--color-border-strong:#3c4256;--color-border-glass:#ffffff24;--color-success:#3fb950;--color-danger:#f0506e;--color-danger-hover:#f76a85;--state-available:#2ecc40;--state-possible:#ffdc00;--state-seen:#7fdbff;--state-unavailable:#ff4136;--state-opened:#7f7f7f;--state-ink:#0b0b0f;--missing-item-filter:grayscale(1) brightness(.55);--focus-ring:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);--font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:.25rem;--border-radius:.5rem;--border-radius-lg:.875rem;--transition:.2s ease-in-out;--shadow-raised:0 2px 8px #00000040;--shadow-elevated:0 18px 48px #0000008c;--z-overlay:2;--z-notice:1000;--z-menu:1001;--z-tooltip:1500}@media (prefers-contrast:more){:root{--color-text:#fff;--color-text-secondary:#fff;--color-bg:#000;--color-accent:#fff;--color-border:#fff;--color-border-glass:#fff}}body{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 50% -10%, rgba(var(--color-accent-rgb), .08), transparent 55%), linear-gradient(180deg, #11111a 0%, var(--color-bg) 100%);background-repeat:no-repeat;background-attachment:fixed}a{color:inherit;text-decoration:none}:focus-visible{box-shadow:var(--focus-ring);outline:2px solid #0000}.sr-only{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--spacing-sm);left:var(--spacing-sm);z-index:var(--z-tooltip);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);background:var(--surface-3);border:1px solid var(--color-accent);border-radius:var(--border-radius);transform:translateY(calc(-100% - 2 * var(--spacing-sm)));position:absolute}.skip-link:focus{transform:none}.pixel-art{image-rendering:pixelated}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.toolbar{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.main-content{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);container:app/inline-size}.layout{--gap:var(--spacing-lg);--cell:clamp(40px, min((100cqi - var(--gap)) / 22, (100dvh - 14rem) / 7), 96px);grid-template-columns:calc(var(--cell) * 8) calc(var(--cell) * 14);gap:var(--gap);justify-content:center;align-items:start;display:grid}.layout--stacked{grid-template-columns:calc(var(--cell) * 8) calc(var(--cell) * 7)}.map-panel{gap:var(--spacing-sm);min-width:0;display:grid}@container app (width<70rem){.layout{--cell:clamp(40px, 100cqi / 8, 72px);grid-template-columns:minmax(0,1fr);justify-items:center}.map-panel{width:min(100%,60rem)}.layout--stacked .map-panel{width:min(100%,30rem)}}@container app (width<40rem){.layout{--cell:calc(100cqi / 8)}}@media (width<=40rem){.toolbar,.main-content{padding-inline:var(--spacing-md)}}.header{gap:var(--spacing-xs) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-header);border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.header__title{font-size:var(--font-size-xl);color:var(--color-accent);letter-spacing:.04em;text-shadow:0 0 14px rgba(var(--color-accent-rgb), .25);font-weight:700;line-height:1.2}.header__nav{gap:var(--spacing-xs);flex-wrap:wrap;align-items:center;display:flex}.header__link{gap:var(--spacing-xs);min-height:2.25rem;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--border-radius);transition:color var(--transition), background-color var(--transition);align-items:center;display:flex}.header__link:hover{color:var(--color-accent);background-color:var(--surface-hover)}.header__icon{object-fit:contain;fill:currentColor;flex-shrink:0;width:18px;height:18px}.header__icon--pixel{width:16px;height:16px;image-rendering:pixelated;margin:1px}@media (width<=40rem){.header{padding:var(--spacing-sm) var(--spacing-md)}.header__label{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.header__link{justify-content:center;min-width:2.25rem}.header__title{font-size:var(--font-size-lg)}}.itemdiv{justify-self:center}.tracker{grid-template-columns:calc(var(--cell) / 2) repeat(7, var(--cell)) calc(var(--cell) / 2);grid-auto-rows:var(--cell);background-color:var(--color-bg);display:grid}.tracker-row{display:contents}.grid-item-base{width:var(--cell);height:var(--cell);image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;position:relative}.griditem{border-radius:var(--border-radius-sm);transition:transform var(--transition), filter var(--transition);background-color:#0000;border:none;margin:0;padding:0}@media (hover:hover){.griditem:hover{filter:brightness(1.15);transform:scale(1.05)}}.griditem:active{transform:scale(.95)}.griditem:focus-visible{z-index:1}.boss-cell{border:0;min-inline-size:0;margin:0;padding:0}.boss-cell__boss{image-rendering:pixelated;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.map-panel{container:map/inline-size}.map-worlds{grid-template-columns:1fr 1fr;gap:2px;display:grid}.map-worlds--stacked{grid-template-columns:1fr}@container map (width<35rem){.map-worlds--auto{grid-template-columns:1fr}}.map-world{aspect-ratio:1;background-image:url(/alltp-tracker/assets/map.png);background-repeat:no-repeat;background-size:200% 100%;position:relative;container-type:inline-size}.map-world--dark{background-position:100% 0}.mapspan{--marker:clamp(24px, 5.43cqw, 40px);top:var(--y);left:var(--x);width:var(--marker);aspect-ratio:1;transition:transform var(--transition), filter var(--transition);background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border:none;border-radius:2px;padding:0;position:absolute;translate:-50% -50%}.dungeon{--marker:clamp(20px, 10.86cqw, 80px);cursor:default}.boss{z-index:var(--z-overlay);background-size:75% 75%}.mapspan:focus-visible{z-index:calc(var(--z-overlay) + 1)}@media (hover:hover){button.mapspan:hover{filter:brightness(1.1);transform:scale(1.1)}}.unavailable{--glyph:"✕";background-color:var(--state-unavailable)}.available{--glyph:"✓";background-color:var(--state-available)}.possible{--glyph:"?";background-color:var(--state-possible)}.seen{--glyph:"";background-color:var(--state-seen)}.seen.state-glyph:after{background-color:var(--state-ink);-webkit-mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M12 4.5C6.8 4.5 2.6 8 1 12c1.6 4 5.8 7.5 11 7.5S21.4 16 23 12c-1.6-4-5.8-7.5-11-7.5ZM12 7.3a4.7 4.7 0 1 0 0 9.4 4.7 4.7 0 1 0 0-9.4Zm0 2.3a2.4 2.4 0 1 0 0 4.8 2.4 2.4 0 1 0 0-4.8Z'/></svg>") 50%/80% no-repeat;mask:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M12 4.5C6.8 4.5 2.6 8 1 12c1.6 4 5.8 7.5 11 7.5S21.4 16 23 12c-1.6-4-5.8-7.5-11-7.5ZM12 7.3a4.7 4.7 0 1 0 0 9.4 4.7 4.7 0 1 0 0-9.4Zm0 2.3a2.4 2.4 0 1 0 0 4.8 2.4 2.4 0 1 0 0-4.8Z'/></svg>") 50%/80% no-repeat}.opened{--glyph:"";background-color:var(--state-opened)}.state-glyph:after{font-size:calc(var(--marker,14px) * .62);color:var(--state-ink);content:var(--glyph);place-items:center;font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.dungeon.state-glyph:after{width:40%;height:40%;font-size:calc(var(--marker) * .3);inset:auto 0 0 auto}.boss.state-glyph:after{width:50%;height:50%;font-size:calc(var(--marker) * .36);background-color:inherit;border:1px solid var(--state-ink);border-radius:50%;inset:-18% -18% auto auto}.boss.opened:after{display:none}.map-legend{gap:var(--spacing-xs) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:center;display:flex}.map-legend__item{gap:var(--spacing-xs);align-items:center;display:inline-flex}.map-legend__swatch{--marker:16px;border-radius:3px;width:16px;height:16px;display:inline-block;position:relative}.overlay-base{z-index:var(--z-overlay);width:calc(var(--cell) * .44);height:calc(var(--cell) * .44);cursor:pointer;image-rendering:pixelated;border-radius:var(--border-radius-sm);background-color:#0000;background-repeat:no-repeat;background-size:100% 100%;border:0;padding:0;position:absolute}.overlay--top-right{top:2px;right:2px}.overlay--bottom-left{bottom:2px;left:2px}.overlay--bottom-right{bottom:2px;right:2px}.bigkey-container{position:relative}.bigkey-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;width:100%;height:100%;display:grid}.bigkey-quadrant{justify-content:center;align-items:center;display:flex;position:relative}.bigkey-quadrant .key-toggle{width:100%;height:100%;position:relative}.bigkey-count{font-size:calc(var(--cell) * .3);color:var(--color-text);text-align:center;text-shadow:1px 0 var(--color-bg), -1px 0 var(--color-bg), 0 1px var(--color-bg), 0 -1px var(--color-bg);font-weight:700}.bigkey-count--badge{z-index:var(--z-overlay);font-size:calc(var(--cell) * .22);pointer-events:none;line-height:1;position:absolute;bottom:0;right:0}.bigkey-count--maxed{color:var(--state-available)}.griditem--dimmed{background-size:0 0}.griditem--dimmed:after{pointer-events:none;content:"";background-image:inherit;border-radius:inherit;filter:var(--missing-item-filter);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.mini{vertical-align:text-bottom;width:16px;height:16px;image-rendering:pixelated;margin:0 1px;display:inline-block}.tracker-controls{display:contents}.tracker-controls__button,.bigkey-toggle,.update-prompt__button{gap:var(--spacing-sm);min-height:2.5rem;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;background:var(--surface-glass);border:1px solid var(--color-border-glass);border-radius:var(--border-radius);box-shadow:var(--shadow-raised);transition:color var(--transition), background-color var(--transition), border-color var(--transition);align-items:center;font-weight:600;display:inline-flex}.tracker-controls__button:hover:not(:disabled),.bigkey-toggle:hover,.update-prompt__button:hover{color:var(--color-accent);background:var(--surface-hover);border-color:var(--color-accent)}.tracker-controls__button:focus-visible,.bigkey-toggle:focus-visible,.update-prompt__button:focus-visible{box-shadow:var(--focus-ring)}.toolbar-icon{flex-shrink:0;width:18px;height:18px}.toolbar[data-fold~=labels] .tracker-controls__button,.toolbar[data-fold~=labels] .bigkey-toggle{min-width:2.5rem;padding-inline:var(--spacing-sm);justify-content:center}.toolbar[data-fold~=labels] .toolbar-label,.toolbar[data-fold~=new-game] .new-game__label{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.tracker-controls__button:disabled{opacity:.45}.tracker-controls__status{font-size:var(--font-size-sm);color:var(--color-success)}.tracker-controls__status:empty{display:none}.segmented{background:var(--surface-glass);border:1px solid var(--color-border-glass);border-radius:var(--border-radius);min-height:2.5rem;box-shadow:var(--shadow-raised);align-items:center;gap:2px;margin:0;padding:3px;display:inline-flex}.segmented__legend{float:left;padding:0 var(--spacing-sm) 0 var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.segmented__option{min-height:2rem;padding:0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:color var(--transition), background-color var(--transition);align-items:center;font-weight:600;display:inline-flex;position:relative}.segmented__input{cursor:pointer;opacity:0;margin:0;position:absolute;inset:0}.segmented__option:hover{color:var(--color-accent)}.segmented__option:has(:checked){color:var(--color-on-accent);background:var(--color-accent)}.segmented__option:has(:focus-visible){box-shadow:var(--focus-ring)}.bigkey-toggle-container{margin-inline-start:auto}.bigkey-toggle--active{color:var(--color-accent);border-color:var(--color-accent)}.bigkey-toggle__icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.bigkey-toggle__key-icon{background:currentColor;border-radius:2px;width:12px;height:12px;display:block;position:relative}.bigkey-toggle__key-icon:before{content:"";background:#000c;border-radius:1px;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bigkey-toggle__slash{pointer-events:none;background:linear-gradient(45deg,#0000 40%,currentColor 45% 55%,#0000 60%);position:absolute;inset:0}.tooltip{z-index:var(--z-tooltip);gap:2px var(--spacing-xs);max-width:min(22rem,100vw - 16px);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text);pointer-events:none;background:var(--surface-3);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);box-shadow:var(--shadow-elevated);flex-wrap:wrap;align-items:center;font-weight:500;line-height:1.4;animation:.12s ease-out tooltip-in;display:flex;position:fixed}.tooltip .mini{width:18px;height:18px;margin:0}.tooltip__title{font-weight:700}.tooltip__pad{color:var(--color-text-secondary);align-items:center;gap:2px;display:inline-flex}.tooltip__count,.tooltip__checks{flex-basis:100%}.tooltip__count{color:var(--color-text-secondary)}.tooltip__checks{min-width:0;margin:0;padding:0;list-style:none}.tooltip__checks--columns{columns:2;column-gap:var(--spacing-md)}.tooltip__check{gap:var(--spacing-xs);break-inside:avoid;align-items:center;min-width:0;display:flex}.tooltip__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tooltip__check--opened{color:var(--color-text-secondary);text-decoration:line-through}.tooltip__glyph{--marker:14px;border-radius:3px;flex:none;width:14px;height:14px;position:relative}@keyframes tooltip-in{0%{opacity:0;transform:translateY(var(--tooltip-shift,4px))}}.tooltip--below{--tooltip-shift:-4px}.tooltip--wide{max-width:min(34rem,100vw - 16px)}.update-prompt{inset-inline:var(--spacing-md);bottom:calc(var(--spacing-md) + env(safe-area-inset-bottom,0px));z-index:var(--z-notice);pointer-events:none;justify-content:flex-end;display:flex;position:fixed}.update-prompt__card{gap:var(--spacing-sm);max-width:100%;padding:var(--spacing-sm);color:var(--color-text);pointer-events:auto;background:var(--surface-3);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevated);flex-wrap:wrap;align-items:center;padding-inline-start:var(--spacing-md);animation:.18s ease-out update-prompt-in;display:flex}.update-prompt__message{font-size:var(--font-size-sm);flex:auto;margin:0;font-weight:600}.update-prompt__actions{gap:var(--spacing-sm);margin-inline-start:auto;display:flex}.update-prompt__button--primary{color:var(--color-on-accent);background:var(--color-accent);border-color:var(--color-accent)}.update-prompt__button--primary:hover{color:var(--color-on-accent);background:var(--color-accent-strong);border-color:var(--color-accent-strong)}@keyframes update-prompt-in{0%{opacity:0;transform:translateY(8px)}}@media (width<=40rem){.update-prompt__card{flex:1}}.modal{width:calc(100% - 2 * var(--spacing-md));max-width:28rem;max-height:85vh;color:var(--color-text-primary);background:var(--surface-3);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-elevated);padding:0;animation:.18s ease-out modal-pop-in;overflow-y:auto}.modal::backdrop{background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.15s ease-out modal-fade-in}.modal__surface{min-height:100%}.modal:focus{outline:none}.modal__header{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);color:var(--color-accent);margin:0;font-weight:700}.modal__close{width:2rem;height:2rem;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:flex}.modal__close:hover{color:var(--color-text-primary);background:#ffffff14}.modal__body{padding:var(--spacing-lg)}.modal__message{color:var(--color-text-secondary);margin:0;line-height:1.5}.modal__footer{gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end;display:flex}.modal--wide{max-width:42rem;overflow:hidden}.modal--wide .modal__surface{flex-direction:column;max-height:calc(85vh - 2px);display:flex}.modal--wide .modal__body{overscroll-behavior:contain;flex:1;min-height:0;padding-top:0;overflow-y:auto}.modal--wide .modal__body>:first-child{margin-top:var(--spacing-lg)}.modal--wide .modal__footer{flex-wrap:wrap;align-items:center}@media (width<=40rem){.modal--wide .modal__header,.modal--wide .modal__body,.modal--wide .modal__footer{padding-inline:var(--spacing-md)}.modal--wide .modal__body>:first-child{margin-top:var(--spacing-md)}}.modal-btn{padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition);border:1px solid #0000;font-weight:600}.modal-btn--ghost{color:var(--color-text-secondary);border-color:var(--color-border-strong);background:0 0}.modal-btn--ghost:hover{color:var(--color-text-primary);background:#ffffff0f}.modal-btn--primary{color:var(--color-on-accent);background:var(--color-accent)}.modal-btn--primary:hover{background:var(--color-accent-strong)}.modal-btn--danger{color:#fff;background:var(--color-danger)}.modal-btn--danger:hover{background:var(--color-danger-hover)}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal,.modal::backdrop{animation:none}}.preset-selector__trigger{padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-family);cursor:pointer;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all var(--transition);background:#ffffff0f;border:1px solid #ffffff24;flex-direction:column;align-items:flex-start;gap:1px;display:inline-flex}.preset-selector__trigger:hover{border-color:var(--color-accent)}.preset-selector__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.preset-selector__value{font-size:var(--font-size-sm);color:var(--color-accent);font-weight:600}.run-settings{gap:var(--spacing-xs) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin:0 0 var(--spacing-md);background:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius);grid-template-columns:1fr 1fr;display:grid}.run-settings__row{gap:var(--spacing-sm);justify-content:space-between;align-items:baseline;display:flex}.run-settings__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0}.run-settings__value{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0;font-weight:600}.preset-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.preset-card{gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;cursor:pointer;background:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition);flex-direction:column;display:flex}.preset-card:hover{background:var(--surface-1);border-color:var(--color-accent)}.preset-card--active{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.preset-card__header{gap:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.preset-card__name{color:var(--color-text-primary);font-weight:700}.preset-card__badge{padding:1px var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-on-accent);text-transform:uppercase;letter-spacing:.05em;background:var(--color-accent);border-radius:var(--border-radius);font-weight:700}.preset-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stream-view{gap:var(--spacing-md);display:grid}.stream-view__label-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:baseline;display:flex}.stream-view__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.stream-view__status{font-size:var(--font-size-sm);color:var(--color-success)}.stream-view__field{gap:var(--spacing-sm);display:flex}.stream-view__url{min-width:0;padding:var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--surface-1);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);flex:1}.stream-view__steps{gap:var(--spacing-sm);color:var(--color-text-secondary);margin:0;padding-inline-start:var(--spacing-lg);line-height:1.5;display:grid}.stream-view__note{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.stream-view code{padding:0 var(--spacing-xs);font-family:var(--font-family-mono);color:var(--color-text-primary);overflow-wrap:anywhere;background:var(--surface-1);border-radius:var(--border-radius-sm);font-size:.9em}a.modal-btn{align-items:center;display:inline-flex}.key-chord{font:inherit;white-space:nowrap;align-items:center;gap:2px;display:inline-flex}.key-chord__key{min-width:1.5rem;height:1.5rem;font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-primary);background:var(--surface-1);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-sm);border-bottom-width:2px;justify-content:center;align-items:center;padding:0 .375rem;font-weight:600;line-height:1;display:inline-flex}.key-chord__plus{font-size:var(--font-size-xs);color:var(--color-text-muted)}.tooltip__keys{gap:var(--spacing-xs) var(--spacing-sm);flex-wrap:wrap;flex-basis:100%;align-items:center;display:flex}.tooltip__shortcut{gap:var(--spacing-xs);align-items:center;display:inline-flex}.tooltip__key-name{font-size:var(--font-size-xs);color:var(--color-text-muted)}.shortcuts__intro{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:grid}.shortcuts__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.shortcuts__heading{margin:var(--spacing-lg) 0 var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:700}.shortcuts__heading+.shortcuts__hint{margin-bottom:var(--spacing-sm)}.shortcuts__status{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:14rem;margin:0;line-height:1.4}.shortcuts__actions{gap:var(--spacing-sm);margin-inline-start:auto;display:flex}.switch{gap:var(--spacing-sm);min-height:2.25rem;padding:0 var(--spacing-sm) 0 0;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:0;justify-self:start;align-items:center;font-weight:600;display:inline-flex}.switch__track{background:var(--surface-1);border:1px solid var(--color-border-strong);width:2.75rem;height:1.5rem;transition:background-color var(--transition), border-color var(--transition);border-radius:999px;flex-shrink:0;position:relative}.switch__track:after{content:"";background:var(--color-text-secondary);width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);transition:transform var(--transition);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true] .switch__track{background:var(--color-accent);border-color:var(--color-accent)}.switch[aria-checked=true] .switch__track:after{background:var(--color-on-accent);transform:translate(1.25rem)}.switch:hover .switch__track{border-color:var(--color-accent)}.shortcuts-table{--shortcuts-head:1.75rem;border-spacing:0;border-collapse:separate;width:100%}.shortcuts-table thead th{z-index:2;box-sizing:border-box;height:var(--shortcuts-head);padding:0 var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-3);box-shadow:inset 0 -1px 0 var(--color-border);font-weight:600;position:sticky;top:0}.shortcuts-table thead th+th{width:6.5rem}.shortcuts-table tbody tr+tr>*{border-top:1px solid var(--color-border)}.shortcuts-table__name{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;font-weight:500}.shortcuts-table__label{gap:var(--spacing-sm);align-items:center;display:flex}.shortcuts-table__icon{object-fit:contain;width:32px;height:32px;image-rendering:pixelated;flex-shrink:0}.shortcuts-table__key{padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs)}.shortcuts-table__group{top:var(--shortcuts-head);z-index:1;padding:var(--spacing-md) 0 var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-accent);text-align:left;background:var(--surface-3);font-weight:700;position:sticky}.modal__body:has(.shortcuts-table){scroll-padding-block:4.75rem var(--spacing-md)}.shortcut-key{width:100%;min-height:2.25rem;padding:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--border-radius);transition:color var(--transition), background-color var(--transition), border-color var(--transition);background:0 0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.shortcut-key:hover{background:var(--surface-hover);border-color:var(--color-accent)}.shortcut-key--capturing{color:var(--color-accent);background:rgba(var(--color-accent-rgb), .12);border-color:var(--color-accent);border-style:dashed}.shortcut-key__none{color:var(--color-text-muted)}@media (width<=40rem){.shortcuts-table thead th+th{width:5.75rem}}.toolbar-secondary,.toolbar-autotrack{display:contents}.toolbar-more{display:none;position:relative}.toolbar[data-fold~=secondary] .toolbar-secondary,.toolbar[data-fold~=map] .toolbar-map,.toolbar[data-fold~=keys] .bigkey-toggle-container,.toolbar[data-fold~=autotrack] .toolbar-autotrack{display:none}.toolbar[data-fold~=secondary] .toolbar-more{display:inline-flex}.toolbar-more__badge{display:none}.toolbar[data-fold~=autotrack] .toolbar-more__badge{display:block;position:absolute;bottom:5px;right:5px}.new-game__icon{display:none}.toolbar[data-fold~=new-game] .new-game__icon{display:block}.toolbar-menu{top:calc(100% + var(--spacing-xs));z-index:var(--z-menu);min-width:min(12rem, calc(100vw - 2 * var(--spacing-md)));max-width:calc(100vw - 2 * var(--spacing-md));padding:var(--spacing-xs);background:var(--surface-3);border:1px solid var(--color-border-strong);border-radius:var(--border-radius);box-shadow:var(--shadow-elevated);gap:2px;display:grid;position:absolute;right:0}.toolbar-menu[hidden]{display:none}.toolbar-menu__item{gap:var(--spacing-sm);min-height:2.5rem;padding:0 var(--spacing-md) 0 var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:left;white-space:nowrap;cursor:pointer;border-radius:var(--border-radius-sm);transition:color var(--transition), background-color var(--transition);background:0 0;border:0;align-items:center;font-weight:600;display:flex}.toolbar-menu__item:hover,.toolbar-menu__item:focus-visible{color:var(--color-accent);background:var(--surface-hover)}.toolbar-more [aria-expanded=true]{color:var(--color-accent);background:var(--surface-hover);border-color:var(--color-accent)}.toolbar-menu__separator{width:100%;height:1px;margin:var(--spacing-xs) 0;background:var(--color-border);border:0}.toolbar-menu__group{border:0;gap:2px;min-inline-size:0;margin:0;padding:0;display:grid}.toolbar-menu__heading{padding:var(--spacing-xs) var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.toolbar-menu__tick{text-align:center;flex-shrink:0;width:18px}.toolbar-menu__item[aria-checked=true]{color:var(--color-text-primary)}.autotrack-dot{--dot-size:9px;width:var(--dot-size);height:var(--dot-size);border-radius:50%;flex-shrink:0;display:block}.autotrack-dot[data-phase=off]{border:2px solid var(--color-text-muted)}.autotrack-dot[data-phase=busy]{background:linear-gradient(to right, var(--color-accent) 50%, transparent 50%);border:2px solid var(--color-accent);animation:1.2s ease-in-out infinite alternate autotrack-busy}.autotrack-dot[data-phase=on]{background:var(--color-success)}.autotrack-dot[data-phase=problem]{--dot-size:11px;background:var(--color-danger);clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0}@keyframes autotrack-busy{to{opacity:.45}}@media (prefers-reduced-motion:reduce){.autotrack-dot[data-phase=busy]{animation:none}}.autotrack-dot--large{--dot-size:14px}.autotrack-dot--large[data-phase=problem]{--dot-size:17px}.autotrack-icon{flex-shrink:0;display:inline-flex;position:relative}.autotrack-icon .autotrack-dot{box-shadow:0 0 0 2px var(--color-bg);position:absolute;bottom:-2px;right:-3px}.autotrack-icon .autotrack-dot[data-phase=problem]{box-shadow:none;filter:drop-shadow(0 0 1px var(--color-bg)) drop-shadow(0 0 1px var(--color-bg));bottom:-3px;right:-4px}.race-badge{padding:1px var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-success);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid var(--color-success);border-radius:var(--border-radius-sm);flex-shrink:0;align-items:center;font-weight:700;line-height:1.3;display:inline-flex}.toolbar-more .tracker-controls__button{position:relative}.toolbar-more__badge .autotrack-dot{box-shadow:0 0 0 2px var(--color-bg)}.toolbar-menu__detail{color:var(--color-text-muted);margin-inline-start:auto;padding-inline-start:var(--spacing-md);font-weight:400}.autotrack{gap:var(--spacing-md);display:grid}.autotrack__heading{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0;font-weight:700}.autotrack-status{gap:var(--spacing-sm) var(--spacing-md);padding:var(--spacing-md);background:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius);grid-template-columns:auto 1fr;align-items:start;display:grid}.autotrack-status[data-phase=problem]{border-color:var(--color-danger)}.autotrack-status[data-phase=on]{border-color:var(--color-success)}.autotrack-status>.autotrack-dot{margin-top:.3em}.autotrack-status__text{gap:var(--spacing-xs);min-width:0;display:grid}.autotrack-status__title{gap:var(--spacing-xs) var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.autotrack-status__headline{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:700;line-height:1.35}.autotrack-status__detail{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow-wrap:anywhere;margin:0;line-height:1.5}.autotrack-actions{gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;display:flex}.autotrack-actions .modal-btn{min-height:2.5rem}.autotrack-actions__status{font-size:var(--font-size-sm);color:var(--color-success)}.autotrack-actions__status:empty{display:none}.autotrack-report{width:100%;padding:var(--spacing-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-primary);resize:vertical;background:var(--surface-1);border:1px solid var(--color-border-strong);border-radius:var(--border-radius)}.autotrack-follow{gap:var(--spacing-sm);display:grid}.autotrack-follow__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.autotrack-option{gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;display:flex}.autotrack-option__input{width:1.25rem;height:1.25rem;accent-color:var(--color-accent);margin:0}.autotrack-option label{cursor:pointer}.setup{gap:var(--spacing-sm);display:grid}.setup__header{gap:var(--spacing-md);justify-content:space-between;align-items:baseline;display:flex}.setup__count{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.setup__choices{gap:var(--spacing-sm) var(--spacing-md);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.setup-tabs{background:var(--surface-glass);border:1px solid var(--color-border-glass);border-radius:var(--border-radius);gap:2px;padding:3px;display:inline-flex}.setup-tabs__tab{min-height:2.25rem;padding:0 var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:color var(--transition), background-color var(--transition);background:0 0;border:0;font-weight:600}.setup-tabs__tab:hover{color:var(--color-accent)}.setup-tabs__tab[aria-selected=true]{color:var(--color-on-accent);background:var(--color-accent)}.setup-tabs__tab:focus-visible,.setup-step__toggle:focus-visible,.setup-device__select:focus-visible,.autotrack-option__input:focus-visible{box-shadow:var(--focus-ring);outline:none}.setup-device{gap:var(--spacing-xs) var(--spacing-sm);flex-wrap:wrap;align-items:center;display:inline-flex}.setup-device__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.setup-device__select{min-height:2.25rem;padding:0 var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--surface-1);border:1px solid var(--color-border-strong);border-radius:var(--border-radius)}.setup-device__select:disabled{color:var(--color-text-secondary);opacity:1}.setup-steps{gap:var(--spacing-xs);margin:0;padding:0;list-style:none;display:grid}.setup-step{background:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius)}.setup-step[data-state=failing]{border-color:var(--color-danger)}.setup-step__heading{font-size:inherit;margin:0}.setup-step__toggle{gap:var(--spacing-sm);width:100%;min-height:2.75rem;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) var(--spacing-sm);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:var(--border-radius);background:0 0;border:0;align-items:center;font-weight:600;display:flex}.setup-step__toggle:hover{background:var(--surface-hover)}.setup-step__toggle:after{content:"";border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);width:.5rem;height:.5rem;transition:transform var(--transition);margin-inline-start:auto;transform:rotate(45deg)translateY(-2px)}.setup-step__toggle[aria-expanded=true]:after{transform:rotate(-135deg)translateY(-2px)}@media (prefers-reduced-motion:reduce){.setup-step__toggle:after{transition:none}}.setup-step__mark{width:1.5rem;height:1.5rem;font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.setup-step[data-state=done] .setup-step__mark{color:var(--state-ink);background:var(--color-success);border-color:var(--color-success)}.setup-step[data-state=failing] .setup-step__mark{color:var(--state-ink);background:var(--color-danger);border-color:var(--color-danger)}.setup-step[data-state=done] .setup-step__title{color:var(--color-text-secondary)}.setup-step__body{gap:var(--spacing-sm);padding:0 var(--spacing-md) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;display:grid}.setup-step__body[hidden]{display:none}.setup-variant{gap:var(--spacing-xs);overflow-wrap:anywhere;display:grid}.setup-variant__title{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:700}.setup-variant__lead{margin:0}.setup-variant__items{gap:var(--spacing-xs);margin:0;padding-inline-start:var(--spacing-lg);display:grid}.setup-variant__links{gap:var(--spacing-xs) var(--spacing-md);flex-wrap:wrap;margin:0;display:flex}.setup-variant a,.setup-fix a{color:var(--color-accent)}.setup-variant code{padding:0 var(--spacing-xs);font-family:var(--font-family-mono);color:var(--color-text-primary);background:var(--surface-1);border-radius:var(--border-radius-sm);font-size:.9em}.setup-fix{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary);border-inline-start:3px solid var(--color-danger);border-radius:var(--border-radius-sm);background:#f0506e14;display:grid}.setup-fix__title{margin:0;font-weight:700}.setup-fix__line{margin:0}.readout{gap:var(--spacing-sm);display:grid}.readout__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.readout__grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.readout__group{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-2);border:1px solid var(--color-border);border-radius:var(--border-radius);align-content:start;display:grid}:is(.readout__group--wide,.readout__group:has(.readout__pairs)){grid-column:1/-1}.readout__title{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:700}.readout__none{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.readout__chips{gap:var(--spacing-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.readout__chip{padding:2px var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--surface-1);border:1px solid var(--color-border-strong);border-radius:var(--border-radius-sm)}.readout__pairs{gap:var(--spacing-xs);margin:0;display:grid}.readout__pair{gap:var(--spacing-sm);font-size:var(--font-size-sm);grid-template-columns:minmax(8rem,12rem) 1fr;line-height:1.5;display:grid}.readout__pair dt{color:var(--color-text-secondary);font-weight:600}.readout__pair dd{color:var(--color-text-primary);margin:0}@media (width<=40rem){.readout__pair{grid-template-columns:1fr;gap:0}}.readout__facts{font-size:var(--font-size-sm);gap:2px;margin:0;padding:0;list-style:none;display:grid}.readout__fact{gap:var(--spacing-sm);color:var(--color-text-primary);align-items:baseline;display:flex}.readout__mark{text-align:center;flex-shrink:0;width:1rem}.readout__fact[data-value=true] .readout__mark{color:var(--color-success)}.readout__value{color:var(--color-text-muted);margin-inline-start:auto}:root[data-view=obs],:root[data-view=obs] body{background:0 0;overflow:hidden}.obs-view{position:fixed;inset:0;overflow:hidden}.obs-view .itemdiv{top:var(--obs-top,0);left:var(--obs-left,0);position:absolute}.obs-view .tracker{background-color:#0000}