@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600&display=swap");*{box-sizing:border-box;padding:0;margin:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:root{--bg:#0f0d0a;--bg-subtle:#1a1714;--border:#2a2520;--text:#d4c8b8;--text-muted:#8a7a6a;--text-subtle:#5a4a3a;--accent:#c4b4a4}@media (prefers-color-scheme:light){:root{--bg:#f5f0ea;--bg-subtle:#e8e0d5;--border:#d8cfc2;--text:#3a3530;--text-muted:#6a6055;--text-subtle:#9a9085;--accent:#4a4035}}body,html{max-width:100vw;overflow:hidden;font-family:"Noto Serif SC",serif;background:var(--bg);color:var(--text)}.game-container,body,html{min-height:100vh;min-height:100dvh}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.game-header{text-align:center;margin-bottom:30px;z-index:10}.game-title{font-size:1.5rem;font-weight:300;letter-spacing:.5em;margin-bottom:8px;opacity:.9}.level-info{display:flex;flex-direction:column;align-items:center;gap:8px}.level-name{font-size:1.1rem;font-weight:400;letter-spacing:.3em;color:var(--text)}.level-number{font-size:.85rem;color:var(--text-muted);letter-spacing:.15em}.level-target{font-size:.75rem;color:var(--text-subtle);letter-spacing:.1em;margin-top:4px}.canvas-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.game-canvas{border-radius:8px;background:transparent;cursor:crosshair;border:none;box-shadow:inset 0 2px 8px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2)}.score-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:5}.score-value{font-size:3.5rem;font-weight:300;color:var(--text);font-family:"Noto Serif SC",serif;letter-spacing:.05em;transition:opacity .3s ease}.score-value.drawing{opacity:.4}.score-value.passed{opacity:1;animation:scoreReveal .5s ease}.score-value.failed{opacity:.6;animation:scoreReveal .5s ease}@keyframes scoreReveal{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.score-unit{font-size:1.5rem;font-weight:300;opacity:.5}.result-badge{font-size:.8rem;letter-spacing:.2em;margin-top:10px;padding:6px 16px;border-radius:20px;display:inline-block}.result-badge.passed{color:var(--text);border:1px solid var(--text-muted)}.result-badge.failed{color:var(--text-muted);border:1px solid var(--border)}.game-footer{margin-top:30px;text-align:center;z-index:10;min-height:80px}.hint-text{color:var(--text-muted);font-size:.85rem;font-weight:300;letter-spacing:.1em;line-height:1.8}.zen-quote{margin-top:15px;padding:0 20px;max-width:320px}.zen-text{font-size:.8rem;color:var(--text-subtle);font-weight:300;letter-spacing:.05em;line-height:2;font-style:italic}.zen-source{font-size:.7rem;color:var(--text-muted);margin-top:8px;opacity:.6}.action-button{background:transparent;border:1px solid var(--border);padding:14px 48px;color:var(--text);font-size:.85rem;font-weight:300;letter-spacing:.4em;cursor:pointer;transition:all .3s ease;font-family:"Noto Serif SC",serif}.action-button:hover{border-color:var(--text-subtle);background:var(--bg-subtle)}.action-button:active{opacity:.7}.button-group{display:flex;gap:20px;justify-content:center;margin-top:20px}.secondary-button{background:transparent;border:1px solid var(--border);padding:10px 30px;color:var(--text-muted);font-size:.85rem;font-weight:300;letter-spacing:.2em;cursor:pointer;transition:all .3s ease;font-family:"Noto Serif SC",serif}.secondary-button:hover{color:var(--text);border-color:var(--text-muted)}.intro-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.intro-content{text-align:center;max-width:360px;animation:fadeIn 1.5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.intro-circle{width:120px;height:120px;border:1px solid var(--border);border-radius:50%;margin:0 auto 50px;animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.05);opacity:.6}}.intro-title{font-size:2rem;font-weight:300;letter-spacing:.8em;margin-bottom:40px;margin-left:.8em}.intro-text{font-size:.9rem;color:var(--text-muted);line-height:2.5;margin-bottom:50px;font-weight:300;letter-spacing:.05em}.intro-quote{font-size:.85rem;color:var(--text-subtle);font-style:italic;margin-bottom:50px;line-height:2}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,.95);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .5s ease;padding:20px}.result-content{text-align:center;max-width:360px}.result-score{font-size:5rem;font-weight:300;margin-bottom:10px;letter-spacing:.05em}.result-unit{font-size:2rem;opacity:.5}.result-insight{font-size:1rem;color:var(--text-muted);margin-bottom:30px;font-weight:300;letter-spacing:.1em;line-height:2}.result-quote{font-size:.85rem;color:var(--text-subtle);font-style:italic;margin-bottom:40px;line-height:2;padding:0 20px}.transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:150;animation:fadeIn .8s ease;padding:20px}.transition-content{text-align:center;max-width:320px;display:flex;flex-direction:column;align-items:center}.transition-level{font-size:.75rem;color:var(--text-subtle);letter-spacing:.4em;margin-bottom:24px}.transition-name{font-size:2.2rem;font-weight:300;letter-spacing:.6em;margin-bottom:48px;margin-left:.6em}.transition-quote{font-size:.9rem;color:var(--text-muted);line-height:2;margin-bottom:12px;font-weight:300;padding:0 10px}.transition-source{font-size:.7rem;color:var(--text-subtle);margin-bottom:48px}.target-hint{letter-spacing:.15em;margin-bottom:24px}.comparison-hint,.target-hint{font-size:.75rem;color:var(--text-subtle)}.comparison-hint{margin-top:8px;letter-spacing:.1em;animation:fadeIn .5s ease}.progress-dots{display:flex;justify-content:center;gap:10px;margin-top:48px}.progress-dot{width:5px;height:5px;border-radius:50%;background:var(--border);transition:all .3s ease}.progress-dot.completed{background:var(--text-muted)}.progress-dot.current{background:var(--text);transform:scale(1.2)}.complete-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.complete-content{text-align:center;max-width:360px;animation:fadeIn 1.5s ease}.complete-circle{width:100px;height:100px;border:1px solid var(--text-muted);border-radius:50%;margin:0 auto 40px}.complete-title{font-size:1.5rem;font-weight:300;letter-spacing:.5em;margin-bottom:30px;margin-left:.5em}.complete-text{font-size:.9rem;color:var(--text-muted);line-height:2.5;margin-bottom:40px;font-weight:300}.complete-quote{font-size:.85rem;color:var(--text-subtle);font-style:italic;line-height:2;margin-bottom:50px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.breathing{animation:pulse 3s ease-in-out infinite}