:root{--ink:#3B2C55;--ink-soft:#7A6C93;--paper:#FFF8F2;--paper-2:#FFE9E3;--line:#EAD9D3;--peach:#FF8A80;--peach-deep:#E0553E;--mint:#7ED9B2;--mint-deep:#2E9C78;--lemon:#FFD93D;--lemon-deep:#E0A700;--sky:#A8DCF5;--sky-deep:#3A8FD6;--white:#fff}*{box-sizing:border-box}.home{background:var(--paper);color:var(--ink);font-family:Sunflower,system-ui,-apple-system,sans-serif;line-height:1.7;overflow-x:hidden}.home .num,.home h1,.home h2,.home h3{font-family:Do Hyeon,system-ui,sans-serif;font-weight:400}.wrap{width:min(1040px,100% - 40px);margin-inline:auto}.home a:not(.cta){color:var(--sky-deep)}.hero{position:relative;padding:56px 0 44px;background:linear-gradient(180deg,#FFF3E8 0,var(--paper) 100%)}.hero-in{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:36px;gap:36px;align-items:center}.hero h1{font-size:clamp(38px,6vw,62px);margin:0 0 6px;letter-spacing:-.5px}.hero .lead{font-size:clamp(17px,2.2vw,20px);color:var(--ink);margin:0 0 18px;text-wrap:balance}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none}.tags li{background:var(--white);border:2px solid var(--line);border-radius:999px;padding:3px 13px;font-size:13px;color:var(--ink-soft)}.cta,.tags li{font-weight:700}.cta{display:inline-flex;align-items:center;gap:8px;background:var(--sky-deep);color:var(--white);text-decoration:none;border-radius:14px;padding:12px 22px;box-shadow:0 4px 0 rgba(59,44,85,.18)}.cta:hover{filter:brightness(1.06)}.cta.ghost{background:var(--white);color:var(--ink);border:2px solid var(--line);box-shadow:none}.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.device{width:min(320px,100%);aspect-ratio:3/4.35;margin-inline:auto;background:#2A1E40;border-radius:30px;padding:9px;box-shadow:0 18px 30px rgba(59,44,85,.24),inset 0 0 0 2px rgba(255,255,255,.08)}.screen{height:100%;border-radius:22px;overflow:hidden;background:linear-gradient(#BDE7FF,#8FD2FA);display:grid;grid-template-rows:auto 1fr auto}.hud{display:flex;align-items:center;gap:5px;margin:6px 6px 0;padding:5px 7px;border-radius:13px;background:#3B2C55;color:#fff;font-size:9px;line-height:1}.hud .pill{display:inline-flex;align-items:center;gap:4px;background:#fff;color:#3B2C55;border-radius:999px;padding:3px 7px 3px 3px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hud .pill b{font-size:7px;padding:2px 5px;border-radius:999px;font-weight:700}.hud .time b{background:#5FD4B4;color:#fff}.hud .score b{background:#FFD93D;color:#3B2C55}.hud .hearts{letter-spacing:1px;font-size:9px}.hud .icons{margin-left:auto;display:flex;gap:3px}.hud .icons i{width:13px;height:13px;border-radius:50%;background:#7A6C93;display:grid;place-items:center;font-size:6px;font-style:normal}.field{position:relative;overflow:hidden}.field .ck{position:absolute;width:42%;left:26%}.field .ck.far{width:30%;left:7%;top:2%;opacity:.72;transform:rotate(-7deg)}.field .ck.mid{width:30%;left:62%;top:13%;opacity:.78;transform:rotate(6deg)}.field .ck.now{top:32%;filter:drop-shadow(0 5px 6px rgba(59,44,85,.2))}.field .danger{position:absolute;left:0;right:0;bottom:22%;height:2px;background:#E0604F;box-shadow:0 0 7px rgba(255,138,122,.9)}.field .ground{position:absolute;left:-6%;right:-6%;bottom:0;height:20%;background:#46BE9C;border-radius:50% 50% 0 0/26% 26% 0 0}.field .yam{position:absolute;width:32%;left:34%;bottom:6%;filter:drop-shadow(0 4px 5px rgba(59,44,85,.2))}@media (prefers-reduced-motion:no-preference){.field .ck.now{animation:fall 4.2s ease-in infinite}.field .yam{animation:wait 4.2s ease-in-out infinite}}@keyframes fall{0%{top:-4%}70%,to{top:32%}}@keyframes wait{0%,60%{transform:translateX(0)}75%{transform:translateX(4%) scale(1.05,.95)}90%,to{transform:translateX(0)}}.keys{padding:7px;grid-gap:5px;background:rgba(255,255,255,.34)}.keys,.krow{display:grid;gap:5px}.krow{grid-template-columns:repeat(6,1fr);grid-gap:5px}.key{background:#fff;color:#3B2C55;border-radius:6px;text-align:center;padding:6px 0 5px;font-size:12px;font-weight:800;box-shadow:0 2px 0 #CFE1E8}.key.ok{background:#FF8A7A;color:#fff;font-size:9px;box-shadow:0 2px 0 #E0604F;display:grid;place-items:center}.caption{text-align:center;font-size:13px;color:var(--ink-soft);margin:12px 0 0}section{padding:46px 0}section h2{font-size:clamp(26px,3.4vw,34px);margin:0 0 6px}section .sub{color:var(--ink-soft);margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.card{background:var(--white);border:2px solid var(--line);border-radius:20px;padding:24px}.card h3{font-size:23px;margin:0 0 8px}.card p{margin:0 0 14px}.card .facts{margin:0;padding:0;list-style:none;display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--ink-soft)}.card .facts b{color:var(--ink);font-weight:700}.tape{display:inline-block;font-size:13px;font-weight:700;padding:2px 12px;border-radius:999px;margin-bottom:10px}.tape.game{background:var(--lemon);color:#6B4E00}.tape.study{background:var(--sky);color:#17456F}.class{background:var(--paper-2)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-bottom:22px}.step{background:var(--white);border-radius:20px;padding:22px;border:2px solid var(--line)}.step .num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint-deep);color:var(--white);font-size:21px;margin-bottom:10px}.step h3{font-size:20px;margin:0 0 6px}.step p{margin:0;font-size:15px;color:var(--ink-soft)}.joincode{font-family:Do Hyeon,monospace;font-size:30px;letter-spacing:7px;background:var(--lemon);color:var(--ink);padding:4px 14px 2px;border-radius:12px;display:inline-block}.fair{display:flex;gap:14px;align-items:flex-start;background:var(--white);border:2px dashed var(--mint);border-radius:20px;padding:20px 22px}.fair .mark{font-size:26px;line-height:1.2}.fair p{margin:0}.friends{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));grid-gap:14px;gap:14px}.friend{background:var(--white);border:2px solid var(--line);border-radius:18px;padding:14px 8px 12px;text-align:center}.friend svg{width:62px;height:62px}.friend .name{font-weight:700;font-size:15px}.friend .table{font-size:12px}.foot,.friend .table{color:var(--ink-soft)}.foot{border-top:2px solid var(--line);padding:30px 0 50px;font-size:14px;background:var(--paper)}.foot a{font-weight:700}.foot details{margin-top:16px}.foot summary{cursor:pointer;font-weight:700;color:var(--ink)}.foot ul{margin:12px 0 0;padding-left:18px;display:grid;grid-gap:5px;gap:5px}.foot code{background:var(--white);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:13px}@media (max-width:760px){.hero{padding-top:34px}.hero-in{grid-template-columns:1fr}.device{max-width:280px}}