@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#203b30;--paper:#f6f5eb;--green:#c5ed80;--muted:#6b786c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #d7633f;outline-offset:5px}header,main,footer{max-width:1320px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203b3026;margin:0 auto;padding:0 42px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;display:flex;gap:9px;align-items:center}.brand span{font-size:9px;letter-spacing:1px;border-left:1px solid #b8c0b2;margin-left:8px;padding-left:15px;width:80px;font-weight:600}nav{display:flex;gap:32px;font-size:13px;font-weight:600}.open{font-size:10px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.open i{width:7px;height:7px;background:#64954c;border-radius:50%}.hero{padding:70px 42px 60px;display:grid;grid-template-columns:1.05fr 1fr;gap:36px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;margin:0 0 22px}h1{font-size:clamp(36px,4.25vw,58px);line-height:1.35;letter-spacing:-3px;margin:0 0 24px;font-weight:900}h1 em{font-style:normal;background:linear-gradient(transparent 66%,#c5ed80 66%)}.intro{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:16px 22px;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:#395942}.dark{background:var(--ink);color:white}.button span{font-size:20px}.hero-meta{display:flex;gap:18px;font-size:9px;letter-spacing:1px;margin-top:34px;color:var(--muted)}.hero-art{background:#d9e9c9;border-radius:16px;position:relative;overflow:hidden;min-height:490px;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#8da57a44 1px,transparent 1px);background-size:22px 22px}.art-label{position:absolute;top:26px;left:25px;font-size:10px;letter-spacing:2px}.orbit{position:absolute;width:440px;height:260px;border:1px solid #71945d66;border-radius:50%;transform:rotate(-30deg)}.orbit-b{transform:rotate(35deg);width:350px;height:370px}.slime{height:200px;width:255px;border-radius:48% 48% 30% 30% /65% 65% 25% 25%;background:#94ca5b;box-shadow:inset -18px -20px 0 #76ae46,0 28px 30px #355a2922;position:relative;transform:rotate(-7deg);border:2px solid #659441}.slime b{position:absolute;top:100px;left:82px;width:13px;height:25px;border-radius:50%;background:var(--ink)}.slime b:nth-of-type(2){left:151px}.slime i{position:absolute;top:130px;left:112px;width:26px;height:16px;border-bottom:4px solid var(--ink);border-radius:50%}.shine{width:60px;height:26px;border-radius:50%;background:#c3ed91;position:absolute;top:28px;left:43px;transform:rotate(-25deg)}.floating{position:absolute;font-size:11px;background:var(--paper);border:1px solid #203b3033;padding:13px 18px;border-radius:7px;box-shadow:3px 4px 0 #203b3010}.code{top:100px;right:22px;transform:rotate(8deg);font-family:monospace}.hello{bottom:110px;left:25px;transform:rotate(-9deg);font-weight:800}.spark{position:absolute;font-size:46px;color:#3c613d}.s1{top:110px;left:42px}.s2{bottom:110px;right:38px}.art-bottom{position:absolute;bottom:25px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;line-height:1.7;letter-spacing:1px}.games{padding:50px 42px 65px;border-top:1px solid #203b3026}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head .eyebrow{margin-bottom:12px}h2{font-size:32px;letter-spacing:-1.4px;line-height:1.45;margin:0}.section-head>p{font-size:12px;line-height:1.8;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game{border:1px solid #203b3029;border-radius:13px;overflow:hidden;background:#fffef7}.cover{height:225px;position:relative;overflow:hidden}.number{position:absolute;top:17px;left:19px;font-size:9px;letter-spacing:1px;z-index:2}.cover-caption{position:absolute;bottom:18px;left:20px;font-size:13px;font-weight:700;z-index:2}.dungeon{background:linear-gradient(#12352544,#102b23aa),url('assets/dungeon.jpg') center/cover;color:#f0f8d6}.dungeon>img{position:absolute;height:140px;width:140px;object-fit:contain;image-rendering:pixelated;top:43px;left:calc(50% - 70px)}.caps{background:#edc5a3;color:#68422b}.table-lines{position:absolute;inset:35px -25px;background:repeating-linear-gradient(0deg,transparent 0 44px,#b47f4b33 45px 47px);transform:rotate(-16deg)}.cap{position:absolute;width:77px;height:77px;border-radius:50%;border:9px dashed #dc6e48;background:#f5dfb6;box-shadow:0 7px 0 #9e4f36,0 15px 15px #68422b33;text-align:center;font-size:37px;line-height:59px;color:#bd5135;transform:rotate(-20deg)}.cap-one{left:65px;top:103px}.cap-two{right:65px;top:56px;background:#d6e6cc;border-color:#5c8c72;color:#46745b;box-shadow:0 7px 0 #3b6e57,0 15px 15px #68422b33}.trajectory{position:absolute;left:48%;top:80px;font-size:60px;color:#fff8e9;transform:rotate(10deg)}.aqua{background:#c6e4e7;color:#285962}.fish{width:112px;height:65px;border-radius:60%;position:absolute;top:86px;left:calc(50% - 45px);background:#f4b068;box-shadow:inset 0 -12px #e18a4e}.fish:before{content:'';position:absolute;left:-27px;top:8px;border-left:38px solid #e18a4e;border-top:24px solid transparent;border-bottom:24px solid transparent}.fish i{position:absolute;right:22px;top:18px;width:9px;height:9px;border-radius:50%;background:#274a4c}.fish b{position:absolute;left:43px;top:31px;border-left:21px solid #d77742;border-top:12px solid transparent;border-bottom:12px solid transparent}.bubble{position:absolute;border:2px solid #fff9;border-radius:50%}.b1{width:20px;height:20px;top:49px;right:63px}.b2{width:10px;height:10px;top:78px;right:92px}.b3{width:28px;height:28px;left:50px;top:60px}.seaweed{position:absolute;bottom:30px;right:25px;font-size:75px;color:#6fae9e;transform:rotate(90deg)}.game-body{padding:22px}.tag{font-size:10px;color:#527348;font-weight:600}.game h3{font-size:23px;letter-spacing:-.8px;margin:8px 0 14px}.game h3 small{display:block;font-size:10px;color:var(--muted);font-weight:500;letter-spacing:.4px;margin-top:2px}.game p{font-size:12px;line-height:1.9;color:var(--muted);min-height:70px;margin:0 0 14px}.hint{font-size:10px;color:#6b786c;margin-bottom:19px;min-height:15px}.play-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.play-row .button{flex:1;padding:14px 16px;gap:10px}.qr-link{display:flex;align-items:center;flex-direction:column;font-size:8px;gap:4px}.qr-link img{width:65px;height:65px;padding:5px;background:white;image-rendering:pixelated}.story-link,.creator{border-top:1px solid #203b301c;margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;font-size:10px}.story-link{font-weight:700}.creator{color:var(--muted)}.game-note{font-size:10px;color:var(--muted);margin-top:20px}.story{margin:0 42px;background:#e7ebda;display:grid;grid-template-columns:1fr 1fr;border-radius:14px;overflow:hidden}.story-visual{min-height:390px;position:relative;padding:30px 38px;background:#d9e0c8;display:flex;justify-content:center;align-items:center}.story-visual>span{position:absolute;top:25px;left:28px;font-size:9px;letter-spacing:2px}.slide-mini{background:var(--ink);color:#ecf0d9;width:290px;padding:22px;transform:rotate(-6deg);position:relative;z-index:2;box-shadow:0 14px 22px #203b3022}.slide-mini>span{font-size:8px;letter-spacing:1px}.slide-mini h3{font-size:27px;line-height:1.5;margin:23px 0}.slide-mini img{position:absolute;right:8px;bottom:23px;width:95px;image-rendering:pixelated}.slide-back{position:absolute;width:290px;height:270px;background:#b8c799;transform:rotate(7deg)}.story-copy{padding:54px 35px}.story-copy .eyebrow{font-size:9px;margin-bottom:17px}.story-copy p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);margin:20px 0 27px}.slide-note{display:block;font-size:9px;margin-top:12px;color:var(--muted)}.closing{padding:85px 42px;text-align:center}.closing>span{font-size:10px;letter-spacing:2px}.closing h2{margin:20px 0}.closing h2 span{display:inline-block;color:#799f55;margin-left:12px}.closing p{font-size:12px;color:var(--muted)}.closing a{font-size:12px;display:inline-block;margin-top:20px;border-bottom:1px solid;padding-bottom:5px}footer{border-top:1px solid #203b3026;padding:28px 42px;display:flex;justify-content:space-between;align-items:center}footer .brand{font-size:20px}footer p,footer>span{font-size:9px;color:var(--muted)}@media(min-width:1500px){header{padding:0 42px}}@media(max-width:1000px){header{padding:0 24px}.hero{padding:45px 24px;gap:24px}.hero-art{min-height:430px}h1{font-size:42px}.game-grid{gap:13px}.games{padding:40px 24px}.game-body{padding:16px}.game h3{font-size:20px}.play-row .button{font-size:11px;padding:12px}.story{margin:0 24px}.cap-one{left:35px}.cap-two{right:35px}.story-copy{padding:42px 26px}}@media(max-width:740px){header{height:78px}.brand{font-size:22px}.brand span{display:none}nav{gap:16px;font-size:11px}.open{display:none}.hero{grid-template-columns:1fr;padding-top:38px}.hero h1{font-size:42px}.intro{font-size:14px}.hero-art{min-height:360px}.hero-meta{margin:25px 0 10px}.code{top:65px}.hello{bottom:80px}.s1{top:65px}.s2{bottom:70px}.slime{transform:scale(.85) rotate(-7deg)}.section-head{display:block}.section-head>p{margin-top:16px}h2{font-size:27px}.game-grid{grid-template-columns:1fr;gap:24px}.cover{height:250px}.game-body{padding:24px}.game h3{font-size:25px}.game p{min-height:0;font-size:14px}.game h3 small{display:inline-block;margin-left:8px}.hint{font-size:11px}.qr-link img{width:76px;height:76px}.play-row .button{font-size:14px;padding:15px 20px}.story-link,.creator{font-size:12px}.game-note{line-height:1.8}.story{grid-template-columns:1fr}.story-visual{min-height:345px}.story-copy{padding:35px 26px}.story-copy p:not(.eyebrow){font-size:13px}.closing{padding:65px 24px}.closing h2{font-size:26px}.closing p{line-height:1.9}footer{padding:26px 24px;flex-wrap:wrap;gap:12px}footer>span{width:100%}.cap-one{left:25%;top:110px}.cap-two{right:25%;top:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Large QR codes below the play button on every screen. */
.play-row{flex-direction:column;align-items:stretch;gap:20px}
.play-row .button{flex:none;width:100%}
.qr-link{align-self:center;gap:9px;font-size:12px}
.qr-link img{width:176px;height:176px;padding:8px}