#root{width:100%;max-width:none;margin:0;text-align:left}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #646cff;--color-primary-hover: #535bf2;--color-primary-light: #747bff;--transition-duration: .25s;--border-radius: .5rem}a{font-weight:500;color:var(--color-primary);text-decoration:inherit;transition:color var(--transition-duration)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body{display:flex;place-items:center;min-width:320px;min-height:100vh;margin:0}h1{margin:.5em 0;font-size:3.2em;line-height:1.1}button{display:inline-flex;align-items:center;justify-content:center;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#1a1a1a;border:1px solid transparent;border-radius:var(--border-radius);transition:all var(--transition-duration)}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:var(--color-primary-light)}button{background-color:#f9f9f9}}#caption img.mini{display:inline-block;width:16px;max-width:none;height:16px;margin:0 2px;vertical-align:text-bottom;image-rendering:pixelated;border:none;box-shadow:none}#layoutdiv{text-align:center}:root{--color-primary: #646cff;--color-success: #00ff00;--color-warning: #ffff00;--color-error: #ff0000;--color-disabled: #7f7f7f;--color-text: #ffffff;--color-bg: #000000;--color-bg-secondary: #1a1a1a;--color-bg-header: rgba(0, 0, 0, .9);--color-text-secondary: #e0e0e0;--color-border: #404040;--color-focus: #646cff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--border-radius: .5rem;--transition: .25s ease-in-out;--header-height: 4rem;--z-header: 1000;--z-overlay: 2;--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: #ffffff;--color-bg: #000000;--color-primary: #ffffff;--color-border: #ffffff;--color-focus: #ffffff}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-bg)}*: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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0,0,0,0)}.skip-link{position:absolute;top:-40px;left:6px;z-index:10000;padding:8px;color:var(--color-text);text-decoration:none;background:var(--color-bg);border:1px solid var(--color-primary);border-radius:var(--border-radius)}.skip-link:focus{top:6px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.header{position:fixed;top:0;right:0;left:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;height:var(--header-height);padding:0 var(--spacing-lg);background:var(--color-bg-header);border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header__brand{display:flex;gap:var(--spacing-sm);align-items:center;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);text-decoration:none}.header__brand:hover{color:var(--color-primary);transition:color var(--transition)}.header__title{margin:0;font-size:var(--font-size-xl);font-weight:600}.header__nav{display:flex;gap:var(--spacing-md);align-items:center}.header__link{display:flex;gap:var(--spacing-xs);align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;border-radius:var(--border-radius);transition:all var(--transition)}.header__link:hover{color:var(--color-primary);background-color:#ffffff1a}.header__icon{width:20px;height:20px;object-fit:contain;fill:currentColor}.main-content{padding:var(--spacing-lg);margin-top:8rem}@media (max-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{position:relative;top:0;left:0;display:grid;grid-template-columns:32px repeat(7,64px) 32px;grid-gap:0;align-items:center;justify-content:center;background-color:var(--color-bg);border:0}.tracker-row{display:contents}.tracker td{width:64px;height:64px;padding:0;background-repeat:no-repeat;background-position:center;background-size:contain}.tracker .halfcell{width:32px;height:64px}.lonk{display:grid;grid-template-rows:32px 32px;grid-template-columns:32px 32px;width:64px;height:64px}.corner{width:32px;height:32px}.grid-spacer{width:64px;height:64px;pointer-events:none;background:transparent}.griditem{padding:0;margin:0;cursor:pointer;background:transparent;border:none;border-radius:var(--border-radius);transition:all var(--transition)}.griditem:hover{border:none;filter:brightness(1.1);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{width:64px;height:64px;cursor:pointer;background-repeat:no-repeat;background-size:100% 100%}.grid-item-relative{position:relative}.item-state--active,.true{opacity:1}.item-state--inactive,.false{opacity:.25}.stoops{width:128px;height:128px;background-size:200% 200%}.itemdiv{left:0;display:inline-block;width:480px;margin:0 auto;vertical-align:middle}@media (max-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{position:relative;display:inline-block;width:884px;height:442px;vertical-align:middle;background-image:url(/alltp-tracker/assets/map.png);background-repeat:no-repeat;background-size:cover}.map-container{position:relative;width:100%;height:100%}.map-element-base{position:absolute;cursor:pointer;background-size:100% 100%}.boss{position:absolute;z-index:var(--z-overlay);width:24px;height:24px;margin-top:-12px;margin-left:-12px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:75% 75%;transition:transform var(--transition)}.boss:hover{transform:scale(1.1)}.dungeon{position:absolute;width:48px;height:48px;margin-top:-24px;margin-left:-24px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:100% 100%;transition:transform var(--transition)}.dungeon:hover{transform:scale(1.1)}.chest{position:absolute;width:24px;height:24px;margin-top:-12px;margin-left:-12px;cursor:pointer;background-repeat:no-repeat;background-position:center;background-size:100% 100%;transition:transform var(--transition)}.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}.availability-state--unavailable,.unavailable{background-color:var(--color-error)}.availability-state--available,.available{background-color:var(--color-success)}.availability-state--possible,.possible{color:#000;background-color:var(--color-warning)}.availability-state--completed,.opened{background-color:var(--color-disabled)}@media (max-width: 768px){.mapdiv{width:100%;max-width:600px;height:auto;aspect-ratio:2 / 1}}.overlay-base{position:absolute;z-index:var(--z-overlay);width:28px;height:28px;cursor:pointer;background-repeat:no-repeat;background-size:100% 100%}.overlay--top-right{top:2px;right:2px}.overlay--bottom-left{bottom:2px;left:2px}.overlay--bottom-right{right:2px;bottom:2px}.big-key-overlay{padding:0;margin:0;font:inherit;cursor:pointer;background-color:#000000b3;border:1px solid transparent;border-radius:4px;transition:all .2s ease}.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{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;opacity:.9}.small-key-overlay{display:flex;gap:2px;align-items:center;justify-content:space-between;padding:2px;margin:0;font:inherit;cursor:pointer;background-color:#000000b3;border:1px solid transparent;border-radius:4px;transition:all .2s ease}.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{flex-shrink:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;opacity:.9}.small-key-count{flex-shrink:0;min-width:8px;font-size:11px;font-weight:700;line-height:1;color:#fff;text-align:center}.small-key-count--maxed{color:#0f0}@media (max-width: 768px){.overlay-base{width:24px;height:24px}.small-key-count{font-size:8px}}.bigkey-container{position:relative;background-color:#0000001a;transition:border-color .2s ease}.bigkey-container:hover{border-color:#ffffff4d}.bigkey-grid{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:1px;width:100%;height:100%}.bigkey-quadrant{position:relative;display:flex;align-items:center;justify-content:center;background-color:#0000000d}.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{font-size:20px;font-weight:700;color:#fffc;text-align:center}.bigkey-count--maxed{color:#0f0}.bigkey-quadrant .overlay-base{position:static;width:100%;height:100%;border-radius:4px}.mini{display:inline-block;width:16px;height:16px;margin:0 1px;vertical-align:text-bottom;image-rendering:pixelated}.bigkey-toggle-container{position:fixed;top:80px;right:20px;z-index:var(--z-modal);pointer-events:auto}.bigkey-toggle{display:flex;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);cursor:pointer;background:#000000d9;border:2px solid var(--color-primary);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition)}.bigkey-toggle:hover,.bigkey-toggle--hover{background:#000000f2;border-color:var(--color-primary-hover);box-shadow:0 6px 16px #0006;transform:translateY(-1px)}.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{position:relative;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.bigkey-toggle__key-icon{position:relative;width:12px;height:12px;background:currentColor;border-radius:2px}.bigkey-toggle__key-icon:before{position:absolute;top:50%;left:50%;width:6px;height:6px;content:"";background:#000c;border-radius:1px;transform:translate(-50%,-50%)}.bigkey-toggle__slash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(45deg,transparent 40%,currentColor 45%,currentColor 55%,transparent 60%)}.bigkey-toggle__text{white-space:nowrap;-webkit-user-select:none;user-select:none}.caption,#caption{max-height:100%;padding:var(--spacing-sm) var(--spacing-md);overflow:hidden;font-size:var(--font-size-base);line-height:1.4;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word;overflow-wrap:break-word;background-color:#000000d9;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition)}.caption-output{display:block;width:100%;max-width:100%;height:100%;overflow-y:auto;-ms-overflow-style:none;color:var(--color-text);text-align:center;scrollbar-width:none}.caption-output::-webkit-scrollbar{display:none}.caption-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:100%;min-height:100%;padding:var(--spacing-xs) 0;font-weight:500;letter-spacing:.025em;text-shadow:0 1px 2px rgba(0,0,0,.7)}.caption-text{display:inline;line-height:inherit}.caption .mini,#caption .mini,.caption-output .mini,.caption-content .mini{display:inline-block;width:18px;height:18px;margin:0 var(--spacing-xs);vertical-align:text-bottom;border:none;box-shadow:none;transition:transform .15s ease}.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{display:flex;align-items:center;justify-content:center;width:100%;height:4rem;padding:var(--spacing-sm);overflow:hidden;text-align:center}@media (max-width: 768px){.caption,#caption{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.caption-container{height:3.5rem;padding:var(--spacing-xs)}.caption .mini,#caption .mini,.caption-output .mini,.caption-content .mini{width:16px;height:16px;margin:0 2px}}@media (prefers-color-scheme: light){.caption,#caption{color:var(--color-text-dark, #213547);background-color:#ffffffe6;box-shadow:0 2px 8px #00000026}.caption-content{text-shadow:none}}@media (prefers-contrast: high){.caption,#caption{background-color:var(--color-bg-secondary);border:2px solid var(--color-primary)}.caption-content{font-weight:600;text-shadow:none}}@media (prefers-reduced-motion: reduce){.caption,#caption,.caption-output .mini,.caption-content .mini{transition:none}.caption-output .mini:hover,.caption-content .mini:hover{transform:none}}