:root{--ink: #10233f;--muted: #4d5a6c;--paper: #fbf5e6;--paper-2: #f3e8cc;--paper-line: #e2d3ad;--gold: #ffd75a;--gold-deep: #e9b528;--grass: #66a854;--grass-dark: #3f7a3a;--radius: 14px;--shadow: 0 1px 2px rgba(16, 35, 63, .08), 0 12px 32px rgba(16, 35, 63, .18);--font: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--pixel: "Pixelify Sans", "Nunito", sans-serif}*{box-sizing:border-box}.nowrap{white-space:nowrap}body.hp{margin:0;min-height:100vh;background:#78baec;color:var(--ink);font:600 16px/1.55 var(--font);-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}a{color:inherit}h1,h2,p{margin:0}:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.sky{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;image-rendering:pixelated}.btn{display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 26px;border-radius:12px;font:800 17px/1 var(--font);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(2px)}.btn-primary{color:var(--ink);background:var(--gold);box-shadow:0 4px 0 var(--gold-deep),var(--shadow)}.btn-primary:hover{background:#ffe07a;transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 0 var(--gold-deep)}.btn-secondary{color:var(--ink);background:#fff;box-shadow:0 0 0 2px var(--paper-line),0 4px #c9d6e6,var(--shadow)}.btn-secondary:hover{transform:translateY(-1px)}.btn-big{height:60px;padding:0 34px;font-size:19px}.win{overflow:hidden;background:#1b2334;border:2px solid var(--ink);border-radius:10px;box-shadow:0 8px #10233f29,0 18px 40px #10233f38}.win-bar{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 8px 0 12px;background:linear-gradient(180deg,#f7f7f7,#d6d6d6);border-bottom:2px solid var(--ink)}.win-title{font:700 14px/1 var(--pixel);color:var(--ink)}.win-caps{display:flex;gap:4px}.win-caps i{width:14px;height:14px;background:#fff;border:2px solid var(--ink);border-radius:3px}.win-caps i:last-child{background:#e8574d}.win>video,.win>img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.win>video{transition:opacity .18s ease}.win>video.swap{opacity:0}.foot{--foot: #0b1222;position:relative;padding:clamp(44px,6vw,64px) 0 calc(22px + env(safe-area-inset-bottom));color:#e8eefcc7;background:var(--foot);font:600 15px/1.5 var(--font)}.foot:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:repeating-linear-gradient(90deg,var(--foot) 0 12px,transparent 12px 20px,var(--foot) 20px 28px,transparent 28px 44px,var(--foot) 44px 48px,transparent 48px 56px) 0 0 / 100% 4px no-repeat,repeating-linear-gradient(90deg,var(--foot) 0 28px,transparent 28px 32px,var(--foot) 32px 52px,transparent 52px 56px) 0 4px / 100% 4px no-repeat,linear-gradient(var(--foot) 0 0) 0 8px / 100% 4px no-repeat}.foot-inner{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:32px clamp(32px,6vw,96px);width:min(1200px,calc(100% - 48px));margin:0 auto}.foot-logo{width:190px;height:auto;image-rendering:pixelated}.foot-brand p{margin-top:14px;max-width:34ch}.foot-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.foot-col h2{margin:0 0 4px;font:700 15px/1.2 var(--pixel);color:var(--gold);letter-spacing:.02em}.foot a{color:#fff;text-decoration:none}.foot a:hover{color:var(--gold)}.foot-alts{font-size:13px;color:#e8eefc99}.foot-alts a{color:#e8eefcd9;text-decoration:underline;text-underline-offset:2px}.foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;width:min(1200px,calc(100% - 48px));margin:clamp(32px,5vw,48px) auto 0;padding-top:18px;border-top:2px dashed rgba(232,238,252,.14);font-size:13px;color:#e8eefc8c}.foot-made{font-family:var(--pixel)}@media(max-width:760px){.foot-inner{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1 / -1}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero{position:relative}.hero-stage{position:relative;min-height:max(520px,calc(100svh - 14px));display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0f1828}.hero-stage video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 54% at 50% 50%,#09101eb8,#09101e80 60%,#09101e00),radial-gradient(ellipse at 50% 50%,#09101e00 55%,#09101e8c),linear-gradient(0deg,#09101e8c,#09101e00 22%),#09101e38;pointer-events:none}.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(1100px,calc(100% - 48px));padding:64px 0;text-align:center;color:#fff}.logo{width:clamp(220px,min(30vw,40vh),460px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.hero h1{margin-top:clamp(18px,3vh,34px);max-width:22ch;font:700 clamp(38px,min(5.8vw,9.4vh),96px)/1.02 var(--pixel);text-wrap:balance;text-shadow:0 3px 0 rgba(0,0,0,.28),0 10px 40px rgba(0,0,0,.35)}.lede{margin-top:clamp(12px,2vh,22px);max-width:36ch;font:700 clamp(17px,min(1.7vw,2.6vh),26px)/1.45 var(--font);color:#ffffffe0;text-shadow:0 2px 12px rgba(0,0,0,.4)}.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(22px,4vh,44px)}.hero .btn{height:clamp(52px,6.4vh,64px);padding:0 clamp(26px,2.4vw,38px);font-size:clamp(17px,min(1.4vw,2.2vh),21px)}.hero .meta{font-size:clamp(13px,1.6vh,15px)}.meta{margin-top:14px;font:700 13px/1.5 var(--font);color:#ffffffb8}.meta a{color:#fff}.meta .dot{margin:0 8px}.online i{display:inline-block;width:7px;height:7px;margin:0 6px 1px 0;vertical-align:middle;background:#6ee36a;border-radius:50%;box-shadow:0 0 0 3px #6ee36a40;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #6ee36a14}}body.over-pond{cursor:crosshair}.chapters-list{position:relative}.chapters-list:before{content:"";position:absolute;z-index:1;left:0;right:0;top:-12px;height:16px;image-rendering:pixelated;background:linear-gradient(var(--grass) 0 0) 0 4px / 100% 8px no-repeat,repeating-linear-gradient(90deg,var(--grass) 0 8px,transparent 8px 16px,var(--grass) 16px 20px,transparent 20px 28px) 0 0 / 100% 4px no-repeat,linear-gradient(var(--grass-dark) 0 0) 0 12px / 100% 4px no-repeat}.band{--band-flat: var(--paper);--band-ink: var(--ink);--band-muted: var(--muted);--band-accent: var(--grass-dark);--band-line: rgba(16, 35, 63, .14);position:relative;padding:clamp(56px,8vw,96px) 0;color:var(--band-ink);background:var(--band-flat) var(--band-art, none) 0 0 / 100% 100% no-repeat;image-rendering:pixelated}.band[style*=background-image]{background-size:100% 100%;background-repeat:no-repeat}.band:not(.band-first):before{content:"";position:absolute;z-index:1;left:0;right:0;top:-12px;height:12px;pointer-events:none;background:repeating-linear-gradient(90deg,var(--lip) 0 12px,transparent 12px 20px,var(--lip) 20px 28px,transparent 28px 44px,var(--lip) 44px 48px,transparent 48px 56px) 0 0 / 100% 4px no-repeat,repeating-linear-gradient(90deg,var(--lip) 0 28px,transparent 28px 32px,var(--lip) 32px 52px,transparent 52px 56px) 0 4px / 100% 4px no-repeat,linear-gradient(var(--lip) 0 0) 0 8px / 100% 4px no-repeat}.band-first{padding-top:clamp(72px,9vw,112px)}.band-fish{--band-flat: #e3f0fa;--lip: #eaf4fb;--band-accent: #2a72b5;--band-line: rgba(42, 114, 181, .22)}.band-mine{--band-flat: #161c30;--lip: #1a2036;--band-ink: #f3f1ff;--band-muted: rgba(230, 228, 255, .72);--band-accent: #b3a6ff;--band-line: rgba(179, 166, 255, .28)}.band-home{--band-flat: #f8f0dc;--lip: #fbf5e6;--band-accent: #b5711d;--band-line: rgba(181, 113, 29, .25)}.band-guild{--band-flat: #1a3729;--lip: #1d3d2f;--band-ink: #fbf5e6;--band-muted: rgba(251, 245, 230, .74);--band-accent: var(--gold);--band-line: rgba(255, 215, 90, .3)}.band-guild:after{--lip-down: #142b21;content:"";position:absolute;z-index:1;left:0;right:0;bottom:-12px;height:12px;pointer-events:none;background:linear-gradient(var(--lip-down) 0 0) 0 0 / 100% 4px no-repeat,repeating-linear-gradient(90deg,var(--lip-down) 0 28px,transparent 28px 32px,var(--lip-down) 32px 52px,transparent 52px 56px) 0 4px / 100% 4px no-repeat,repeating-linear-gradient(90deg,var(--lip-down) 0 12px,transparent 12px 20px,var(--lip-down) 20px 28px,transparent 28px 44px,var(--lip-down) 44px 48px,transparent 48px 56px) 0 8px / 100% 4px no-repeat}.intro{width:min(760px,calc(100% - 48px));margin:0 auto clamp(40px,6vw,72px);text-align:center}.intro-kicker{font:700 15px/1 var(--pixel);color:var(--band-accent);letter-spacing:.02em}.intro-title{margin-top:12px;font:700 clamp(34px,4.4vw,58px)/1.05 var(--pixel);text-wrap:balance}.intro-text{margin:14px auto 0;max-width:46ch;font:600 18px/1.55 var(--font);color:var(--band-muted)}.chapter{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);width:min(1200px,calc(100% - 48px));margin:0 auto}.chapter.flip{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr)}.chapter.flip .chapter-media{order:2}.kicker{display:flex;align-items:center;gap:10px;font:700 16px/1 var(--pixel);color:var(--band-accent)}.kicker-icon{display:inline-grid;place-items:center;width:38px;height:38px;color:var(--ink);background:var(--gold);border:2px solid var(--ink);border-radius:8px;box-shadow:0 3px 0 var(--gold-deep)}.kicker-icon img{width:30px;height:auto;image-rendering:pixelated}.kicker-icon .px-icon{width:22px;height:22px}.kicker{font-size:17px}.chapter h2{margin-top:16px;font:700 clamp(32px,3.6vw,50px)/1.05 var(--pixel);text-wrap:balance}.chapter-text{margin-top:14px;max-width:40ch;font:600 18px/1.55 var(--font);color:var(--band-muted)}.facts{display:flex;flex-wrap:wrap;gap:0;margin:28px 0 0;padding:0;list-style:none}.facts li{display:grid;gap:4px;padding:2px 22px 2px 0;margin-right:22px;border-right:2px solid var(--band-line)}.facts li:last-child{border-right:0;margin-right:0;padding-right:0}.facts b{font:700 34px/1 var(--pixel);color:var(--band-accent)}.facts span{font:700 13px/1.3 var(--font);color:var(--band-muted)}.band-mine .win,.band-guild .win{border-color:#0a0f1c;box-shadow:0 0 0 1px #ffffff14,0 10px #00000040,0 24px 50px #0006}.finale{display:grid;justify-items:center;gap:14px;padding:clamp(56px,8vh,88px) 24px clamp(64px,10vh,104px);text-align:center;color:#fff}.finale h2{font:700 clamp(32px,4.2vw,54px)/1.08 var(--pixel);text-wrap:balance;text-shadow:0 2px 0 rgba(0,0,0,.35),0 8px 30px rgba(0,0,0,.4)}.finale p{font:700 18px/1.4 var(--font);opacity:.88}.finale .btn{margin-top:12px}.catch-card{--rc: #8f8a80;position:fixed;right:18px;bottom:18px;z-index:20;display:flex;align-items:center;gap:12px;max-width:min(360px,calc(100vw - 36px));padding:12px 34px 12px 12px;background:#fff;border:3px solid var(--rc);border-radius:14px;box-shadow:var(--shadow);opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1.2)}.catch-card.show{opacity:1;transform:none;pointer-events:auto}.catch-fish{flex:0 0 auto;width:84px;height:60px;image-rendering:pixelated}.catch-body{display:grid;gap:1px;min-width:0;text-align:left}.catch-rarity{font:900 11px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--rc)}.catch-name{font:900 18px/1.2 var(--font);color:var(--ink)}.catch-meta{font:700 13px/1.3 var(--font);color:var(--muted)}.catch-cta{margin-top:4px;font:800 13px/1.3 var(--font);color:#2f6fd6;text-decoration:none}.catch-cta:hover{text-decoration:underline}.catch-close{position:absolute;top:6px;right:8px;padding:0 4px;font:800 18px/1 var(--font);color:var(--muted);background:none;border:0;cursor:pointer}html.js .hero-copy>*{animation:rise .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:.1s}html.js .chapter{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}html.js .chapter.in{opacity:1;transform:none}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media(max-width:980px){.chapter,.chapter.flip{grid-template-columns:1fr}.chapter.flip .chapter-media{order:0}.intro{text-align:left;margin-left:24px}}@media(max-width:760px){.hero-copy{padding:48px 0}.hero-stage:after{background:#09101ec2}.ctas{width:100%;flex-direction:column}.btn{width:100%}}@media(max-width:600px){.chapter{width:calc(100% - 32px)}.intro{width:calc(100% - 32px);margin-left:16px}.facts b{font-size:26px}.facts li{padding-right:14px;margin-right:14px}}@media(prefers-reduced-motion:reduce){html.js .hero-copy>*{animation:none}html.js .chapter{opacity:1;transform:none;transition:none}}