:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}button{font-weight:700}.game{box-sizing:border-box;-webkit-user-select:none;user-select:none;background-image:url(/asset/1_game_bg.png);background-position:top;background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100vh;padding:24px 16px;display:flex;position:relative}.hp-bar{gap:8px;margin-top:40px;font-size:28px;display:flex}.lives-display{align-items:center;min-width:120px;display:flex}.hp-hearts{flex:1;justify-content:center;display:flex}.hp-text{color:#fff;margin-right:8px;font-size:20px;font-weight:700}.hp-heart.active{opacity:1}.hp-heart.empty{opacity:.2}.score-info{color:#fff;text-shadow:0 0 12px #ff9600e6,0 3px #a03000,0 4px 16px #000c;letter-spacing:2px;font-size:48px;font-weight:900}.opponent{flex-direction:column;align-items:center;margin-top:-40px;margin-bottom:10px;animation:.3s ease-out shake;display:flex}.opponent.miss{animation:.3s ease-out missShake}@keyframes shake{0%{transform:translate(0)}30%{transform:translate(24px)}70%{transform:translate(-12px)}to{transform:translate(0)}}@keyframes missShake{0%{transform:translate(0)}30%{transform:translate(-24px)}70%{transform:translate(12px)}to{transform:translate(0)}}.boxer-row{justify-content:center;align-items:center;display:inline-flex;position:relative}.boxer-body{width:240px;height:350px;transition:none;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.char-exit-left{animation:.35s ease-in forwards charExitLeft}.char-exit-right{animation:.35s ease-in forwards charExitRight}.char-exit-down{animation:.35s ease-in forwards charExitDown}.char-enter-left{animation:.35s ease-out forwards charEnterLeft}.char-enter-right{animation:.35s ease-out forwards charEnterRight}.char-enter-top{animation:.35s ease-out forwards charEnterTop}@keyframes charExitLeft{to{transform:translateX(-140%) opacity(0);opacity:0}}@keyframes charExitRight{to{opacity:0;transform:translate(140%)}}@keyframes charExitDown{to{opacity:0;transform:translateY(140%)}}@keyframes charEnterLeft{0%{opacity:0;transform:translate(-140%)}to{opacity:1;transform:translate(0)}}@keyframes charEnterRight{0%{opacity:0;transform:translate(140%)}to{opacity:1;transform:translate(0)}}@keyframes charEnterTop{0%{opacity:0;transform:translateY(-140%)}to{opacity:1;transform:translate(0)}}.glove{opacity:1;z-index:2;width:auto;height:150px;transition:transform .15s,opacity .15s;position:absolute}.glove.left{top:calc(95% - 35px);left:-20px;transform:translateY(-50%)rotate(-30deg)}.glove.right{top:calc(95% - 35px);right:-20px;transform:translateY(-50%)rotate(30deg)}.glove.left.blocking{opacity:1;top:45%;left:-60px;transform:translateY(-50%)rotate(-15deg)}.glove.right.blocking{opacity:1;top:45%;right:-60px;transform:translateY(-50%)rotate(15deg)}.timer-bar-wrap{background:#00000080;border-radius:9px;outline:2px solid #ffffff26;flex-direction:column;justify-content:flex-end;width:18px;height:150px;transition:left .15s,right .15s,opacity .15s;display:flex;position:absolute;top:45%;overflow:hidden;transform:translateY(-50%);box-shadow:0 0 8px #0009}.timer-bar-wrap.left{left:12px}.timer-bar-wrap.right{right:12px}.timer-bar-wrap.hidden{opacity:0}.timer-bar-fill{background:linear-gradient(#ffe566 0%,#ff9800 50%,#e65c00 100%);border-radius:9px;width:100%;box-shadow:0 0 12px #ff9800,inset 1px 0 #fff6}.timer-bar-fill.danger{background:linear-gradient(#ff6b6b 0%,#f44336 50%,#b71c1c 100%);animation:.4s ease-in-out infinite alternate dangerPulse;box-shadow:0 0 16px #f20}@keyframes dangerPulse{0%{box-shadow:0 0 10px #f20}to{box-shadow:0 0 24px #f60,0 0 40px #f20}}.round-info{color:#aaa;font-size:18px}.controls{box-sizing:border-box;justify-content:space-between;width:100%;margin-bottom:40px;padding:0;display:flex}.punch-btn{color:#333;cursor:pointer;text-shadow:0 2px 4px #0009;letter-spacing:2px;background:linear-gradient(#d0d0d080 0%,#b0b0b080 100%);border:3px solid #555;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;padding:0;font-size:24px;font-weight:900;display:flex;position:relative;box-shadow:0 6px #444,0 8px 20px #00000080}.punch-btn:active{background:linear-gradient(#555 0%,#333 100%);transform:translateY(3px);box-shadow:0 2px #000,0 3px 8px #00000080}.btn-glove{filter:hue-rotate(240deg)saturate(1.5);width:auto;height:74px;position:relative}.overlay{z-index:10;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-content{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:10%;display:flex}.overlay h1{margin:0;font-size:48px}.gameover-newbest{flex-direction:column;align-items:center;gap:4px;display:flex}.overlay .gameover-record{color:gold;text-shadow:0 1px 4px #000c;margin:0;font-size:35px;font-weight:700}.overlay .gameover-taunt{color:gold;text-shadow:0 1px 4px #000c;margin:0;font-size:26px;font-weight:900}.overlay .gameover-reason{color:#fff;text-shadow:0 2px 8px #000c;margin:0 0 20px;font-size:26px;font-weight:900}.gameover-combo{color:#ff9800;margin:0;font-size:20px;font-weight:700}.overlay p{color:#aaa;margin:0;font-size:20px}.overlay-btn-sub{color:#fff;cursor:pointer;background:0 0;border:1px solid #555;border-radius:12px;padding:10px 32px;font-size:16px;font-weight:900}.overlay-btn{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:12px;margin-top:16px;padding:16px 40px;font-size:20px;font-weight:900}.home{box-sizing:border-box;background-image:url(/asset/1_main_bg.png);background-position:top;background-size:cover;flex-direction:column;align-items:center;gap:0;width:100vw;height:100vh;padding-top:20px;display:flex;position:relative}.home>.best-score{margin-bottom:0}@keyframes title-rock{0%{transform:perspective(200px)rotateX(15deg)}50%{transform:perspective(200px)rotateX(25deg)}to{transform:perspective(200px)rotateX(15deg)}}.home-title-wrap{justify-content:center;display:flex;position:absolute;top:15%;left:0;right:0}.home-title{letter-spacing:3px;white-space:nowrap;color:#ffe566;text-shadow:-3px -3px #c30,0 -3px #c30,3px -3px #c30,-3px 0 #c30,3px 0 #c30,-3px 3px #c30,0 3px #c30,3px 3px #c30,3px 3px #555,6px 6px #555,9px 9px #444,12px 12px #444,15px 15px #333,18px 22px 18px #000000b3;max-width:90vw;margin:0;font-size:20vw;font-weight:900;animation:3s ease-in-out infinite title-rock}:lang(ja) .home-title{letter-spacing:2px;font-size:46px}:lang(en) .home-title,:lang(es) .home-title,[lang=pt-BR] .home-title{letter-spacing:1px;font-size:42px}:lang(fr) .home-title{letter-spacing:1px;font-size:38px}:lang(de) .home-title,:lang(id) .home-title{letter-spacing:0;font-size:32px}.home-bottom{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:2px solid #8b1a1a;border-radius:10px;flex-direction:column;align-items:center;gap:12px;width:calc(100% - 100px);height:165px;margin:0 50px;padding:5px 20px;display:flex;position:absolute;bottom:50px}.best-score{color:gold;text-shadow:0 1px 4px #000c;font-size:20px;font-weight:700}.home-desc{color:#fff;text-shadow:0 2px 8px #000000e6;margin:0;font-size:20px;font-weight:700}.no-lives-msg{color:#fff;text-align:center;text-shadow:0 0 8px #f20,0 2px 6px #000000e6;margin:0;font-size:18px;font-weight:700;position:absolute;bottom:230px;left:0;right:0}.start-btn-row{justify-content:center;align-items:center;gap:10px;display:flex}.start-btn-row .start-btn,.start-btn-row .infinite-btn{letter-spacing:0;flex:none;width:130px;padding:0;font-size:16px}.infinite-btn{color:#fff;cursor:pointer;text-shadow:0 2px 6px #0006;letter-spacing:1px;white-space:nowrap;background:linear-gradient(#a78bfa 0%,#7c3aed 50%,#5b21b6 100%);border:none;border-radius:60px;flex:none;height:50px;padding:0;font-size:16px;font-weight:900;box-shadow:0 0 24px #7c3aedb3,0 5px #3b0764,inset 0 1px #ffffff40}.infinite-btn:active{transform:translateY(3px);box-shadow:0 0 14px #7c3aed80,0 2px #3b0764}.start-btn{color:#fff;cursor:pointer;text-shadow:0 2px 6px #00000080;letter-spacing:2px;background:linear-gradient(#ff8c00 0%,#e03000 50%,#b02000 100%);border:none;border-radius:60px;width:240px;height:50px;padding:0 22px;font-size:22px;font-weight:900;line-height:50px;box-shadow:0 0 32px #ff5000cc,0 5px #6a1000,inset 0 1px #ffffff4d}.start-btn:active{transform:translateY(3px);box-shadow:0 0 20px #ff500099,0 2px #6a1000}.start-btn:disabled{opacity:.35;cursor:default;box-shadow:none}.lives-row{flex-direction:row;align-items:center;gap:8px;display:flex}.charge-btn{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0000004d;background:linear-gradient(#34c759,#1e8c3a);border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;height:40px;padding:0 18px;font-size:14px;font-weight:700;display:flex;box-shadow:0 3px 6px #0006,0 2px #0f5c24}.charge-btn:disabled{opacity:.4;cursor:default}.charge-timer-inline{opacity:.85;font-size:10px;font-weight:400;line-height:1}.home-btn-row{justify-content:center;gap:8px;width:auto;display:flex}.settings-btn{color:#111;cursor:pointer;background:#aaa;border:none;border-radius:8px;width:100px;padding:10px 0;font-size:16px;font-weight:700;box-shadow:0 3px 6px #0006,0 2px #777}.settings-list{flex-direction:column;gap:16px;width:260px;margin-top:8px;display:flex}.settings-row{color:#fff;text-shadow:0 1px 4px #000c;justify-content:space-between;align-items:center;font-size:20px;display:flex}.toggle{cursor:pointer;border:none;border-radius:8px;width:72px;padding:8px 0;font-size:16px;font-weight:700}.toggle.on{color:#fff;background:#4caf50}.toggle.off{color:#aaa;background:#444}.sweat-svg{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.sweat-drop.d1{animation:1s ease-in infinite sweat1}.sweat-drop.d2{animation:1s ease-in .25s infinite sweat2}.sweat-drop.d3{animation:1s ease-in infinite sweat3}.sweat-drop.d4{animation:1s ease-in .25s infinite sweat4}@keyframes sweat1{0%{opacity:.9;transform:translate(0)}40%{opacity:.85;transform:translate(-35px,-20px)}to{opacity:0;transform:translate(-55px,60px)}}@keyframes sweat2{0%{opacity:.9;transform:translate(0)}40%{opacity:.85;transform:translate(-20px,-30px)}to{opacity:0;transform:translate(-35px,55px)}}@keyframes sweat3{0%{opacity:.9;transform:translate(0)}40%{opacity:.85;transform:translate(35px,-20px)}to{opacity:0;transform:translate(55px,60px)}}@keyframes sweat4{0%{opacity:.9;transform:translate(0)}40%{opacity:.85;transform:translate(20px,-30px)}to{opacity:0;transform:translate(35px,55px)}}.stars-orbit{pointer-events:none;z-index:3;width:0;height:0;position:absolute;top:10px;left:50%;transform:scaleY(.35)}.star-arm{width:0;height:0;animation:1.5s linear infinite starOrbitRot;animation-delay:calc(var(--i) * -.5s);position:absolute}.star-dot{font-size:28px;position:absolute;left:65px;transform:translate(-50%,-50%)scaleY(2.86)}@keyframes starOrbitRot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.combo-wrap{justify-content:center;align-items:center;height:60px;display:flex;position:relative}.hit-effect{z-index:0;font-size:180px;animation:.35s ease-out forwards hitPop;position:absolute}@keyframes hitPop{0%{opacity:1;transform:scale(.5)}60%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(1)}}.infinite-setup-box{background:linear-gradient(160deg,#1a0a2e 0%,#2d1254 100%);border:2px solid #7c3aed;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:280px;padding:36px 28px 28px;display:flex;box-shadow:0 0 40px #7c3aed80}.infinite-setup-title{color:#c4b5fd;letter-spacing:2px;margin:0;font-size:22px;font-weight:900}.infinite-setup-desc{color:#e9d5ff;text-align:center;margin:0;font-size:16px;line-height:1.6}.infinite-photo-btn{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(#a78bfa 0%,#7c3aed 50%,#5b21b6 100%);border-radius:60px;justify-content:center;align-items:center;width:100%;height:50px;font-size:17px;font-weight:900;display:flex;box-shadow:0 0 20px #7c3aed99,0 4px #3b0764}.infinite-photo-btn:active{transform:translateY(2px);box-shadow:0 0 10px #7c3aed66,0 2px #3b0764}.infinite-error-msg{color:#fca5a5;text-align:center;white-space:pre-line;margin:0;font-size:14px;line-height:1.6}.infinite-loading-wrap{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.infinite-loading-bar{background:#ffffff26;border-radius:99px;width:100%;height:10px;overflow:hidden}.infinite-loading-fill{background:linear-gradient(90deg,#a78bfa,#7c3aed);border-radius:99px;height:100%;transition:width .3s}.infinite-loading-text{color:#c4b5fd;font-size:13px}.infinite-setup-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:15px}.infinite-preview{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.infinite-preview-char{border:2px solid #7c3aed;border-radius:12px;width:140px;height:auto}.infinite-preview-name{color:#e9d5ff;margin:0;font-size:16px;font-weight:700}.infinite-preview-stars{color:#fbbf24;letter-spacing:2px;font-size:24px}.infinite-preview-btns{gap:10px;margin-top:4px;display:flex}.infinite-retry-btn{color:#c4b5fd;cursor:pointer;background:0 0;border:1px solid #7c3aed;border-radius:8px;padding:8px 16px;font-size:14px}.infinite-start-btn{color:#fff;cursor:pointer;letter-spacing:1px;background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;border-radius:10px;padding:10px 28px;font-size:16px;font-weight:700;box-shadow:0 4px #4c1d95}.infinite-start-btn:active{transform:translateY(3px);box-shadow:0 1px #4c1d95}.tutorial-overlay{z-index:100;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-box{background:#1a1a2e;border:2px solid #ff8c0066;border-radius:20px;flex-direction:column;align-items:flex-start;gap:24px;width:300px;padding:32px 28px 28px;display:flex}.tutorial-title{color:#ffe566;text-shadow:0 0 12px #f60;margin:0;font-size:24px;font-weight:900}.tutorial-section{flex-direction:column;gap:10px;width:100%;display:flex}.tutorial-section-title{color:#ffe566;text-shadow:0 0 12px #f60;text-align:left;margin:0;font-size:24px;font-weight:900}.tutorial-steps{flex-direction:column;gap:14px;width:100%;display:flex}.tutorial-step{color:#e0e0e0;text-align:left;align-items:center;gap:12px;font-size:16px;font-weight:900;display:flex}.tutorial-step-num{color:#fff;background:#ff8c00;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:flex}.tutorial-section:last-of-type .tutorial-step-num{background:#e03000}.tutorial-start-btn{color:#fff;cursor:pointer;letter-spacing:2px;background:linear-gradient(#ff8c00 0%,#e03000 100%);border:none;border-radius:12px;width:100%;height:50px;font-size:20px;font-weight:900;box-shadow:0 4px #6a1000}.tutorial-start-btn:active{transform:translateY(3px);box-shadow:0 1px #6a1000}.ad-modal-overlay{z-index:100;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ad-modal{background:#1a1a2e;border-radius:16px;flex-direction:column;align-items:center;gap:20px;width:280px;padding:32px 24px 24px;display:flex}.ad-box{flex-direction:column;align-items:center;gap:12px;display:flex}.ad-icon{font-size:48px}.ad-text{color:#a0aec0;text-align:center;font-size:16px;font-weight:700}.ad-count{color:#fff;font-size:48px;font-weight:900;line-height:1}.ad-confirm-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;width:100%;padding:8px 16px;font-size:16px;font-weight:700}.ad-skip-btn{color:#718096;cursor:pointer;background:0 0;border:1px solid #4a5568;border-radius:10px;padding:8px 24px;font-size:16px;font-weight:600}.ad-spinner{border:4px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite adSpin}@keyframes adSpin{to{transform:rotate(360deg)}}.combo{color:#ffe566;text-shadow:0 0 12px #f60,0 3px #a03000,0 4px 16px #000000e6;letter-spacing:2px;z-index:1;font-size:42px;font-weight:900;animation:.2s ease-out comboPop;position:relative}@keyframes comboPop{0%{transform:scale(.8)}60%{transform:scale(1.2)}to{transform:scale(1)}}