*{box-sizing:border-box} :root{font-family:"Segoe UI","Malgun Gothic",sans-serif;color:#293329;background:#f8f9f2;font-synthesis:none}body{margin:0}button,a,canvas{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #7660c4;outline-offset:5px}button{touch-action:manipulation}header{height:86px;border-bottom:1px solid #daddd3;display:flex;align-items:center;gap:30px;padding:0 max(5%,calc((100vw - 1200px)/2));background:#fffef9}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:inherit;white-space:nowrap}.brandmark{background:#bcf275;border:2px solid #293329;border-radius:11px;font-size:30px;width:42px;height:42px;display:grid;place-items:center}.tag{font-size:11px;letter-spacing:1.4px;margin-left:10px;border-left:1px solid #bbc0b4;padding-left:17px}.header-note{font-size:14px;color:#78806e;margin-left:auto}.sound{font-size:14px;border:1px solid #cbd1c1;background:transparent;border-radius:30px;padding:10px 17px;white-space:nowrap}main{max-width:1200px;margin:auto;padding:42px 30px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow,.label{font-size:12px;letter-spacing:1.6px;font-weight:800;color:#76816b}.eyebrow{color:#607947}h1{font-size:40px;letter-spacing:-1.8px;margin:10px 0 12px;font-weight:900}h1 span{color:#6d9e38}p{line-height:1.75}.intro p{margin:0;font-size:16px;color:#7b8073}.stamp{font-size:17px;line-height:1.1;font-weight:900;letter-spacing:1px;border:2px solid #293329;border-radius:50%;width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e5eacb;transform:rotate(12deg);box-shadow:4px 4px 0 #293329}.stamp span{font-size:26px;margin-top:4px}.tabs{display:flex;gap:10px;margin-bottom:25px}.tabs button{background:#eeeee5;border:1px solid #d6dacd;border-radius:13px;padding:16px 24px;display:flex;align-items:center;gap:10px;font-weight:800}.tabs button[aria-pressed=true]{background:#bcf275;border-color:#293329;box-shadow:3px 3px 0 #293329}.tabs button>span{font-size:23px}.tabs small{font-weight:400;color:#657059;font-size:13px;margin-left:16px}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.game-layout[hidden]{display:none}.game-card,.shop-card{border:1px solid #cbd2c1;border-radius:20px;background:#fffef9}.game-card{padding:26px 30px 25px;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:23px;letter-spacing:-.8px;margin:6px 0 0}.pill{font-size:12px;background:#eef5e5;border:1px solid #d6e1c9;border-radius:30px;padding:7px 11px;white-space:nowrap}.score-row{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.score-row strong{display:block;font-size:49px;line-height:1.2;letter-spacing:-2px;font-variant-numeric:tabular-nums}.rate{text-align:right;display:flex;flex-direction:column;gap:5px}.rate b{font-size:25px;color:#68943a}.rate span{font-size:12px;color:#77806d}.click-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(#cbd4bf 1px,transparent 1px);background-size:19px 19px;border-radius:16px;margin:20px 0 22px;padding:19px 10px 18px;min-height:300px;overflow:hidden}.tiny-label{font-size:11px;color:#81916d;letter-spacing:2px;font-weight:800;margin-bottom:15px}#click-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:192px;height:192px;border-radius:50%;background:#bcf275;border:3px solid #293329;box-shadow:0 9px 0 #293329;transition:transform .1s,box-shadow .1s;user-select:none}#click-button:active,#click-button.pressed{transform:translateY(7px);box-shadow:0 2px 0 #293329}#click-button svg{width:66px;height:66px;color:#fffef9;transform:rotate(-8deg)}#click-button>span{font-size:26px;letter-spacing:1px;font-weight:950;margin-top:5px}.click-stage p{font-size:12px;color:#7c8573;margin:25px 0 0}kbd{font:inherit;border:1px solid #bcc6b1;border-radius:4px;padding:2px 5px;background:#fffef9}.orbit{position:absolute;font-size:40px;color:#879f5d;transform:rotate(12deg)}.orbit-one{left:14%;top:35%}.orbit-two{right:13%;top:61%;font-size:27px;color:#bf8b9e}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:#78816c;margin-bottom:9px}.progress-label b{color:#46533c}progress{display:block;width:100%;height:8px;border:0;border-radius:10px;overflow:hidden;background:#edf0e5}progress::-webkit-progress-bar{background:#edf0e5}progress::-webkit-progress-value{background:#a7d866;border-radius:10px}progress::-moz-progress-bar{background:#a7d866}.shop-card{padding:25px 22px}.shop-card h2{font-size:21px}.shop-card>p{font-size:14px;color:#7e8575;margin:10px 0 24px}.upgrade{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:16px 10px;border:1px solid #cbd2c1;border-radius:13px;margin:12px 0;background:#fffef9;transition:background .15s}.upgrade:hover:enabled{background:#f0f6e7}.upgrade:disabled{cursor:not-allowed;opacity:.58}.item-icon{display:grid;place-items:center;width:44px;height:44px;font-size:27px;flex-shrink:0;border-radius:11px;border:1px solid #c0b4b7}.pink{background:#f8dce6}.blue{background:#dde7fb}.item-copy{display:flex;flex:1;flex-direction:column;gap:6px}.item-copy b{font-size:14px}.item-copy b small{font-size:11px;color:#777f6e;font-weight:400}.item-copy>small{font-size:12px;color:#828776}.item-copy strong{font-size:14px}.buy-symbol{border:1px solid #cbd2c1;border-radius:50%;width:22px;height:22px;text-align:center;line-height:19px}.auto-status{margin-top:21px;padding-top:19px;border-top:1px dashed #d3d8c8;display:flex;justify-content:space-between;font-size:12px;color:#7b8470}.auto-status b{color:#577a37}.tip-card{margin-top:20px;padding:23px 26px;background:#ecf1d9;border-radius:17px;position:relative;overflow:hidden}.tip-card>span{font-size:12px;letter-spacing:1px;font-weight:800;color:#6e8050}.tip-card p{font-size:17px;line-height:1.8;margin:13px 0 0;letter-spacing:-.5px}.tip-card:after{content:"✳";font-size:100px;position:absolute;right:-16px;bottom:-37px;color:#dce5bf;transform:rotate(15deg)}footer{margin-top:29px;display:flex;justify-content:space-between;font-size:12px;color:#8b9281;gap:20px}.pink-pill{background:#fbe7f0;border-color:#efd3df}.wax-stats{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:14px;color:#7c8274}.wax-stats b{font-size:22px;color:#bc678e;margin-left:10px}.small-button{background:#fffef9;border:1px solid #d2d5c9;border-radius:8px;padding:8px 11px;font-size:12px}.wax-stage{margin-top:13px;border-radius:15px;background:radial-gradient(#e1d9dd 1px,transparent 1px),#faf5f7;background-size:19px 19px;position:relative}canvas{display:block;width:100%;height:auto;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.wax-stage p{position:absolute;bottom:10px;left:0;right:0;text-align:center;pointer-events:none;font-size:13px;color:#9a7e8a;margin:0}.wax-card progress{margin-top:20px}.wax-card progress::-webkit-progress-value{background:#e3a1bd}.colors{display:flex;gap:16px;margin-bottom:15px}.swatch{width:43px;height:43px;background:var(--swatch);border-radius:50%;border:3px solid #fffef9;outline:1px solid #d3d5cb}.swatch.selected{outline:2px solid #293329;box-shadow:inset 0 0 0 3px #fffef9}#color-name{font-size:14px}.divider{height:1px;background:#e1e3d7;margin:24px 0}.instruction{display:flex;gap:14px;margin-top:16px;font-size:14px}.instruction>span{font-size:12px;border:1px solid #d7dace;border-radius:50%;height:25px;width:25px;display:grid;place-items:center;color:#808b72;flex-shrink:0}.instruction p{margin:0;font-size:13px;color:#838778;line-height:1.9}.instruction b{font-size:14px;color:#3c4633}.lavender{background:#eeebfa}.lavender>span{color:#8f7aa9}.lavender:after{color:#dfd7ee}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#293329;color:white;padding:12px 22px;border-radius:30px;opacity:0;pointer-events:none;transition:.2s;font-size:14px;z-index:10}#toast.visible{opacity:1;transform:translate(-50%,0)}.float-point{position:absolute;pointer-events:none;color:#4f7b28;font-size:25px;font-weight:900;animation:float .7s ease-out forwards;z-index:2}@keyframes float{to{transform:translateY(-80px);opacity:0}}@media(min-width:1300px){main{padding-top:48px}}@media(max-width:900px){.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}main{padding:30px 22px}.game-card{padding:24px 20px}.shop-card{padding:24px 17px}.tag{display:none}.header-note{display:none}.sound{margin-left:auto}.tabs small{display:none}h1{font-size:35px}.colors{gap:12px}.swatch{width:38px;height:38px}.orbit-one{left:7%}.orbit-two{right:7%}}@media(max-width:680px){header{height:70px;padding:0 19px}.brand{font-size:22px}.brandmark{width:35px;height:35px;font-size:26px}.sound{font-size:12px;padding:8px 12px}main{padding:28px 16px 20px}.eyebrow{font-size:10px}h1{font-size:31px}.intro{margin-bottom:25px}.intro p{font-size:14px;max-width:270px}.stamp{width:70px;height:70px;font-size:12px;box-shadow:3px 3px 0}.stamp span{font-size:18px}.tabs button{flex:1;justify-content:center;padding:12px 16px}.game-layout{grid-template-columns:1fr}.game-card{padding:22px 20px}aside{display:grid;grid-template-columns:1fr}.tip-card{display:none}.card-top .pill{font-size:10px}.score-row strong{font-size:44px}.click-stage{min-height:290px}.shop-card h2{font-size:20px}.shop-card>p{margin-bottom:15px}.upgrade{padding:13px 14px}.shop-card{padding:22px}.colors{gap:18px}.swatch{width:44px;height:44px}.instruction{display:inline-flex;vertical-align:top;width:100%;margin-top:10px}.wax-stage p{font-size:12px;bottom:7px}footer{font-size:11px;flex-direction:column;gap:7px;margin-top:24px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}
.header-controls{display:flex;gap:8px;margin-left:auto}.header-controls .sound{margin-left:0}.sound:disabled{opacity:.5;cursor:not-allowed}@media(max-width:680px){header{gap:12px}.header-controls{gap:6px}.header-controls .sound{padding:8px 9px;font-size:12px}.brand{font-size:20px;gap:7px}}@media(max-width:360px){header{padding:0 12px}.brand{font-size:18px}.header-controls .sound{padding:8px 7px}}

html{scroll-behavior:smooth;scroll-padding-top:24px}
.skip-link{position:absolute;left:16px;top:-100px;background:#293329;color:#fff;padding:14px 20px;border-radius:8px;z-index:20}.skip-link:focus{top:12px}
.site-nav{display:flex;flex-wrap:wrap;gap:10px 24px;padding:16px max(5%,calc((100vw - 1200px)/2));border-bottom:1px solid #daddd3;background:#fffef9}
.site-nav a{font-size:14px;font-weight:700;text-decoration:none;color:#4f6140;padding:5px 0}.site-nav a:hover,.guide-card a:hover{ text-decoration:underline}
.content-section{margin-top:55px;padding-top:35px;border-top:1px solid #d4dacb}
.section-heading{margin-bottom:25px}.section-heading h2{font-size:28px;margin:10px 0}.section-heading p{font-size:16px;color:#59654e}
.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.guide-card,.control-guide,.data-card{padding:28px;background:#fffef9;border:1px solid #cbd2c1;border-radius:18px}
.guide-number{font-size:14px;letter-spacing:1px;font-weight:800;color:#667e48}
.content-section h3{font-size:21px;letter-spacing:-.5px;margin:16px 0}.content-section h4{font-size:17px;margin:24px 0 8px}
.content-section p{font-size:16px;line-height:1.9;color:#505d46;overflow-wrap:anywhere}
.content-section a{color:#4a682d;font-weight:700;text-underline-offset:4px;line-height:1.8}
.guide-card .detail-note{font-size:14px;color:#637257}
.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px;margin:20px 0}caption{text-align:left;font-size:14px;margin-bottom:12px;color:#5e6d52}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #d7ddcc}thead{background:#edf4e2}
.control-guide{margin-top:24px;background:#eef3e4}.control-guide h3{margin-top:0}
.faq-list{border:1px solid #cbd2c1;border-radius:16px;background:#fffef9;overflow:hidden}
details+details{border-top:1px solid #dce1d3}summary{font-size:16px;font-weight:700;line-height:1.65;padding:20px 24px;cursor:pointer}details p{padding:0 24px 8px;margin-top:0;max-width:880px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.data-card{background:#edf0e8;align-self:start}.data-card h3{margin-top:0}
.site-footer{flex-wrap:wrap;padding-top:22px;border-top:1px solid #d4dacb;font-size:14px;color:#627054}.site-footer a{color:#4a682d}
.label,.pill,.progress-label,.rate span,.click-stage p,.auto-status,.item-copy>small,.item-copy b small,.small-button,.instruction p,.wax-stage p,.tabs small{font-size:14px}
.label,.progress-label,.rate span,.click-stage p,.shop-card>p,.item-copy>small,.auto-status,.instruction p,.wax-stage p{color:#5b684f}
.sound{min-height:44px}.upgrade:disabled{opacity:1;background:#f3f3ed}.upgrade:disabled .buy-symbol{opacity:.5}
.tabs button{min-height:50px}.swatch{min-width:44px;min-height:44px}
header{height:auto;min-height:86px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}.header-controls{flex-wrap:wrap}.card-top{flex-wrap:wrap}
@media(max-width:900px){.game-layout{grid-template-columns:minmax(0,1fr) 290px}.colors{gap:12px}}
@media(max-width:760px){.game-layout,.guide-grid,.about-grid{grid-template-columns:1fr}.game-card,.shop-card{padding:22px}.site-nav{padding:12px 18px;gap:9px 20px}.guide-card,.control-guide,.data-card{padding:22px}.content-section{margin-top:36px;padding-top:26px}.content-section h2{font-size:25px}.header-note{display:none}.section-heading p,.intro p{font-size:16px}.site-footer{font-size:14px}}
@media(max-width:680px){.header-controls .sound{font-size:14px}.label,.pill,.progress-label,.rate span,.click-stage p,.auto-status,.item-copy>small,.item-copy b small,.small-button,.instruction p,.wax-stage p,.card-top .pill{font-size:14px}.tabs{flex-wrap:wrap}.tabs button{min-width:135px}.colors{flex-wrap:wrap}.wax-stage p{position:static;padding:0 8px 14px;line-height:1.7}.stamp{flex-shrink:0}.game-card{min-width:0}.intro{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}