@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--moki-ink: #30283f;--moki-muted: #62586b;--moki-paper: #f5f1e9;--moki-surface: #fffdf8;--moki-line: #d7cfda;--moki-plum: #514065;--moki-plum-light: #e7dff0;--moki-lime: #cbe18d;--moki-lime-light: #e9f1d3;--moki-coral: #d76c57;--moki-coral-light: #f7ddd5;--moki-blue: #467586;--moki-blue-light: #d7e7e9}:root{font-family:DM Sans,Noto Sans KR,system-ui,sans-serif;color:var(--moki-ink);background:var(--moki-paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}a:focus-visible{outline:3px solid var(--moki-coral);outline-offset:4px}.site-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.wordmark-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--moki-plum);color:var(--moki-lime);font-size:22px;font-weight:800;transform:rotate(-7deg)}.wordmark-text{display:flex;flex-direction:column;line-height:1.05}.wordmark-text strong{font-size:20px;letter-spacing:-.05em}.wordmark-text small{margin-top:4px;color:var(--moki-muted);font-size:10px;font-weight:700;letter-spacing:.16em}.header-right{display:flex;align-items:center;gap:18px}.header-link{color:var(--moki-muted);font-size:14px;font-weight:700;text-decoration:none}.header-link:hover{text-decoration:underline}.language-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--moki-line);border-radius:100px;background:var(--moki-surface)}.language-switch a{min-width:36px;padding:6px 8px;border-radius:100px;color:var(--moki-muted);font-size:12px;font-weight:800;text-align:center;text-decoration:none}.language-switch a[aria-current=page]{background:var(--moki-plum);color:#fff}.hero{position:relative;display:flex;align-items:center;min-height:clamp(210px,25vw,280px);overflow:hidden;border-radius:28px;background:var(--moki-plum-light) url(/art/moki-forest.webp) center / cover no-repeat;box-shadow:0 10px 30px #30283f14}.hero-copy{z-index:1;width:min(52%,520px);padding:clamp(24px,5vw,64px)}.hero h1{margin:0;color:var(--moki-ink);font-size:clamp(34px,5vw,61px);font-weight:800;line-height:1.12;letter-spacing:-.065em;text-wrap:balance}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:34px 0 20px}.section-head h2{margin:0;font-size:clamp(23px,3vw,32px);letter-spacing:-.055em}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.game-card{display:grid;grid-template-columns:minmax(0,1fr) 42%;min-height:232px;overflow:hidden;border:1px solid var(--moki-line);border-radius:22px;background:var(--moki-surface);text-decoration:none;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #30283f1a}.card-copy{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:27px}.card-tag{color:var(--moki-plum);font-size:12px;font-weight:800}.card-copy h3{margin:8px 0;font-size:clamp(22px,2.5vw,30px);letter-spacing:-.055em}.card-copy p{margin:0;color:var(--moki-muted);font-size:14px;line-height:1.6}.card-cta{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:var(--moki-plum);font-size:13px;font-weight:800}.card-cta:after{content:"→";font-size:18px;line-height:1}.card-art{display:grid;place-items:center;padding:18px}.sudoku-art{background:var(--moki-lime-light)}.slide-art{background:var(--moki-blue-light)}.sudoku-mini{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,174px);aspect-ratio:1;gap:2px;padding:5px;border:3px solid var(--moki-plum);border-radius:10px;background:var(--moki-plum);transform:rotate(-7deg);box-shadow:0 9px 12px #30283f26}.sudoku-mini span{display:grid;place-items:center;border-radius:2px;background:var(--moki-surface);color:var(--moki-ink);font-size:clamp(20px,3vw,30px);font-weight:700}.slide-mini{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,174px);aspect-ratio:1;gap:6px;padding:9px;border-radius:15px;background:var(--moki-blue);transform:rotate(6deg);box-shadow:0 9px 12px #30283f26}.slide-mini span{display:grid;place-items:center;border-radius:8px;background:var(--moki-surface);color:var(--moki-ink);font-size:clamp(20px,3vw,30px);font-weight:800}.slide-mini span:last-child{background:var(--moki-plum)}.merge-art{background:var(--moki-coral-light)}.merge-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:min(100%,166px);aspect-ratio:1;padding:8px;border-radius:15px;background:var(--moki-plum);transform:rotate(-5deg);box-shadow:0 9px 12px #30283f26}.merge-mini span{display:grid;place-items:center;border-radius:7px;background:var(--moki-plum-light);color:var(--moki-ink);font-size:clamp(22px,3vw,32px);font-weight:800}.merge-mini span:nth-child(2){background:var(--moki-lime)}.merge-mini span:nth-child(3){background:var(--moki-blue);color:#fff}.merge-mini span:nth-child(4){background:var(--moki-coral);color:#fff}.site-footer{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding:26px 0 40px;border-top:1px solid var(--moki-line);color:var(--moki-muted);font-size:12px}.site-footer a{text-underline-offset:3px}@media(max-width:760px){.hero{min-height:260px;align-items:start;background-position:57% center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(#f5f1e9ef,transparent 70%)}.hero-copy{width:min(100%,440px)}.game-grid{grid-template-columns:1fr}}@media(max-width:440px){.site-wrap{width:min(100% - 28px,1160px)}.site-header{min-height:68px}.wordmark-text strong{font-size:18px}.header-link{display:none}.hero{min-height:230px;border-radius:20px;background-color:var(--moki-paper);background-size:cover;background-position:65% center}.hero:before{background:linear-gradient(#f5f1e9ef,transparent 75%)}.hero-copy{padding:29px 24px}.hero h1{font-size:37px}.section-head{margin-top:37px}.game-card{min-height:208px}.card-copy{padding:20px}.card-copy p{font-size:13px}.card-cta{margin-top:16px}.site-footer{flex-direction:column;gap:8px}}