:root{--bg:#f7f7ef;--ink:#25282a;--purple:#7455c8;--line:#ddded5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.03em}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:99;padding:15px;background:white}.skip:focus{top:15px}header{height:100px;max-width:1400px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:38px;font-weight:900;letter-spacing:-4px;display:flex;align-items:baseline}.brand span{color:var(--purple)}.brand small{font-size:10px;letter-spacing:2px;margin-left:14px;font-weight:700}nav{display:flex;gap:38px;font-size:14px;font-weight:600}nav a:hover{color:var(--purple)}.nav-button{padding:13px 20px;border:1px solid var(--ink);border-radius:30px;font-size:13px;font-weight:bold}.nav-button span{margin-left:25px}.menu-button{display:none}.hero{max-width:1400px;margin:auto;padding:70px 5% 62px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;min-height:650px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--purple)}h1{font-size:clamp(40px,4.6vw,68px);line-height:1.25;letter-spacing:-.065em;margin:30px 0;font-weight:800}.joy{position:relative;color:var(--purple);display:inline-block}.joy svg{position:absolute;bottom:-10px;left:0;width:100%;height:20px;fill:none;stroke:#b9a0ee;stroke-width:6;stroke-linecap:round}.period{color:var(--purple)}.hero-copy>p{font-size:16px;line-height:1.9;color:#656866;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:19px 24px;border:0;border-radius:7px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.dark{color:#fff;background:var(--ink)}.dark:hover{background:var(--purple)}.hero-note{margin-top:52px;font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:10px;color:#73786f}.hero-note span{font-size:20px;color:var(--purple)}.hero-art{position:relative;height:515px;display:grid;place-items:center}.hero-art:before{content:'';width:88%;height:88%;background:#dce8c7;border-radius:50%;position:absolute}.ghost-scene{position:relative;width:100%;max-width:580px;z-index:1}.orbit{position:absolute;width:98%;height:67%;border:1px solid #a9b99b;border-radius:50%;transform:rotate(-28deg)}.orbit-two{width:90%;height:94%;transform:rotate(28deg);border-color:#cbd6be}.floating-spark{position:absolute;z-index:2}.spark-one{top:38px;left:48px;font-size:45px;color:var(--purple);transform:rotate(10deg)}.spark-two{right:10px;bottom:77px;font-size:55px;color:#849967}.play-label{position:absolute;right:6px;top:72px;padding:14px 18px;background:var(--bg);border:1px solid var(--ink);font-size:11px;letter-spacing:2px;z-index:3;transform:rotate(10deg);border-radius:5px}.play-label span{margin-left:12px}.art-caption{position:absolute;bottom:0;left:85px;font-size:9px;letter-spacing:1.7px;color:#626c5c}.tiny-arrow{font-size:25px;margin-right:10px}.ghost{animation:bob 4s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px)}}.ticker{overflow:hidden;display:flex;gap:55px;align-items:center;white-space:nowrap;border-block:1px solid var(--line);height:65px;justify-content:center;font-size:12px;font-weight:700;letter-spacing:2px}.ticker b{font-size:22px;color:var(--purple)}.section{max-width:1400px;margin:auto;padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}h2{font-size:clamp(28px,2.8vw,40px);line-height:1.4;letter-spacing:-.05em;margin:16px 0 0}.section-heading>p{font-size:13px;line-height:1.8;color:#71766d;margin:0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.game-image{width:100%;height:355px;position:relative;border:0;border-radius:12px;overflow:hidden;text-align:left;transition:transform .3s}.game-image:hover{transform:translateY(-4px)}.puzzle{background:#e7ddf3}.fishing{background:#d9e9de}.card-top{position:absolute;inset:22px 23px auto;display:flex;justify-content:space-between;align-items:center;z-index:2;font-size:10px;letter-spacing:1.6px;font-weight:bold}.status{border:1px solid #0003;border-radius:20px;padding:6px 11px;letter-spacing:0;background:#fff5}.puzzle-board{position:absolute;width:218px;height:218px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;top:58px;right:65px;transform:rotate(-16deg) skew(8deg,8deg);filter:drop-shadow(12px 20px 0 #c5b1dc)}.puzzle-board i{background:#fff8;border-radius:5px;display:grid;place-items:center;font-style:normal;font-size:33px}.puzzle-board .wall{background:#9479b3;box-shadow:0 5px 0 #765c97;transform:translateY(-4px)}.flag{color:#ef9e45}.mini-ghost b{width:30px;height:35px;background:#9072db;border-radius:20px 20px 10px 10px;position:relative}.mini-ghost b:before{content:'••';position:absolute;top:6px;left:7px;letter-spacing:5px;font-size:14px;color:#302642}.game-wordmark{position:absolute;bottom:31px;left:28px;font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1.1;z-index:2}.game-wordmark>span{display:block;font-size:12px;letter-spacing:0;margin-top:10px;font-weight:500}.angler{font-size:28px;color:#fff;text-shadow:0 2px 10px #30686f80}.fishing-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-arrow{position:absolute;bottom:27px;right:25px;width:40px;height:40px;border-radius:50%;background:var(--bg);display:grid;place-items:center;font-size:23px;z-index:2}.game-description{padding-top:23px}h3{font-size:21px;margin:0 0 10px;letter-spacing:-.04em}h3 small{font-size:12px;color:#697069;margin-left:8px;font-weight:normal}.game-description p{font-size:13px;color:#71766d;line-height:1.7;margin:0}.text-button{background:none;border:0;padding:16px 0 0;font-size:12px;font-weight:700}.text-button span{margin-left:15px}.text-button:hover{color:var(--purple)}.concept-note{font-size:11px;color:#888b83;margin-top:30px}.about{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;border-block:1px solid var(--line);align-items:center}.about-mark{height:330px;border-radius:12px;background:#eaece2;display:flex;align-items:center;justify-content:center;font-size:110px;font-weight:900;letter-spacing:-12px;position:relative}.about-mark>span{color:var(--purple)}.about-star{position:absolute;font-size:90px;right:28px;top:20px;color:#b4c78a;line-height:1;letter-spacing:0}.about-mark small{position:absolute;bottom:30px;left:30px;font-size:9px;letter-spacing:2px;line-height:1.7}.about-copy h2{margin-bottom:23px}.about-copy>p{font-size:14px;line-height:1.95;color:#747970;max-width:490px}.values{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding-top:23px;margin-top:30px;font-size:10px;color:var(--purple)}.values b{margin-left:10px;font-size:12px;color:var(--ink)}.news-star{font-size:65px;color:var(--purple);line-height:1}.news-row{display:flex;align-items:flex-start;gap:45px;border-block:1px solid var(--line);padding:30px 0}.news-tag{font-size:9px;letter-spacing:1px;border:1px solid #c4c9b9;border-radius:30px;padding:9px 13px;margin-top:3px}.news-row h3{font-size:18px}.news-row p{font-size:14px;color:#71766d;line-height:1.8;margin:10px 0 0}.news-row>a{margin-left:auto;font-size:28px}.closing{background:#7455c8;color:white;padding:65px max(5%,calc((100% - 1260px)/2));position:relative;overflow:hidden}.closing>p{font-size:10px;letter-spacing:2px;color:#d1c4ef}.closing h2{font-size:44px;margin:20px 0 30px}.light{background:var(--bg);color:var(--ink)}.closing-spark{position:absolute;right:11%;top:14%;font-size:230px;color:#ab94df;transform:rotate(10deg)}footer{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:35px 5%;gap:20px}footer .brand{font-size:29px}footer .brand small{font-size:8px}footer p{font-size:10px;color:#84887f;letter-spacing:.1px}.back-top{font-size:11px}.back-top span{margin-left:20px}dialog{border:0;border-radius:18px;padding:46px;width:min(560px,calc(100% - 32px));background:var(--bg);color:var(--ink);box-shadow:0 20px 80px #0003}dialog::backdrop{background:#25282a80;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:29px}dialog h2{font-size:32px}dialog>p{font-size:15px;line-height:1.8;color:#686e63}dialog ul{padding-left:20px;font-size:14px;line-height:2;color:#51594c}.dialog-bottom{display:flex;align-items:center;gap:9px;margin:26px 0;font-size:12px;color:#71766d}.dialog-done{width:100%}
@media(min-width:1500px){h1{font-size:68px}}@media(max-width:1000px){.hero{padding-top:45px;padding-bottom:45px;min-height:570px}.hero-art{height:420px}.hero-note{margin-top:32px}.hero-copy>p{font-size:14px}.about{gap:45px}.puzzle-board{right:35px;width:190px;height:190px}.game-image{height:315px}.angler{font-size:24px}.section{padding-top:70px;padding-bottom:70px}.art-caption{left:40px;font-size:8px}.closing-spark{right:8%;font-size:190px}}@media(max-width:700px){header{height:76px;padding:0 6%}.brand{font-size:33px}.brand small{font-size:8px}.nav-button{display:none}nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding:48px 6% 40px}.hero-copy{text-align:center}.eyebrow{justify-content:center;font-size:9px}h1{font-size:46px;margin:24px 0}.hero-copy>p{font-size:14px}.hero-note{justify-content:center;margin-top:26px}.hero-art{height:390px;max-width:440px;width:100%;margin:27px auto 0}.art-caption{left:35px;bottom:-5px}.play-label{right:8px;top:50px;font-size:9px}.spark-one{top:30px;left:20px}.spark-two{right:0;bottom:55px}.ticker{height:53px;font-size:10px;gap:30px}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading .eyebrow,.about .eyebrow{justify-content:flex-start}.section-heading>p{margin-top:18px;font-size:12px}h2{font-size:28px}.game-grid{grid-template-columns:1fr;gap:38px}.game-image{height:325px}.puzzle-board{right:40px;width:210px;height:210px}.game-wordmark{font-size:34px}.angler{font-size:27px}.concept-note{font-size:10px;line-height:1.6}.about{grid-template-columns:1fr;gap:33px}.about-mark{height:250px}.about-copy>p{font-size:13px}.values{gap:12px}.values b{margin-left:5px;font-size:11px}.news .section-heading{position:relative;padding-right:45px}.news-star{position:absolute;right:0;top:15px;font-size:42px}.news-row{gap:16px;flex-wrap:wrap}.news-tag{margin:0}.news-row>div{width:calc(100% - 35px);order:3}.news-row>a{order:2;line-height:1}.news-row p{font-size:13px}.closing{padding:48px 6%}.closing h2{font-size:33px;position:relative;z-index:1}.closing-spark{font-size:130px;right:-20px;top:40px}.closing .button{position:relative;z-index:1}footer{padding:30px 6%;flex-wrap:wrap}footer p{order:3;width:100%;margin:0;font-size:9px}dialog{padding:36px 25px}dialog h2{font-size:27px}dialog .eyebrow{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}