*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:#0a1118;width:100%;height:100%;position:fixed;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}body,html{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:#121212;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;font-family:Arial Black,sans-serif;display:flex;overflow:hidden}:root{--color-y:#a04000;--color-y-light:#e67e22;--color-e:#1b4f72;--color-e-light:#3498db;--color-s:#145a32;--color-s-light:#2ecc71}.full-screen-touch-area{cursor:pointer;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:absolute;inset:0}.game-wrapper{cursor:default;width:100%;max-width:420px;height:100dvh;box-shadow:0 0 20px #00000080}.mobile-screen{background:radial-gradient(circle at top,#2c3e50,#0a1118);flex-direction:column;height:100%;display:flex;overflow:hidden}.shake-active{animation:.3s cubic-bezier(.36,.07,.19,.97) both screenShake}@keyframes screenShake{0%,to{transform:translate(0)}20%{transform:translate(-4px,4px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-2px,-4px)}80%{transform:translate(2px,4px)}}.game-header{border-bottom:4px solid var(--color-y-light);text-align:center;z-index:10;background:linear-gradient(#2b2b2b 0%,#111 100%);padding:2px 0 13px;box-shadow:inset 0 1px #ffffff1a,0 4px 10px #00000080}.logo-text{letter-spacing:3px;color:#fff;text-shadow:0 1px #00000080,0 2px #00000080,0 3px #00000080,0 4px #00000080,0 5px #00000080,0 6px #00000080,0 0 15px #00000080;margin:0;font-size:45px;font-style:normal;font-weight:900}.sub-text{color:#ffea00;letter-spacing:2px;text-shadow:0 0 5px #00000080;margin:0;font-size:15px;font-weight:700}.credit-text{color:#888;letter-spacing:.5px;margin:7px 0 0;font-size:10px;font-weight:400}.game-body{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.worldyes-overlay{z-index:9999;text-align:center;box-sizing:border-box;background-color:#000000bf;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-bottom:12vh;display:flex;position:fixed;inset:0}.worldyes-yes,.worldyes-text{color:gold;text-shadow:0 0 20px #f5a623,3px 3px #00000080;margin-bottom:5px;font-size:60px;line-height:1}.worldyes-count{color:gold;text-shadow:0 0 15px #f5a623,3px 3px #00000080;margin-top:5px;font-size:60px;line-height:1}.click-anywhere-hint{color:#fff;text-shadow:2px 2px 4px #000c;z-index:30;pointer-events:none;background:#0009;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:max-content;padding:15px 30px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.click-anywhere-hint .start-text{font-size:24px;font-weight:700}.click-anywhere-hint .sound-notice{color:#f1c40f;letter-spacing:1px;margin-top:6px;margin-bottom:12px;font-size:14px;font-weight:400}.click-anywhere-hint .about-rule{color:#fff;letter-spacing:.5px;text-align:left;margin-top:0;margin-left:auto;margin-right:auto;font-size:14px;font-weight:400;line-height:1.4;display:table}.stats-header{text-align:center;box-sizing:border-box;width:100%;margin-top:10px;padding:0 15px}.stats-info-board{box-sizing:border-box;background:#00000080;border:1px solid #ffffff26;border-radius:8px;width:90%;max-width:320px;margin:0 auto 8px;padding:10px 15px;box-shadow:inset 0 2px 5px #00000080}.stat-row{white-space:nowrap;justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.stat-row:last-child{margin-bottom:0}.stat-label{color:#fff;font-size:13px;font-weight:700}.stat-value{color:#fff;font-variant-numeric:tabular-nums;font-size:clamp(10px,4vw,15px);font-weight:900}.goal-achieved .stat-label,.goal-achieved .stat-value,.over-goal{color:#ff4136;text-shadow:0 0 8px #ff413699;animation:1s infinite alternate pulseRed}@keyframes pulseRed{0%{transform:scale(1)}to{transform:scale(1.03)}}.progress-bar-bg{background-color:#ffffff26;border-radius:15px;width:90%;max-width:320px;height:20px;margin:0 auto;overflow:hidden;box-shadow:inset 0 2px 4px #0006}.progress-fill{height:100%;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .4s}.fall-zone{flex:1;width:100%;margin-bottom:0;position:relative;overflow:visible}.white-char-container{pointer-events:none;z-index:20;width:100%;height:52px;position:absolute;left:0}.split-char:before{display:none}.split-char{color:#fffc;text-align:center;text-shadow:1px 1px #000;box-sizing:border-box;background-clip:padding-box;border:6px solid;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative;box-shadow:inset 3px 3px #fff3,inset -3px -3px #0000004d,0 4px 6px #0006}.char-Y{background-color:var(--color-y);border-color:var(--color-y-light)}.char-E{background-color:var(--color-e);border-color:var(--color-e-light)}.char-S{background-color:var(--color-s);border-color:var(--color-s-light)}.char-S:after{content:"";background-color:gold;border-radius:50%;width:10px;height:10px;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #000c}.falling-char{width:84px;height:84px;font-size:64px;line-height:1;position:absolute}.bottom-action-area{flex-direction:column;align-items:center;width:100%;margin-bottom:10px;display:flex;position:relative}.combo-counter{color:#fff;text-shadow:0 2px #d35400,0 3px #a04000,0 0 10px #f5a623cc,0 0 20px #f5a62366,2px 2px 4px #00000080;z-index:50;letter-spacing:1px;pointer-events:none;white-space:nowrap;font-size:34px;font-style:italic;font-weight:900;animation:.3s cubic-bezier(.175,.885,.32,1.275) comboPop;position:absolute;top:-60px;left:50%;transform:translate(-50%)}@keyframes comboPop{0%{opacity:.5;transform:translate(-50%)scale(.8)}50%{transform:translate(-50%)scale(1.2)}to{opacity:1;transform:translate(-50%)scale(1)}}.target-area{z-index:30;width:100%;height:100px;margin-bottom:5px;position:relative}.target-box-wrapper{justify-content:center;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}button{-webkit-tap-highlight-color:transparent;outline:none}.white-box{width:100px;height:100px;box-shadow:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border:none;border-radius:20px;outline:none;justify-content:center;align-items:center;transition:transform .1s;display:flex;position:relative}.box-char{width:84px;height:84px;font-size:64px;line-height:1}.white-box:active{transform:translateY(8px)}.white-box:active .box-char{box-shadow:inset 2px 2px #0006,inset -2px -2px #ffffff1a,0 2px 3px #0000004d}.flash-active{animation:.3s ease-out boxFlash}@keyframes boxFlash{0%{background-color:var(--color-s);transform:scale(1)}30%{background-color:#ffea00;border-color:gold;transform:scale(1.1);box-shadow:0 0 25px gold,0 12px 15px #0003}to{background-color:var(--color-s);border-color:var(--color-s-light);transform:scale(1)}}.level-container{text-align:center;z-index:30;height:50px;margin-top:5px;margin-bottom:5px;position:relative}.level-text{color:#fff;text-shadow:0 0 10px #fff6,2px 2px #000;letter-spacing:2px;font-size:22px;font-style:italic;font-weight:700}.level-number{color:gold;text-shadow:0 0 15px #f5a623,2px 2px #000;font-size:32px}.volume-control-container{z-index:100;flex-direction:row;align-items:center;gap:10px;display:flex;position:absolute;bottom:20px;right:20px}.volume-control-btn{color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;order:2;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 4px 6px #0006}.volume-slider-wrapper{background:#000000b3;border:1px solid #fff3;border-radius:20px;order:1;align-items:center;padding:5px 12px;display:flex}.volume-slider{width:100px}.finish-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:2px solid #fff6;border-radius:20px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0006}.finish-btn:active{background:#ffffff4d;transform:scale(.95)}