:root{--ink:#173f39;--muted:#648078;--paper:#f5f4e9;--lime:#d9f678;--green:#338d6d;--border:#dbe1ce;--shadow:0 8px 0 #173f3910;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);overscroll-behavior:none}body{touch-action:none}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible{outline:4px solid #ee8f43;outline-offset:3px}button:active{transform:translateY(2px)}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none}.hidden{display:none!important}.screen{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;padding:18px 24px 14px;max-width:580px;margin:auto}.screen button{pointer-events:auto}.topline{display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;gap:7px;align-items:center;font-size:10px;font-weight:800;letter-spacing:1.8px}.wordmark i{width:11px;height:11px;border-radius:3px;background:var(--green);transform:rotate(-12deg)}.icon-btn{width:46px;height:46px;border:1px solid #173f3915;background:#fffdf1e8;border-radius:16px;font-size:24px;display:grid;place-items:center;box-shadow:0 3px 0 #173f3907}.home-title{text-align:center;margin-top:14px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.2px}h1{font-size:clamp(43px,13vw,72px);line-height:.9;letter-spacing:-3.6px;font-weight:1000;margin:16px 0 12px;transform:rotate(-3deg)}h1 em{font-style:normal;color:#36876b;font-size:.87em}.home-title p{font-size:13px;color:#567368;margin:0}.home-bottom{margin-top:auto}.record{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:1.2px;margin:0 6px 12px;align-items:center}.record b{font-size:16px;margin-left:5px;letter-spacing:0}.coin-label{background:#fffcef;border:1px solid #e7dec0;border-radius:14px;padding:6px 10px;color:#98751d}.play-btn{width:100%;height:67px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--lime);border:2px solid var(--ink);border-radius:22px;box-shadow:0 5px 0 var(--ink);font-size:19px;font-weight:900;letter-spacing:.1px}.play-triangle{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid var(--ink)}.btn-arrow{margin-left:auto;font-size:28px;font-weight:400}.play-btn .play-triangle{margin-left:8px}.home-secondary{display:flex;gap:9px;margin-top:18px}.home-secondary button{background:#fffdf1d9;border:1px solid #d4dbca;border-radius:14px;min-height:48px;padding:0 13px;font-size:12px;font-weight:700}.home-secondary button:first-child{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px}.home-secondary button>span:first-child{font-size:20px}.footnote{text-align:center;font-size:8px;font-weight:700;letter-spacing:1.3px;margin:18px 0 1px;color:#59766c}.hud{position:absolute;inset:0;pointer-events:none;padding:16px 20px}.hud button{pointer-events:auto}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:580px;margin:auto}.score-box{min-width:100px}.score-box small{font-size:9px;letter-spacing:2px;font-weight:900;display:block}.score-box strong{display:block;font-size:36px;letter-spacing:-1.5px;line-height:1.15}.timer{padding:12px 22px;background:#fffdefee;border:1.5px solid #173f3922;border-radius:19px;font-size:25px;font-weight:900;font-variant-numeric:tabular-nums;box-shadow:0 4px 0 #173f3908}.timer.urgent{background:#ffd8bb;color:#923b1c}.growth{max-width:580px;margin:16px auto 0;padding:12px 14px;background:#fffdf1ef;border-radius:16px;box-shadow:0 4px 0 #173f3908}.growth-label{display:flex;justify-content:space-between;font-size:9px;font-weight:900;letter-spacing:1.1px;margin-bottom:8px}.bar{height:6px;border-radius:8px;background:#dee8d4;overflow:hidden}.bar i{height:100%;display:block;background:var(--green);border-radius:8px;transition:width .18s}.mission{margin:12px auto 0;display:flex;align-items:center;gap:8px;max-width:300px;padding:8px 12px;background:#fffdf0d9;border-radius:20px;font-size:11px}.mission b{margin-left:auto;font-size:10px}.mission-symbol{font-size:19px}.combo{position:absolute;left:0;right:0;text-align:center;bottom:155px;font-weight:900;font-size:16px;color:#215b48;text-shadow:0 2px #fff}.toast{position:absolute;left:18px;right:18px;top:34%;text-align:center;background:var(--ink);color:var(--lime);border-radius:20px;max-width:340px;padding:16px;font-size:18px;font-weight:900;margin:auto;box-shadow:0 5px 0 #173f3920}.control-hint{position:absolute;bottom:37px;left:0;right:0;text-align:center;font-size:9px;font-weight:900;letter-spacing:2px;color:#173f39b0}.finish-zen{position:absolute;bottom:66px;right:20px;background:#fffdefed;border-radius:15px;border:1px solid #173f3920;padding:12px;font-size:12px;font-weight:bold}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#173f395e;backdrop-filter:blur(7px);padding:20px;z-index:4;touch-action:pan-y}.panel{background:var(--paper);width:min(100%,410px);max-height:92%;overflow:auto;border-radius:30px;border:1px solid #fff8;padding:26px 24px;box-shadow:0 20px 80px #09282035}.panel h2{font-size:30px;line-height:1.05;letter-spacing:-1.1px;margin:7px 0 12px}.panel p{font-size:13px;line-height:1.6;color:#567368}.panel .eyebrow{color:#567368}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.close-btn{background:#e7eadc;border-radius:50%;height:36px;width:36px;font-size:23px}.primary,.secondary,.choice{display:block;width:100%;border-radius:16px;min-height:51px;padding:13px 16px;font-weight:800;font-size:14px;margin-top:12px}.primary{background:var(--lime);border:1.5px solid var(--ink);box-shadow:0 3px 0 var(--ink)}.secondary{background:#e5ebdc}.quiet{background:transparent;text-decoration:underline;width:100%;padding:15px;font-size:12px;color:#5e766d}.choice{text-align:left;border:1.5px solid #d4decb;background:#fffdf1;display:flex;gap:12px;align-items:center}.choice.selected{border-color:#2e8062;background:#e7f3cd}.choice small{display:block;font-weight:normal;font-size:11px;margin-top:5px;color:#5e766d}.choice .symbol{font-size:30px;min-width:34px}.choice .check{margin-left:auto;font-size:20px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:10px 0;border-bottom:1px solid #dbe1d0;font-size:14px;font-weight:700}.switch-row button{border-radius:30px;padding:9px 14px;min-width:69px;min-height:42px;background:var(--lime);font-size:12px;font-weight:bold}.switch-row button.off{background:#dde2d4}.score-result{text-align:center;margin:14px 0 20px}.score-result strong{font-size:76px;letter-spacing:-4px;line-height:1.1;display:block}.score-result small{letter-spacing:2px;font-size:10px;font-weight:bold}.result-stats{display:flex;gap:10px}.result-stats div{flex:1;text-align:center;background:#e6ebdb;border-radius:15px;padding:14px 3px}.result-stats b{display:block;font-size:23px}.result-stats small{font-size:9px;color:#537165}.medal{text-align:center;font-size:38px;margin:0;color:#c09c24}.tutorial-art{display:flex;align-items:center;justify-content:center;gap:16px;background:#e6eecf;border-radius:20px;padding:20px;margin:18px 0}.tutorial-art span{font-size:32px}.tutorial-art svg{width:75px;height:75px}.tutorial-steps{display:grid;gap:11px;margin:16px 0}.tutorial-steps div{display:flex;gap:12px;align-items:center;font-size:13px;line-height:1.4}.tutorial-steps b{display:grid;place-items:center;background:#e1ebd2;min-width:30px;height:30px;border-radius:50%}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.swatch{background:#fffdf2;border:2px solid #d9dfce;border-radius:20px;padding:16px 7px;min-height:120px}.swatch.selected{border-color:#338d6d;background:#e7f3cf}.swatch svg{width:55px;height:55px;display:block;margin:auto auto 5px}.swatch strong{display:block;font-size:12px}.swatch small{font-size:10px;color:#627b6a}.policy-copy{max-height:45vh;overflow:auto;touch-action:pan-y}.policy-copy h3{font-size:14px;margin-top:20px}.policy-copy p{font-size:12px}.error-note{color:#934725!important;font-size:11px!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px){.home-title{margin-top:25px}h1{font-size:78px}.home-bottom{width:410px;align-self:center}.home-title p{font-size:15px}.screen{padding-top:24px}.hud{padding-top:24px}}
@media(max-height:670px){.screen{padding:10px 20px}.home-title{margin-top:3px}h1{font-size:45px;margin:10px 0}.home-title p{font-size:11px}.play-btn{height:56px;font-size:17px}.home-secondary{margin-top:13px}.home-secondary button{min-height:42px}.footnote{margin-top:12px;font-size:7px}.record{margin-bottom:8px}.topline .icon-btn{height:39px;width:39px}.eyebrow{font-size:8px}.panel{padding:20px}.panel h2{font-size:25px}}
@media(orientation:landscape) and (max-height:600px){.screen{max-width:950px;padding:16px 30px}.home-title{text-align:left;position:absolute;top:72px;left:30px}.home-bottom{width:290px;position:absolute;right:30px;bottom:25px}.home-title h1{font-size:58px}.home-title .eyebrow{font-size:8px}.hud-top,.growth{max-width:440px}.mission{position:absolute;right:20px;bottom:16px;max-width:240px}.control-hint{bottom:20px}.panel{max-height:94%;width:450px}.score-result strong{font-size:45px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}