:root{font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#244c43;background:#f3f5ef;font-synthesis:none;-webkit-tap-highlight-color:transparent;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-appearance:none;appearance:none;touch-action:manipulation}button:focus-visible{outline:3px solid #347f68;outline-offset:4px}button:disabled{cursor:default}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}.layout{display:flex;align-items:center;gap:clamp(48px,6vw,100px);position:relative;z-index:1;padding:16px 30px}.intro{width:302px;flex-shrink:0}.lab-label{font-size:10px;letter-spacing:2.3px;font-weight:700;display:flex;align-items:center;gap:10px}.lab-dot{width:9px;height:9px;border-radius:3px;background:#78ae94;transform:rotate(-15deg)}.edition{opacity:.4;margin-left:9px}.intro h1{font-family:Georgia,Times New Roman,serif;font-weight:500;font-size:52px;letter-spacing:-2.4px;line-height:1.12;margin:34px 0 20px;color:#254e43}.intro h1 em{color:#70a286}.intro-copy{font-size:13px;line-height:1.9;color:#789087;margin:0 0 34px;letter-spacing:.7px}.intro-rule{display:flex;align-items:flex-start;gap:17px;margin:20px 0}.rule-no{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d2e0d5;border-radius:10px;color:#86a493;font-size:10px;font-weight:700;flex-shrink:0}.intro-rule strong{font-size:12px;font-weight:650;letter-spacing:.5px}.intro-rule p{font-size:11px;margin:5px 0 0;line-height:1.7;color:#869a8f}.stage-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.5px;margin:31px 0 12px;color:#7c9386}.desktop-stages{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.stage-dot{width:100%;aspect-ratio:1;border-radius:10px;font-size:10px;background:#e6ede3;color:#7b9284;transition:.2s}.stage-dot.current{background:#315f4e;color:#fff;box-shadow:0 3px 8px #315f4e22}.stage-dot.done:not(.current){background:#d5e5ce;color:#416746}.stage-dot:hover{transform:translateY(-2px)}.keyboard-note{margin-top:25px;color:#8ea093;font-size:10px;display:flex;align-items:center;gap:7px}.keyboard-note kbd{font-family:inherit;font-size:9px;border:1px solid #dbe5d9;border-bottom-width:2px;border-radius:4px;padding:3px 5px;margin-left:7px}.keyboard-note kbd:first-child{margin-left:0}.offline-note{margin-top:24px;font-size:9px;letter-spacing:1px;color:#9cafa0;display:flex;align-items:center;gap:6px}.offline-note span{width:5px;height:5px;border-radius:50%;background:#8bb59b}.desktop-orbit{position:fixed;pointer-events:none;border:1px solid #d6e3d780;border-radius:50%;width:800px;height:800px}.orbit-a{left:-560px;top:-280px}.orbit-b{right:-520px;bottom:-310px;border-width:60px;border-color:#e5ecdf44}.play-shell{width:min(430px,calc((100svh - 34px)*.477778));aspect-ratio:430/900;position:relative;border-radius:32px;overflow:hidden;isolation:isolate;background:#eaf3ee;box-shadow:0 32px 80px #385b4520,0 5px 16px #28433112,0 0 0 1px #fff,0 0 0 7px #fbfcf899;container-type:inline-size;user-select:none;-webkit-user-select:none;flex-shrink:0}#scene{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:manipulation}.interface{position:absolute;inset:0;pointer-events:none}.interface button{pointer-events:auto}.topbar{position:absolute;left:6%;right:5.7%;top:3.05%;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:4.8cqw;font-weight:800;letter-spacing:-.8px;display:flex;align-items:center;gap:9px}.wordmark-light{font-weight:500;color:#6d8b7b}.mini-brand{display:inline-flex;position:relative;width:27px;height:24px}.mini-brand i{position:absolute;width:12px;height:12px;border-radius:4px;background:#f7d46f;left:0;top:0;transform:rotate(-13deg);box-shadow:0 2px #bc9a49}.mini-brand i:nth-child(2){left:13px;top:2px;background:#78cfcd;box-shadow:0 2px #469b9a;transform:rotate(14deg)}.mini-brand i:nth-child(3){left:6px;top:12px;background:#f09cab;box-shadow:0 2px #bc7281;transform:rotate(5deg)}.top-actions{display:flex;gap:7px}.icon-button{width:8cqw;height:8cqw;display:grid;place-items:center;border-radius:50%;background:#fff9;color:#56796a;transition:transform .15s,background .15s}.icon-button svg{width:4.7cqw;height:4.7cqw}.icon-button:hover{background:#fff;transform:translateY(-1px)}.icon-button.muted{opacity:.55}.icon-button.muted .sound-wave{display:none}.level-bar{position:absolute;left:6.2%;right:6.2%;top:9.25%;display:flex;align-items:center;gap:16px}.level-button{background:none;padding:0;text-align:left;line-height:1}.overline{font-size:2.8cqw;letter-spacing:1.8px;font-weight:650;display:flex;align-items:center;gap:5px}.overline b{font-size:6.6cqw;letter-spacing:-1.3px;font-weight:850;margin-left:2px}.overline svg{width:3cqw;height:3cqw;margin-left:3px;opacity:.6}.level-title{display:block;font-size:2.45cqw;color:#7b9486;letter-spacing:.7px;margin-top:7px}.progress-wrap{margin-left:auto;min-width:21%;max-width:25%;flex:1}.fit-label{font-size:1.9cqw;letter-spacing:.8px;color:#88a192;display:flex;align-items:center;justify-content:space-between;gap:6px;white-space:nowrap}.fit-label strong{font-size:2.65cqw;font-weight:750;letter-spacing:.1px;color:#3b6353}.progress-track{display:block;margin-top:8px;height:5px;background:#d5e4d6;border-radius:4px;overflow:hidden}.progress-track i{display:block;height:100%;background:#65967c;width:0;border-radius:4px;transition:width .35s}.coin-pill{display:flex;align-items:center;gap:6px;border-radius:13px;background:#fff9;padding:6px 9px 6px 6px;font-weight:750;font-size:3.2cqw}.coin-icon{width:21px;height:21px;border-radius:50%;background:linear-gradient(#f8e396,#eabc55);box-shadow:0 2px #c5a053,inset 0 0 0 2px #f3d478;display:grid;place-items:center;font-weight:900;color:#aa7d30;font-size:11px;font-style:italic}.buffer-header{position:absolute;top:51.55%;left:5.2%;width:65%;display:flex;align-items:center;justify-content:space-between;font-size:2.65cqw;font-weight:650;color:#4e7663;letter-spacing:.5px}.tiny-help{font-size:1.9cqw;letter-spacing:1px;color:#92aa96;margin-left:6px;font-weight:600}#buffer-count{font-size:2.8cqw;font-weight:800}#buffer-count i{font-style:normal;opacity:.45;font-weight:500}.buffer-header.warning{color:#be795a}.spin-button{position:absolute;left:77.5%;top:54.05%;width:18%;height:8.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:21px;background:linear-gradient(150deg,#d6e884,#adcf5c);box-shadow:0 6px #78974c,0 9px 13px #56724320,inset 0 0 0 2px #eaf1bf;color:#35512b;transition:transform .1s,box-shadow .1s,filter .2s}.spin-button:before{content:"";position:absolute;inset:4px 5px 49%;background:linear-gradient(#ffffff45,#fff0);border-radius:16px;pointer-events:none}.spin-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 2px #78974c,0 3px 6px #56724320}.spin-label{display:flex;align-items:center;gap:3px;font-size:4.8cqw;font-weight:950;letter-spacing:-.9px}.spin-label svg{width:3.8cqw;height:3.8cqw;stroke-width:2.4}.spin-left{font-size:2.4cqw;background:#fff8;padding:2px 9px;border-radius:9px;min-width:41px;font-weight:700}.spin-button:disabled{background:linear-gradient(150deg,#d8e1cc,#c8d4bd);box-shadow:0 5px #a7b99c,inset 0 0 0 2px #e6edde;color:#87987b;filter:saturate(.5)}.spin-button.attention{animation:buttonBreathe 1.8s ease-in-out infinite}.status{position:absolute;left:5%;right:5%;top:63.85%;text-align:center;min-height:20px;font-size:2.65cqw;font-weight:500;color:#6b9079;letter-spacing:.15px;line-height:1.55;transition:color .2s}.status.warn{color:#bb7357}.board-label{position:absolute;left:11.5%;right:11.5%;top:67%;display:flex;justify-content:space-between;font-size:2.3cqw;color:#6f947e;letter-spacing:.6px}.remaining{opacity:.75;font-size:2.1cqw}.piece-buttons{position:absolute;inset:0;pointer-events:none}.piece-hit{position:absolute;background:transparent;border:0;border-radius:11px;padding:0;pointer-events:auto;touch-action:manipulation}.piece-hit:focus-visible{outline:2px solid #4b856d;outline-offset:0;background:#ffffff20}.piece-hit[aria-disabled=true]{cursor:default}.bottom-bar{position:absolute;left:6%;right:6%;bottom:.8%;display:flex;align-items:center;justify-content:space-between;gap:5px}.text-button{display:flex;align-items:center;gap:4px;padding:3px;background:none;font-size:2.65cqw;color:#709780;white-space:nowrap}.text-button svg{width:3.4cqw;height:3.4cqw}.text-button:disabled{opacity:.35}.demo-tag{font-size:1.7cqw;letter-spacing:1.2px;color:#92b49b;white-space:nowrap}.modal-backdrop{position:absolute;inset:0;background:#193c3280;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);z-index:10;display:flex;align-items:center;justify-content:center;padding:7%;pointer-events:auto}.modal-backdrop[hidden]{display:none}.modal-card{background:#f8faf2;border:1px solid #fff9;border-radius:28px;padding:26px 24px 23px;width:100%;max-height:92%;overflow:auto;box-shadow:0 20px 60px #092b3638;animation:modalIn .25s ease both;outline:none;color:#2c5144;font-size:12px}.modal-eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#8ba38f;margin-bottom:12px}.modal-card h2{font-size:27px;letter-spacing:-.8px;margin:0 0 12px;font-weight:800;line-height:1.2}.modal-card .modal-description{color:#7c9483;font-size:11px;line-height:1.8;margin:0 0 20px}.modal-close{position:absolute;right:calc(7% + 16px);top:auto;background:#e7eee1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#7b9282}.modal-rule{display:flex;gap:11px;margin:15px 0;line-height:1.8;font-size:11px;color:#738b7a}.modal-rule .rule-index{font-size:10px;color:#3c6e56;font-weight:700;background:#e4eede;border-radius:8px;min-width:25px;height:25px;display:grid;place-items:center}.modal-rule strong{font-size:12px;display:block;color:#3c614e;margin-bottom:2px}.rule-note{padding:12px 13px;background:#eaf0e4;border-radius:12px;color:#84957e;font-size:9px;line-height:1.7;margin:17px 0}.modal-actions{display:flex;flex-direction:column;gap:9px;margin-top:19px}.primary-button,.secondary-button{border-radius:14px;min-height:44px;width:100%;padding:11px 16px;font-weight:700;font-size:13px;letter-spacing:.3px}.primary-button{background:#3f7158;color:#fff;box-shadow:0 3px #2e573f}.primary-button:hover{background:#487d61}.secondary-button{background:#e8efe1;color:#688262}.plain-button{background:transparent;color:#8ba080;font-size:11px;padding:8px}.result-card{text-align:center}.result-stars{display:flex;justify-content:center;gap:8px;color:#dfb150;font-size:30px;margin:18px 0 15px;filter:drop-shadow(0 2px 0 #c8a349)}.result-stars span:nth-child(2){font-size:43px;margin-top:-10px}.reward-display{margin:21px auto 17px;display:flex;align-items:center;justify-content:center;gap:12px;width:max-content}.reward-coin{width:61px;height:61px;border-radius:50%;background:linear-gradient(140deg,#fbe9a1,#e9b849);border:4px solid #ffe9a0;box-shadow:0 6px #c79538,inset 0 0 0 2px #ddb04a;display:grid;place-items:center;color:#bc8c2e;font-size:29px;font-weight:850;font-style:italic;transform:rotate(-14deg)}.reward-value{font-size:48px;font-weight:800;color:#496c49;letter-spacing:-2px}.reward-label{font-size:10px;letter-spacing:1px;color:#8aa080}.stats-row{display:flex;justify-content:center;gap:28px;border-top:1px solid #e1e9da;border-bottom:1px solid #e1e9da;padding:16px 0;margin:20px 0 9px}.stat{font-size:9px;color:#8b9f86;display:flex;flex-direction:column;gap:5px}.stat strong{font-size:18px;color:#56734c}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:18px 0}.level-card{text-align:left;border-radius:14px;background:#e8efdf;padding:13px 11px;position:relative}.level-card.active{background:#d5e3c8;box-shadow:inset 0 0 0 1px #a7bf92}.level-card .num{font-size:22px;font-weight:800;letter-spacing:-1px;color:#496c46}.level-card .name{display:block;font-size:10px;margin-top:4px;color:#7c9471}.level-card .done{position:absolute;right:10px;top:12px;font-size:13px;color:#75985c}.level-card .small{font-size:9px;display:block;color:#96a58b;margin-top:6px}.lose-illustration{font-size:47px;letter-spacing:3px;color:#c09a76;margin:18px 0 20px;line-height:1}.noscript{position:absolute;inset:0;background:#f4f7ee;display:grid;place-items:center;padding:30px;color:#385c48;font-size:15px}.button-shake{animation:shake .24s linear}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes buttonBreathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.09);transform:translateY(-2px)}}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(max-width:850px){.intro{display:none}.layout{gap:0;padding:12px}.desktop-orbit{display:none}}@media(max-width:600px){body{background:#eaf3ee}.layout{padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.play-shell{width:min(100vw,calc((100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom))*.477778));border-radius:0;box-shadow:none}.modal-card{font-size:12px;padding:23px 21px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}