:root{color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#111824;color:#f0f4fb}*{box-sizing:border-box}body{position:relative;isolation:isolate;background:radial-gradient(ellipse 22% 15% at 72% 12%,#72528a12,#72528a00),radial-gradient(ellipse 15% 12% at 19% 25%,#91536f0b,#91536f00),linear-gradient(180deg,#070a12,#0c1320 55%,#132334);margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:clamp(.75rem,1.5vh,1.25rem);padding:0}body:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url(/sky-grain.svg) repeat;opacity:.035}.night-sky{position:absolute;inset:0 0 auto;height:min(54vh,400px);overflow:hidden;z-index:-1;pointer-events:none;mask-image:linear-gradient(#000 45%,transparent)}.star{position:absolute;border-radius:50%;background:#d6e1ed;opacity:var(--star-opacity);animation:twinkle 8s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:var(--star-opacity);background:#d6e1ed}35%{opacity:calc(var(--star-opacity) * .45);background:#d6e1ed}65%{opacity:calc(var(--star-opacity) * 1.3);background:var(--star-tint)}}@media (prefers-reduced-motion: reduce){.star{animation:none}}.site-header{width:100%;padding:clamp(.875rem,2vh,1.5rem) clamp(1rem,3vw,2.5rem);display:flex;justify-content:space-between;align-items:center;gap:1rem}main{width:calc(100% - clamp(2rem,8vw,6rem));max-width:74rem;margin:0;align-self:start;padding-top:clamp(0rem,1vh,.75rem);text-align:center}img{display:block;object-fit:contain}.hero-mascot{width:clamp(112px,calc(96px + 1vw),128px);height:clamp(112px,calc(96px + 1vw),128px);margin:0 auto clamp(.75rem,2vh,1.25rem)}.site-name{display:inline-flex;align-items:center;min-height:2rem;gap:.75rem;color:#b9c9de;font-size:.9375rem;font-weight:600;line-height:1.25;text-decoration:none}.site-name span{transform:translateY(-1px)}h1{margin:0 auto clamp(1rem,2vh,1.5rem);font-size:clamp(1.5rem,calc(1.15rem + 1.25vw),2.25rem);font-weight:600;color:#fff;line-height:1.28;text-wrap:balance;letter-spacing:-.02em}.item-name{color:#e7bd67;font:inherit;font-weight:700;letter-spacing:0;border:0;padding:0;background:none;cursor:pointer}.item-name:hover{color:#f3ce82}.item-name:focus-visible{outline:2px solid #e7bd67;outline-offset:4px;border-radius:3px}.item-bracket{color:#fff;display:inline-block;margin-inline:.08em;font-weight:400}.rod-preview{position:fixed;inset:auto;margin:0;width:290px;max-width:calc(100vw - 24px);padding:14px;border:1px solid #b9a17559;border-radius:8px;background:#141923;color:#c9d0df;box-shadow:0 12px 36px #0006;font-size:13px;line-height:1.45}.rod-preview::backdrop{background:transparent;pointer-events:none}.rod-title{display:flex;align-items:center;gap:10px}.rod-title img{border:1px solid #e7bd6759;border-radius:3px;background:#24232a}.rod-title strong{color:#e7bd67;font-size:14px;font-weight:600}.rod-title small{display:block;margin-top:2px;color:#909aaf;font-size:11px}.rod-preview p{margin:9px 0}.rod-preview .rod-requirement{color:#b4cca0}.rod-preview dl{padding-top:9px;margin:10px 0;border-top:1px solid #ffffff12}.rod-preview dl div{display:flex;justify-content:space-between;gap:12px;margin:3px 0}.rod-preview dd{margin:0;color:#e7bd67}.rod-preview a{font-size:11px}a{color:#a6d9f5;font-size:clamp(1rem,2.5vw,1.125rem);line-height:1.7;overflow-wrap:anywhere;text-underline-offset:.2em}a:hover{color:#d6efff}a:focus-visible{outline:2px solid #a6d9f5;outline-offset:6px;border-radius:2px}.quest{max-width:56rem;margin:clamp(1.25rem,4vh,2rem) auto 0;padding-top:clamp(1rem,2vh,1.5rem);border-top:1px solid #ffffff14}.quest h2{margin:0 0 .75rem;font-size:clamp(1.0625rem,calc(.95rem + .3vw),1.25rem);font-weight:500;color:#fff;line-height:1.45;text-wrap:balance}.homepage h1{margin-bottom:clamp(1rem,2vh,1.5rem)}.quest-destination{display:inline-block;max-width:100%;padding:.1875rem clamp(.5rem,1vw,.75rem);border:.5px solid #a6d9f512;border-radius:.5rem;background:#24334d80;font-size:clamp(1rem,calc(.85rem + .55vw),1.5rem);line-height:1.5}.guide-moved{max-width:44rem;margin:0 auto clamp(1.5rem,3vh,2rem);color:#e1e8f1;font-size:clamp(.875rem,calc(.825rem + .2vw),1rem);line-height:1.6;text-wrap:balance}.discord-link{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;gap:.375rem;padding:.125rem .5rem;border:1px solid #c4c9f920;border-radius:2rem;background:#c4c9f908;font-size:.8125rem;line-height:1.25;color:#c4c9f9;text-decoration:none;white-space:nowrap}.discord-icon{width:20px;height:16px;background:currentColor;mask:url(/discord.svg) center / contain no-repeat}footer{position:relative;isolation:isolate;width:100%;height:10rem;padding:0 1.25rem}.water-back,.water-front{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.water-front{z-index:2}.rod-lane{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none}.drifting-rod{position:absolute;left:0;top:54px;width:36px;height:36px;opacity:0;will-change:transform}.drifting-banana{position:absolute;left:0;top:48px;width:48px;height:42px;opacity:0;will-change:transform}.water-toggle{position:absolute;inset:40px 0 0;z-index:0;border:0;padding:0;background:transparent;cursor:pointer}.water-toggle:focus-visible{outline:1px solid #a6d9f5;outline-offset:-5px}.brandmarks{height:100%;display:flex;justify-content:center;align-items:flex-start;gap:clamp(3rem,10vw,8rem);padding-top:2.5rem}.brand{display:grid;grid-template-rows:64px 24px;justify-items:center;align-items:center;color:#f3f3f3;text-decoration:none}.brand img{position:relative;z-index:1;grid-row:1;grid-column:1;width:56px;height:56px;will-change:transform}.brand span{position:relative;z-index:3;grid-row:2;grid-column:1;will-change:transform;font-weight:400;font-size:.875rem;color:#e1e8f1}.fishystuff{font-size:1rem;font-weight:400}.fishystuff img{width:44px;height:44px}.maomaoprince{font-size:1rem;font-weight:400;line-height:1.5}@media (max-height: 650px){.site-header{padding-top:.75rem;padding-bottom:.75rem}main{padding-top:0}.hero-mascot{margin-bottom:.75rem}footer{height:8rem}}@media (max-width: 420px){.site-header{gap:.625rem;padding-left:1rem;padding-right:1rem}.site-name{font-size:.8125rem}.site-name img{width:22px;height:22px}.site-name,.discord-link{min-height:1.75rem}.discord-link{padding:.125rem .5rem}.discord-icon{width:20px;height:16px}.brandmarks{gap:2.5rem}.fishystuff{font-size:1rem}.maomaoprince{font-size:.875rem}}@media (max-width: 360px){.discord-label{font-size:0}.discord-label:after{content:"Discord";font-size:.8125rem}}