nav.svelte-1n8e4t1{position:sticky;top:0;display:flex;justify-content:center;z-index:200;padding:1rem 2rem;pointer-events:none;overflow:visible;transition:padding .3s ease}nav.full-width.svelte-1n8e4t1{padding:0}nav.full-width.svelte-1n8e4t1 [data-mizu-glass]{border-width:0 0 2px 0}nav.full-width.svelte-1n8e4t1 .nav-items:where(.svelte-1n8e4t1){gap:1rem}nav.full-width.svelte-1n8e4t1 .nav-links:where(.svelte-1n8e4t1)>li:where(.svelte-1n8e4t1)>a:where(.svelte-1n8e4t1),nav.full-width.svelte-1n8e4t1 .nav-dropdown-trigger:where(.svelte-1n8e4t1){font-size:.9rem}nav.full-width.svelte-1n8e4t1 .logo:where(.svelte-1n8e4t1){height:1.2rem;top:2px}nav.full-width.svelte-1n8e4t1 .theme-toggle:where(.svelte-1n8e4t1) button:where(.svelte-1n8e4t1){width:30px;height:30px;min-height:30px}nav.full-width.svelte-1n8e4t1 .nav-icon-btn:where(.svelte-1n8e4t1){width:30px;height:30px}nav.full-width.svelte-1n8e4t1 .nav-icon-btn:where(.svelte-1n8e4t1) svg{width:15px;height:15px}nav.svelte-1n8e4t1 .glass-card{pointer-events:auto}.nav-content.svelte-1n8e4t1{display:flex;justify-content:space-between;align-items:center;gap:clamp(2rem,8vw,10rem);width:100%;transition:background-color .3s ease,border-color .3s ease;pointer-events:auto}.brand.svelte-1n8e4t1 a:where(.svelte-1n8e4t1){display:flex;align-items:center}.logo-container.svelte-1n8e4t1{position:relative;height:1.5rem;width:3.7rem}.logo.svelte-1n8e4t1{height:1.5rem;width:auto;position:absolute;top:0;left:0;transition:opacity .3s ease,transform .2s cubic-bezier(.25,.45,.5,1);cursor:pointer}.logo-container.svelte-1n8e4t1:hover .logo:where(.svelte-1n8e4t1){transform:translateY(-2px)}html.light .logo-dark.svelte-1n8e4t1{opacity:1}html.light .logo-light.svelte-1n8e4t1,html.dark .logo-dark.svelte-1n8e4t1{opacity:0}html.dark .logo-light.svelte-1n8e4t1{opacity:1}.nav-items.svelte-1n8e4t1{display:flex;align-items:center;gap:clamp(1rem,4vw,2rem);pointer-events:auto}.nav-actions.svelte-1n8e4t1{display:flex;align-items:center;gap:.4rem}.nav-links.svelte-1n8e4t1{list-style:none;margin:0;padding:0;display:flex;gap:clamp(1rem,4vw,2rem);align-items:center;pointer-events:auto}.nav-links.svelte-1n8e4t1>li:where(.svelte-1n8e4t1)>a:where(.svelte-1n8e4t1){display:flex;align-items:center;gap:.4rem;font-family:Cal Sans,sans-serif;text-decoration:none;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400;color:var(--nav-text);transition:color .2s;white-space:nowrap}.nav-links.svelte-1n8e4t1>li:where(.svelte-1n8e4t1)>a:where(.svelte-1n8e4t1):hover{color:var(--nav-text-hover)}.nav-dropdown-trigger.svelte-1n8e4t1{display:flex;align-items:center;gap:.4rem;font-family:Cal Sans,sans-serif;font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400;color:var(--nav-text);transition:color .2s;cursor:pointer}.nav-dropdown-trigger.svelte-1n8e4t1:hover{color:var(--nav-text-hover)}.dropdown-arrow{opacity:.6;margin-top:2px}.dropdown-menu.svelte-1n8e4t1{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.dropdown-item.svelte-1n8e4t1{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:16px;text-decoration:none;color:var(--text-color);font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;transition:background-color .2s,color .2s,transform .2s}.dropdown-item.svelte-1n8e4t1:hover{background-color:var(--accent-color-faded);color:var(--accent-color)}.theme-toggle.svelte-1n8e4t1 button:where(.svelte-1n8e4t1){background:#e2dddd4d;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 2px 5px #44124426;color:var(--nav-text);padding:0;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:clamp(.875rem,2vw,1rem);transition:transform .2s cubic-bezier(.25,.45,.5,1);display:flex;align-items:center;justify-content:center;pointer-events:auto}.theme-toggle.svelte-1n8e4t1 button:where(.svelte-1n8e4t1):hover{background:#ffffff4d;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.mobile-controls.svelte-1n8e4t1{display:none;align-items:center;gap:.75rem;pointer-events:auto}@media(max-width:1024px){.nav-content.svelte-1n8e4t1{gap:clamp(1.5rem,6vw,3rem)}}@media(max-width:960px){nav.svelte-1n8e4t1{padding:0}nav.svelte-1n8e4t1 .glass-card{border-radius:0!important;padding:.75rem 1.5rem!important}.nav-content.svelte-1n8e4t1{gap:clamp(1rem,4vw,2rem)}.nav-links.svelte-1n8e4t1{gap:clamp(.75rem,3vw,1.5rem)}.nav-links.svelte-1n8e4t1>li:where(.svelte-1n8e4t1)>a:where(.svelte-1n8e4t1),.nav-dropdown-trigger.svelte-1n8e4t1{font-size:clamp(.9rem,3.5vw,1.1rem)}}@media(max-width:880px){.nav-items.svelte-1n8e4t1{display:none}.mobile-controls.svelte-1n8e4t1{display:flex}}@media(max-width:480px){nav.svelte-1n8e4t1 .glass-card{padding:.6rem 1rem!important}.nav-content.svelte-1n8e4t1{gap:clamp(.75rem,3vw,1.5rem)}.nav-links.svelte-1n8e4t1{gap:clamp(.5rem,2vw,1rem)}.nav-links.svelte-1n8e4t1>li:where(.svelte-1n8e4t1)>a:where(.svelte-1n8e4t1),.nav-dropdown-trigger.svelte-1n8e4t1{font-size:clamp(.8rem,4vw,1rem)}.theme-toggle.svelte-1n8e4t1 button:where(.svelte-1n8e4t1){padding:.5rem;min-width:2.5rem;min-height:2.5rem}}@media(max-width:320px){.nav-links.svelte-1n8e4t1>li:where(.svelte-1n8e4t1)>a:where(.svelte-1n8e4t1),.nav-dropdown-trigger.svelte-1n8e4t1{font-size:clamp(.75rem,5vw,.9rem)}.theme-toggle.svelte-1n8e4t1 button:where(.svelte-1n8e4t1){padding:.4rem;min-width:2.25rem;min-height:2.25rem}}.hamburger-btn.svelte-1n8e4t1{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--nav-text);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-menu-overlay.svelte-1n8e4t1{position:absolute;top:calc(100% + 1rem);left:1rem;right:1rem;z-index:101;pointer-events:auto}.mobile-menu-overlay.svelte-1n8e4t1 .glass-card{border-radius:24px!important}.mobile-nav-links.svelte-1n8e4t1{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.mobile-nav-links.svelte-1n8e4t1 a:where(.svelte-1n8e4t1){display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-color);font-family:Cal Sans,sans-serif;font-size:1.1rem;padding:.5rem;border-radius:8px}.mobile-nav-links.svelte-1n8e4t1 a:where(.svelte-1n8e4t1):active{background:#ffffff1a}.mobile-divider.svelte-1n8e4t1{font-size:.75rem;text-transform:uppercase;color:var(--text-color-secondary);font-weight:700;margin-top:.5rem;padding-left:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.25rem}.inline-icon{margin-bottom:2px}.nav-icon-btn.svelte-1n8e4t1{background:#e2dddd4d;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 2px 5px #44124426;color:var(--nav-text);padding:0;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.25,.45,.5,1),box-shadow .2s,background .2s;text-decoration:none}.nav-icon-btn.svelte-1n8e4t1:hover{background:#ffffff4d;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.kofi-icon{width:20px;height:auto;display:block}.mobile-kofi-button.svelte-1n8e4t1{background-color:#72a4f2!important;color:#fff!important;justify-content:center;margin-top:0rem;box-shadow:0 2px 5px #44124426;transition:transform .2s cubic-bezier(.25,.45,.5,1),box-shadow .2s cubic-bezier(.25,.45,.5,1);border-radius:100px}.dark .mobile-kofi-button.svelte-1n8e4t1{background-color:#1e40af!important;border-radius:100px}.light .mobile-kofi-button.svelte-1n8e4t1{border-radius:100px}.kofi-icon.mobile-icon{width:20px;margin-bottom:2px;border-radius:100px}.mobile-capsule-button.svelte-1n8e4t1{display:flex;align-items:center;gap:.5rem;width:100%;background-color:var(--accent-color, #72a4f2);color:#fff;border:none;padding:.6rem 1rem;border-radius:100px;font-family:Cal Sans,sans-serif;font-size:1.1rem;cursor:pointer;justify-content:center;box-shadow:0 2px 5px #00000026;transition:transform .2s cubic-bezier(.25,.45,.5,1),box-shadow .2s cubic-bezier(.25,.45,.5,1)}.mobile-socials.svelte-1n8e4t1{display:flex;justify-content:stretch;gap:.5rem;margin-top:.5rem;margin-bottom:.5rem}.mobile-social-link.svelte-1n8e4t1{display:flex!important;align-items:center;justify-content:center;gap:.5rem;flex:1;height:40px;border-radius:50px!important;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-color)!important;padding:0 .5rem!important;text-decoration:none;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-social-link.svelte-1n8e4t1 span:where(.svelte-1n8e4t1){font-family:Cal Sans,sans-serif;font-size:.95rem;white-space:nowrap}.mobile-social-link{background:var(--glass-bg-flat, rgba(255, 255, 255, .05));border:var(--glass-border-flat, 1px solid rgba(255, 255, 255, .1))}.mobile-social-link.svelte-1n8e4t1:hover{transform:translateY(-2px);background:var(--glass-bg-active, rgba(255, 255, 255, .1));box-shadow:0 4px 12px #0000001a}@media(max-width:400px){.mobile-socials.svelte-1n8e4t1{justify-content:center}.mobile-social-link.svelte-1n8e4t1{flex:0 0 40px;width:40px;padding:0!important;border-radius:50%!important}.mobile-social-link.svelte-1n8e4t1 span:where(.svelte-1n8e4t1){display:none}}.mobile-grid.svelte-1n8e4t1{display:grid;gap:.5rem}.mobile-grid.svelte-1n8e4t1 a:where(.svelte-1n8e4t1){font-size:.95rem;justify-content:start;background:#ffffff08;border-radius:12px;padding:.75rem;transition:background .2s}.mobile-grid.svelte-1n8e4t1 a:where(.svelte-1n8e4t1):hover{background:#ffffff14}.dock-container.svelte-snx3g8{display:flex;justify-content:center;position:fixed;bottom:0;left:0;right:0;z-index:100;padding-bottom:1.5rem;pointer-events:none}.dock-content.svelte-snx3g8{display:flex;flex-direction:row-reverse;align-items:center;gap:1.5rem;pointer-events:auto;transition:all .3s ease}.dock-item.svelte-snx3g8{position:relative;height:2.5rem;width:2.5rem;transition:transform .2s cubic-bezier(.25,.45,.5,1);filter:drop-shadow(0px 2px 4px rgba(68,18,68,.25))}.dock-icon.svelte-snx3g8{position:absolute;top:0;left:0;height:100%;width:100%;object-fit:contain;transition:opacity .3s ease-in-out}.icon-hover.svelte-snx3g8{opacity:0}@media(hover:hover){.dock-item.svelte-snx3g8:hover{transform:translateY(-2px)}.dock-item.svelte-snx3g8:hover .icon-hover:where(.svelte-snx3g8){opacity:1}.dock-item.svelte-snx3g8:hover .icon-default:where(.svelte-snx3g8){opacity:0}}.dock-item.is-active.svelte-snx3g8{transform:translateY(-2px)}.dock-item.is-active.svelte-snx3g8 .icon-hover:where(.svelte-snx3g8){opacity:1}.dock-item.is-active.svelte-snx3g8 .icon-default:where(.svelte-snx3g8){opacity:0}.dock-item.game-icon-container.svelte-snx3g8{width:3.5rem}