#root{text-align:left;width:100%;max-width:none;margin:0}:root{--color-primary:#646cff;--color-primary-hover:#535bf2;--color-primary-light:#747bff;--transition-duration:.25s;--border-radius:.5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;color:#ffffffde;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;text-rendering:optimizelegibility;background-color:#0d0d12;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:var(--color-primary);-webkit-text-decoration:inherit;text-decoration:inherit;transition:color var(--transition-duration);font-weight:500}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{margin:.5em 0;font-size:3.2em;line-height:1.1}button{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius);transition:all var(--transition-duration);background-color:#1a1a1a;border:1px solid #0000;justify-content:center;align-items:center;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;display:inline-flex}button:hover{border-color:var(--color-primary);transform:translateY(-1px)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}#caption img.mini{vertical-align:text-bottom;width:16px;max-width:none;height:16px;image-rendering:pixelated;box-shadow:none;border:none;margin:0 2px;display:inline-block}#layoutdiv{text-align:center}:root{--color-accent:#e6c34a;--color-accent-strong:#f2d469;--color-accent-rgb:230, 195, 74;--color-primary:#7c83ff;--color-primary-hover:#9aa0ff;--color-primary-rgb:124, 131, 255;--color-focus:var(--color-accent);--color-bg:#07070b;--surface-1:#11121a;--surface-2:#181a26;--surface-3:#202332;--color-bg-secondary:var(--surface-2);--color-bg-header:#0a0b12d9;--overlay-backdrop:#040509a8;--color-text:#f4f5fb;--color-text-primary:#f4f5fb;--color-text-secondary:#b6bacb;--color-text-muted:#7e8398;--color-border:#2b2f3f;--color-border-strong:#3c4256;--color-success:#3fb950;--color-warning:#e6c34a;--color-danger:#f0506e;--color-danger-hover:#f76a85;--state-available:#2ecc40;--state-possible:#ffdc00;--state-unavailable:#ff4136;--state-opened:#7f7f7f;--color-disabled:var(--state-opened);--font-family:system-ui, Avenir, Helvetica, Arial, sans-serif;--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:.5rem;--border-radius-lg:.875rem;--transition:.2s ease-in-out;--shadow-elevated:0 18px 48px #0000008c;--header-height:4rem;--z-overlay:2;--z-header:1000;--z-modal:2000;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--touch-target-min:44px;--touch-target-spacing:8px;--mobile-item-size:48px;--mobile-grid-gap:4px;--mobile-padding:1rem;--mobile-header-height:3.5rem}@media (prefers-contrast:high){:root{--color-text:#fff;--color-bg:#000;--color-accent:#fff;--color-primary:#fff;--color-border:#fff;--color-focus:#fff}}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;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-primary-rgb), .12), transparent 55%), linear-gradient(180deg, #11111a 0%, #07070b 100%);background-repeat:no-repeat;background-attachment:fixed;margin:0}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}[tabindex]:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px #646cff33}.sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10000;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--border-radius);padding:8px;text-decoration:none;position:absolute;top:-40px;left:6px}.skip-link:focus{top:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.header{z-index:var(--z-header);height:var(--header-height);padding:0 var(--spacing-lg);background:var(--color-bg-header);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header__brand{gap:var(--spacing-sm);font-size:var(--font-size-xl);color:var(--color-text);align-items:center;font-weight:600;text-decoration:none;display:flex}.header__brand:hover{color:var(--color-primary);transition:color var(--transition)}.header__title{font-size:var(--font-size-xl);color:var(--color-accent);letter-spacing:.04em;text-shadow:0 0 14px #e6c34a40;margin:0;font-weight:700}.header__nav{gap:var(--spacing-md);align-items:center;display:flex}.header__link{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text);border-radius:var(--border-radius);transition:all var(--transition);align-items:center;text-decoration:none;display:flex}.header__link:hover{color:var(--color-primary);background-color:#ffffff1a}.header__icon{object-fit:contain;fill:currentColor;width:20px;height:20px}.main-content{padding:var(--spacing-lg);margin-top:6rem}@media (width<=768px){.header{padding:0 var(--spacing-md)}.header__brand,.header__title{font-size:var(--font-size-lg)}.header__link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.header__nav{gap:var(--spacing-sm)}}.tracker{grid-gap:0;background-color:var(--color-bg);border:0;grid-template-columns:32px repeat(7,64px) 32px;justify-content:center;align-items:center;display:grid;position:relative;top:0;left:0}.tracker-row{display:contents}.tracker td{background-position:50%;background-repeat:no-repeat;background-size:contain;width:64px;height:64px;padding:0}.tracker .halfcell{width:32px;height:64px}.grid-spacer{pointer-events:none;background:0 0;width:64px;height:64px}.griditem{cursor:pointer;border-radius:var(--border-radius);transition:all var(--transition);background:0 0;border:none;margin:0;padding:0}.griditem:hover{filter:brightness(1.1);border:none;transform:scale(1.05)}.griditem:active{border:none;transform:scale(.95)}.griditem:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border:none}.grid-item-base{cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;width:64px;height:64px}.grid-item-relative{position:relative}.true{opacity:1}.false{opacity:.25}.stoops{background-size:200% 200%;width:128px;height:128px}.itemdiv{vertical-align:middle;width:480px;margin:0 auto;display:inline-block;left:0}@media (width<=768px){.itemdiv{width:100%;max-width:480px}.tracker{grid-template-columns:24px repeat(7,48px) 24px}.tracker td{width:48px;height:48px}.tracker .halfcell{width:24px;height:48px}}.mapdiv{vertical-align:middle;background-image:url(/alltp-tracker/assets/map.png);background-repeat:no-repeat;background-size:cover;width:884px;height:442px;display:inline-block;position:relative}.layout--stacked .mapdiv{background-image:url(/alltp-tracker/assets/map.png),url(/alltp-tracker/assets/map.png);background-position:0 0,-442px 442px;background-size:884px 442px,884px 442px;width:442px;height:884px}.layout--stacked .mapdiv,.layout--stacked .itemdiv{vertical-align:top}.map-container{width:100%;height:100%;position:relative}.map-element-base{cursor:pointer;background-size:100% 100%;position:absolute}.boss{z-index:var(--z-overlay);cursor:pointer;width:24px;height:24px;transition:transform var(--transition);background-position:50%;background-repeat:no-repeat;background-size:75% 75%;margin-top:-12px;margin-left:-12px;position:absolute}.boss:hover{transform:scale(1.1)}.dungeon{cursor:pointer;width:48px;height:48px;transition:transform var(--transition);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;margin-top:-24px;margin-left:-24px;position:absolute}.dungeon:hover{transform:scale(1.1)}.chest{cursor:pointer;width:24px;height:24px;transition:transform var(--transition);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;margin-top:-12px;margin-left:-12px;position:absolute}.chest:hover{transform:scale(1.1)}.map-chest{width:24px;height:24px;margin-top:-12px;margin-left:-12px}.mapspan{cursor:pointer;transition:all var(--transition)}.mapspan:hover{filter:brightness(1.1)}.mapspan:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.unavailable{background-color:var(--state-unavailable)}.available{background-color:var(--state-available)}.possible{color:#000;background-color:var(--state-possible)}.opened{background-color:var(--state-opened)}.map-legend{gap:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-md);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{border:1px solid #ffffff40;border-radius:3px;width:14px;height:14px;display:inline-block}@media (width<=768px){.mapdiv{aspect-ratio:2;width:100%;max-width:600px;height:auto}.layout--stacked .mapdiv{aspect-ratio:1/2;background-position:0 0,-100% 100%;background-size:200% 50%,200% 50%;max-width:442px}}.overlay-base{z-index:var(--z-overlay);cursor:pointer;background-repeat:no-repeat;background-size:100% 100%;width:28px;height:28px;position:absolute}.overlay--top-right{top:2px;right:2px}.overlay--bottom-left{bottom:2px;left:2px}.overlay--bottom-right{bottom:2px;right:2px}.big-key-overlay{font:inherit;cursor:pointer;background-color:#000000b3;border:1px solid #0000;border-radius:4px;margin:0;padding:0;transition:all .2s}.bigkey-container:hover .big-key-overlay{border-color:#ffffff4d}.big-key-overlay:hover,.big-key-overlay:focus{outline:2px solid var(--color-focus);outline-offset:1px;background-color:#000000e6;border-color:#fff9;transform:scale(1.05)}.big-key-overlay--obtained{background-color:#006400b3;border-color:#0f09}.big-key-overlay--obtained:hover{background-color:#007800e6;border-color:#0f0c}.big-key-icon{opacity:.9;background-position:50%;background-repeat:no-repeat;background-size:100%;width:100%;height:100%}.small-key-overlay{font:inherit;cursor:pointer;background-color:#000000b3;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:2px;margin:0;padding:2px;transition:all .2s;display:flex}.bigkey-container:hover .small-key-overlay{border-color:#ffffff4d}.small-key-overlay:hover,.small-key-overlay:focus{outline:2px solid var(--color-focus);outline-offset:1px;background-color:#000000e6;border-color:#fff9;transform:scale(1.05)}.small-key-overlay--maxed{background-color:#006400b3;border-color:#0f09}.small-key-overlay--maxed:hover{background-color:#007800e6;border-color:#0f0c}.small-key-icon{opacity:.9;background-position:50%;background-repeat:no-repeat;background-size:100%;flex-shrink:0;width:100%;height:100%}@media (width<=768px){.overlay-base{width:24px;height:24px}}.bigkey-container{background-color:#0000001a;transition:border-color .2s;position:relative}.bigkey-container:hover{border-color:#ffffff4d}.bigkey-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;width:100%;height:100%;display:grid}.bigkey-quadrant{background-color:#0000000d;justify-content:center;align-items:center;display:flex;position:relative}.bigkey-quadrant--top-left{border-radius:4px 0 0}.bigkey-quadrant--top-right{border-radius:0 4px 0 0}.bigkey-quadrant--bottom-left{border-radius:0 0 0 4px}.bigkey-quadrant--bottom-right{border-radius:0 0 4px}.bigkey-count{color:#fffc;text-align:center;font-size:20px;font-weight:700}.bigkey-count--maxed{color:#0f0}.bigkey-quadrant .overlay-base{border-radius:4px;width:100%;height:100%;position:static}.mini{vertical-align:text-bottom;width:16px;height:16px;image-rendering:pixelated;margin:0 1px;display:inline-block}.bigkey-toggle-container{z-index:var(--z-modal);pointer-events:auto;position:fixed;top:80px;right:20px}.tracker-controls{z-index:var(--z-modal);gap:var(--spacing-sm);pointer-events:auto;display:flex;position:fixed;top:80px;left:20px}.tracker-controls__button{padding:var(--spacing-sm) 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);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all var(--transition);background:#ffffff0f;border:1px solid #ffffff24;font-weight:600;box-shadow:0 2px 8px #00000040}.tracker-controls__button:hover{color:var(--color-accent);border-color:var(--color-accent);background:#ffffff1f;transform:translateY(-1px)}.bigkey-toggle{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;border:2px solid var(--color-primary);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition);background:#000000d9;align-items:center;font-weight:600;display:flex;box-shadow:0 4px 12px #0000004d}.bigkey-toggle:hover,.bigkey-toggle--hover{border-color:var(--color-primary-hover);background:#000000f2;transform:translateY(-1px);box-shadow:0 6px 16px #0006}.bigkey-toggle--active{color:var(--color-primary);background:rgba(var(--color-primary-rgb), .2);border-color:var(--color-primary)}.bigkey-toggle--active:hover,.bigkey-toggle--active.bigkey-toggle--hover{background:rgba(var(--color-primary-rgb), .3);border-color:var(--color-primary-hover)}.bigkey-toggle__icon{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;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}.bigkey-toggle__text{white-space:nowrap;-webkit-user-select:none;user-select:none}#caption{max-height:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;overflow-wrap:break-word;border-radius:var(--border-radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition);background-color:#000000d9;line-height:1.4;overflow:hidden;box-shadow:0 2px 8px #0000004d}.caption-output{-ms-overflow-style:none;width:100%;max-width:100%;height:100%;color:var(--color-text);text-align:center;scrollbar-width:none;display:block;overflow-y:auto}.caption-output::-webkit-scrollbar{display:none}.caption-content{max-width:100%;min-height:100%;padding:var(--spacing-xs) 0;letter-spacing:.025em;text-shadow:0 1px 2px #000000b3;flex-wrap:wrap;justify-content:center;align-items:center;font-weight:500;display:flex}.caption-text{line-height:inherit;display:inline}.caption-output--empty{justify-content:center;align-items:center;height:100%;display:flex}.caption-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.65;font-style:italic}.caption-output .mini,.caption-content .mini,#caption .mini{width:18px;height:18px;margin:0 var(--spacing-xs);vertical-align:text-bottom;box-shadow:none;border:none;transition:transform .15s;display:inline-block}.caption-output .mini:hover,.caption-content .mini:hover{transform:scale(1.1)}.caption-content img.mini+img.mini{margin-left:var(--spacing-sm)}.caption-content{word-break:break-word;overflow-wrap:anywhere;white-space:normal}.caption-container{width:100%;height:4rem;padding:var(--spacing-sm);text-align:center;justify-content:center;align-items:center;display:flex;overflow:hidden}@media (width<=768px){#caption{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.caption-container{height:3.5rem;padding:var(--spacing-xs)}.caption-output .mini,.caption-content .mini,#caption .mini{width:16px;height:16px;margin:0 2px}}@media (prefers-contrast:high){#caption{background-color:var(--color-bg-secondary);border:2px solid var(--color-primary)}.caption-content{text-shadow:none;font-weight:600}}@media (prefers-reduced-motion:reduce){#caption,.caption-output .mini,.caption-content .mini{transition:none}.caption-output .mini:hover,.caption-content .mini:hover{transform:none}}.modal-backdrop{z-index:var(--z-modal);padding:var(--spacing-md);background:var(--overlay-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:center;animation:.15s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal{width:100%;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);animation:.18s ease-out modal-pop-in;overflow-y:auto}.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-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:#1a1300;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-backdrop,.modal{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{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem}.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{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.7rem}.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);color:var(--color-bg);text-transform:uppercase;letter-spacing:.05em;background:var(--color-warning);border-radius:var(--border-radius);font-size:.65rem}.preset-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}