@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap";:root{--bg: #FAF7F5;--surface: #FFFFFF;--primary: #8B6E6E;--primary-dark: #6B5454;--accent: #D4A5A5;--text: #3D2F2F;--text-muted: #6B5454;--border: #E8DDD8;--success: #5C8A4B;--warning: #A87C2C;--danger: #A03939;--radius: 20px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}body{margin:0;padding:0;box-sizing:border-box;font-family:"Noto Serif SC","Source Han Serif SC",思源宋体,Songti SC,STSong,serif;color:var(--text);background:radial-gradient(circle at 20% 30%,#8B6E6E1a 0%,transparent 50%),radial-gradient(circle at 80% 70%,#D4A5A515 0%,transparent 50%),var(--bg);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:400px;min-height:100vh;position:relative;padding:20px;box-sizing:border-box;text-align:center}.cloud-sync-badge{position:absolute;top:10px;right:10px;background-color:var(--surface);color:var(--text-muted);padding:5px 10px;border-radius:var(--radius);font-size:.8em;box-shadow:var(--shadow);z-index:10}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--bg);z-index:100;color:var(--text);font-size:1.2em}.spinner{border:4px solid rgba(var(--primary),.1);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.start-screen,.playing-screen,.gameover-screen,.shop-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:20px;padding:20px;box-sizing:border-box}.game-title{font-size:3em;font-weight:700;color:var(--primary-dark);margin-bottom:10px;text-shadow:var(--shadow)}.high-score-display{font-size:1.2em;color:var(--text-muted);margin-top:-10px}.start-button{background-color:var(--primary);color:var(--surface);padding:15px 30px;border:none;border-radius:var(--radius);font-size:1.5em;font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:background-color .3s ease,transform .1s ease}.start-button:hover{background-color:var(--primary-dark)}.instruction-text{font-size:1em;color:var(--text-muted)}.stats-panel{display:flex;justify-content:space-around;width:100%;background-color:var(--surface);padding:15px;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center;font-size:1.2em}.stat-label{color:var(--text-muted);font-size:.8em}.score-value{font-size:2.5em;font-weight:700;color:var(--primary);line-height:1}.combo-value{font-size:1.8em;font-weight:600;color:var(--accent);margin-left:5px}.mokugyo-container{position:relative;width:200px;height:120px;cursor:pointer;margin:40px auto;display:flex;justify-content:center;align-items:center}.mokugyo-image{width:100%;height:100%;object-fit:contain;position:absolute;z-index:1;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}.mokugyo-fallback{font-size:80px;position:absolute;z-index:1}.mokugyo-mallet{position:absolute;width:50px;height:100px;top:-60px;left:calc(50% - 25px);transform-origin:bottom center;transform:rotate(-15deg);transition:transform .1s ease-out;z-index:2}.mokugyo-container:active .mokugyo-mallet{transform:rotate(5deg) translateY(10px)}.mokugyo-glow{position:absolute;width:120%;height:120%;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);filter:blur(15px);z-index:0}.golden-halo{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#FFD700 0%,#FFA500 30%,transparent 70%);filter:blur(10px);z-index:3;pointer-events:none}.bottom-panel{display:flex;justify-content:space-around;align-items:center;width:100%;margin-top:20px}.control-button{background-color:var(--surface);color:var(--primary);border:none;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:var(--shadow);transition:background-color .3s ease}.control-button:hover{background-color:var(--border)}.gameover-title{font-size:2.5em;color:var(--primary-dark);margin-bottom:10px;text-shadow:var(--shadow)}.final-score,.final-high-score,.final-stats{font-size:1.3em;color:var(--text);margin-bottom:5px}.final-score .score-value,.final-high-score .score-value{font-size:1.5em;font-weight:700;color:var(--primary)}.save-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:var(--success);color:var(--surface);padding:10px 20px;border-radius:var(--radius);box-shadow:var(--shadow);z-index:100;font-size:.9em}.score-increase-animation{position:fixed;font-size:1.5em;font-weight:700;color:var(--accent);pointer-events:none;white-space:nowrap;z-index:50;transform:translate(-50%,-50%);text-shadow:1px 1px 2px rgba(0,0,0,.2)}.shop-screen{gap:15px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.shop-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px;position:sticky;top:0;background-color:var(--bg);padding:10px 0;z-index:10}.shop-title{font-size:2em;color:var(--primary-dark);text-shadow:var(--shadow);margin:0;flex-grow:1}.current-score-shop{display:flex;align-items:center;gap:5px;font-size:1.2em;color:var(--text-muted)}.current-score-shop .score-value{font-size:1.5em;font-weight:700;color:var(--primary)}.skin-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;width:100%}.skin-item{background-color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s ease;border:2px solid transparent}.skin-item.owned{border-color:var(--primary)}.skin-item.equipped{border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.skin-preview{width:100px;height:100px;border-radius:50%;background-color:var(--border);display:flex;justify-content:center;align-items:center;overflow:hidden}.skin-image{width:100%;height:100%;object-fit:contain}.skin-fallback-emoji{font-size:50px}.skin-name{font-size:1.2em;font-weight:600;color:var(--primary-dark);margin:0}.skin-status{display:flex;align-items:center;gap:5px;font-size:.9em;color:var(--text-muted)}.equipped-status{color:var(--success);font-weight:600}.skin-button{background-color:var(--primary);color:var(--surface);padding:8px 15px;border:none;border-radius:var(--radius);font-size:.9em;font-weight:600;cursor:pointer;box-shadow:var(--shadow);transition:background-color .3s ease,transform .1s ease;display:flex;align-items:center;gap:5px}.skin-button.equip-button{background-color:var(--accent)}.skin-button:hover{background-color:var(--primary-dark)}.skin-button.equip-button:hover{background-color:#c08f8f}.purchase-message{font-size:1em;padding:10px 15px;border-radius:var(--radius);margin-bottom:15px;font-weight:600}.purchase-message.success{background-color:var(--success);color:var(--surface)}.purchase-message.warning{background-color:var(--warning);color:var(--surface)}.zen-decorations{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.lotus-decoration{position:absolute;width:80px;height:80px;opacity:.4;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.lotus-1{top:15%;left:5%;transform:rotate(-20deg)}.lotus-2{bottom:10%;right:8%;transform:rotate(30deg)}.cloud-decoration{position:absolute;width:150px;height:80px;opacity:.2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.cloud-1{top:5%;right:15%;animation:float 10s ease-in-out infinite alternate}.cloud-2{bottom:20%;left:10%;animation:float 12s ease-in-out infinite alternate-reverse}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@media (max-width: 600px){.app-container{max-width:100%;padding:10px}.game-title{font-size:2.5em}.score-value{font-size:2em}.mokugyo-container{width:180px;height:100px}.mokugyo-mallet{width:40px;height:80px;top:-50px}.start-button{padding:12px 25px;font-size:1.3em}.control-button{width:45px;height:45px}.shop-header{flex-wrap:wrap;justify-content:center;gap:10px}.shop-title{width:100%;text-align:center}.current-score-shop{width:100%;justify-content:center}.skin-list{grid-template-columns:1fr}}