*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#141414;background:#f6f1e5;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stage{min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(to bottom, #f6f1e5 0 56%, #3d83f6 56% 100%);position:relative;overflow:clip}.topbar{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,4vw,48px);font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;letter-spacing:.14em;font-size:13px;z-index:3}.brand{display:flex;align-items:center;gap:10px}.brand-dot{width:26px;height:26px;border-radius:50%;background:#141414;position:relative;display:inline-block}.brand-dot::after,.brand-dot::before{content:"";position:absolute;top:8px;width:8px;height:8px;background:#fff;border-radius:50%}.brand-dot::before{left:5px}.brand-dot::after{right:5px}.badge-soon{border:2px solid #141414;border-radius:999px;padding:6px 14px 6px 10px;display:inline-flex;align-items:center;gap:8px;background:#fffdf6}.badge-soon .pulse{width:9px;height:9px;border-radius:50%;background:#ff5b2e;animation:pulse 1.6s infinite}.hero{width:min(880px,100% - 40px);margin:2vh auto 0;text-align:center;z-index:3}.eyebrow{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:13px;letter-spacing:.22em;text-transform:uppercase;background:#141414;color:#f6f1e5;display:inline-block;padding:8px 16px;border-radius:999px}h1.title{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(56px,11vw,128px);line-height:.9;margin:14px 0 0;letter-spacing:-0.02em}.tagline{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(18px,3vw,26px);font-weight:700;margin:6px 0 0}.tagline span{color:#ff5b2e}.cat-wrap{width:min(430px,78vw);margin:18px auto -70px;position:relative;z-index:4}.cat-frame{border:5px solid #141414;border-radius:999px 999px 28px 28px;overflow:hidden;background:#f6f1e5;box-shadow:0 18px 40px rgba(0,0,0,.22);aspect-ratio:4/5}.cat-frame img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.waterline{display:block;width:100%;height:46px;margin-top:-2px;position:relative;z-index:3}.sea{flex:1;position:relative;padding:86px 20px 40px;text-align:center;color:#fff;z-index:2}.sea-inner{width:min(620px,100%);margin:0 auto}h2.soon{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(30px,5vw,48px);margin:0;text-shadow:0 3px 0 rgba(0,0,0,.18)}.sea p.lead{margin:10px auto 22px;font-size:clamp(15px,2.4vw,18px);line-height:1.6;color:rgba(255,255,255,.92);max-width:46ch}.notify{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 auto}.notify input[type=email]{width:min(320px,100%);border:3px solid #141414;border-radius:999px;padding:14px 20px;font-size:16px;background:#fffdf6;outline:none}.notify button{border:3px solid #141414;border-radius:999px;padding:14px 26px;font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:15px;letter-spacing:.04em;background:#141414;color:#f6f1e5;cursor:pointer;transition:transform .15s ease,background .15s ease}.notify button:hover{transform:translateY(-2px);background:#000}.form-note{font-size:13px;opacity:.85;margin-top:12px}.socials{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px;padding:0;list-style:none}.socials a{display:inline-block;border:2px solid rgba(255,255,255,.9);color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(4px)}.socials a:hover{background:rgba(255,255,255,.24)}.footer{margin-top:30px;font-size:12.5px;color:rgba(255,255,255,.82)}.fish{position:absolute;opacity:.95;animation:swim 9s ease-in-out infinite}.fish svg{display:block;filter:drop-shadow(0 4px 0 rgba(0, 0, 0, 0.15))}.fish-1{left:8%;bottom:30%;animation-delay:0s}.fish-2{right:10%;bottom:22%;animation-delay:-3s}.fish-3{left:16%;bottom:12%;animation-delay:-6s}.bubble{position:absolute;bottom:8%;border:2px solid rgba(255,255,255,.7);border-radius:50%;animation:rise 7s linear infinite}.b-1{left:30%;width:10px;height:10px;animation-delay:0s}.b-2{left:55%;width:7px;height:7px;animation-delay:-2s}.b-3{left:72%;width:12px;height:12px;animation-delay:-4s}.b-4{left:44%;width:6px;height:6px;animation-delay:-5.5s}@keyframes swim{0%,100%{transform:translateX(0) translateY(0) rotate(-4deg)}50%{transform:translateX(26px) translateY(-14px) rotate(4deg)}}@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-46vh);opacity:0}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.5)}}@media(max-width: 560px){.cat-wrap{margin-bottom:-56px}.fish-1{left:2%}.fish-2{right:2%}.topbar{font-size:11px}}.g-page{min-height:100svh;background:#f6f1e5;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#141414;display:flex;flex-direction:column}.g-topbar{display:flex;justify-content:space-between;align-items:center;padding:16px clamp(20px,4vw,48px);font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;letter-spacing:.12em;font-size:13px}.g-topbar a{text-decoration:none;border:2px solid #141414;border-radius:999px;padding:6px 16px;background:#fffdf6}.g-topbar a:hover{background:#141414;color:#f6f1e5}.g-wrap{width:min(980px,100% - 32px);margin:0 auto 24px;display:grid;grid-template-columns:1fr 290px;gap:20px;align-items:start;flex:1}.g-stage-card{position:relative;background:linear-gradient(180deg, #3d83f6 0%, #2f6fe4 100%);border:4px solid #141414;border-radius:28px;padding:18px 14px 14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.22)}.g-lanes{display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;height:440px;position:relative}.g-lane{position:relative}.g-lane-track{position:absolute;inset:0 0 76px 0;background:rgba(255,255,255,.12);border-radius:16px;overflow:hidden}.g-note{position:absolute;left:50%;width:52px;height:52px;margin-left:-26px;border-radius:16px;border:3px solid #141414;background:#fffdf6;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;will-change:transform}.g-note.hit{display:none}.g-note.l0{background:#fff}.g-note.l1{background:#ffe9a8}.g-note.l2{background:#ffd2c2}.g-note.l3{background:#ff5b2e;color:#fff}.g-receptor{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:64px;height:64px;border-radius:50%;border:3px solid #141414;background:rgba(255,255,255,.9);font-size:24px;font-weight:900;cursor:pointer;transition:transform .08s ease,background .08s ease}.g-receptor.active,.g-receptor:active{transform:translateX(-50%) scale(1.12);background:#ff5b2e;color:#fff}.g-judgment{position:absolute;top:44%;left:0;right:0;text-align:center;font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:900;font-size:clamp(26px,5vw,44px);color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35);opacity:0;pointer-events:none}.g-judgment.show{animation:g-judge .5s ease}.g-judgment.perfect{color:#ffe45e}.g-judgment.good{color:#fff}.g-judgment.miss{color:#ffb3ab}@keyframes g-judge{0%{opacity:0;transform:scale(0.6)}25%{opacity:1;transform:scale(1.15)}100%{opacity:0;transform:scale(1)}}.g-overlay{position:absolute;inset:0;background:rgba(20,20,20,.82);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px;z-index:5}.g-overlay[hidden]{display:none}.g-overlay h2{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:clamp(28px,5vw,44px);margin:0 0 8px}.g-overlay p{opacity:.9;line-height:1.6;max-width:44ch;margin:0 auto 14px}.g-keys{font-size:14px;background:rgba(255,255,255,.14);border-radius:12px;padding:10px 14px;margin-bottom:18px}.g-btn{border:3px solid #141414;border-radius:999px;padding:14px 34px;font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:17px;background:#ff5b2e;color:#fff;cursor:pointer}.g-btn:hover{transform:translateY(-2px)}.g-levels{display:flex;flex-direction:column;gap:10px;align-items:center}.g-btn-alt{background:#fffdf6;color:#141414}.g-rank{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:84px;font-weight:900;color:#ffe45e;line-height:1;margin:6px 0}.g-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;margin:12px auto 18px;max-width:300px;font-size:15px;text-align:left}.g-result-grid b{text-align:right}.g-side{display:flex;flex-direction:column;gap:14px}.g-cat-card{background:#fffdf6;border:4px solid #141414;border-radius:28px;padding:14px;text-align:center;overflow:hidden}.g-cat-name{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:800;font-size:14px;letter-spacing:.14em}#gCat{width:170px;margin:6px auto;transition:transform .18s ease}#gCat.m-left{transform:translateX(-26px) rotate(-12deg)}#gCat.m-right{transform:translateX(26px) rotate(12deg)}#gCat.m-up{transform:translateY(-30px) scale(1.06)}#gCat.m-down{transform:translateY(12px) scaleY(0.88)}#gCat.m-spin{transform:rotate(360deg);transition:transform .4s ease}#gCat.m-sad{animation:g-sad .3s ease}#gCat.m-celebrate{animation:g-jump .6s ease infinite}@keyframes g-sad{0%,100%{transform:translateX(0)}25%{transform:translateX(-10px) rotate(-6deg)}75%{transform:translateX(10px) rotate(6deg)}}@keyframes g-jump{0%,100%{transform:translateY(0)}50%{transform:translateY(-26px)}}.g-stats{background:#141414;color:#f6f1e5;border-radius:28px;padding:16px 18px;font-size:14px}.g-stats .row{display:flex;justify-content:space-between;padding:3px 0}.g-stats .row b{font-family:ui-rounded,"Hiragino Maru Gothic ProN","Baloo 2","Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:18px}.g-score b{color:#ffe45e}.g-combo b{color:#ff5b2e}.g-progress{height:10px;background:rgba(255,255,255,.18);border-radius:999px;margin-top:10px;overflow:hidden}.g-progress span{display:block;height:100%;width:0%;background:#ff5b2e;border-radius:999px}.g-foot{text-align:center;font-size:13px;padding:0 20px 26px;opacity:.75}.g-foot a{font-weight:700}.game-link{display:inline-block;margin-top:16px;border:2px solid #fff;color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:10px 22px;border-radius:999px;background:rgba(255,255,255,.14)}.game-link:hover{background:rgba(255,255,255,.28)}@media(max-width: 840px){.g-wrap{grid-template-columns:1fr}.g-side{flex-direction:row}.g-cat-card,.g-stats{flex:1}#gCat{width:110px}.g-lanes{height:380px}.g-note{width:46px;height:46px;margin-left:-23px;font-size:19px}}/*# sourceMappingURL=main.css.map */