:root{color-scheme:dark;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--banner-h: 50px}*{margin:0;padding:0;box-sizing:border-box}button,a,input{-webkit-tap-highlight-color:transparent;outline:none;-webkit-user-select:none;user-select:none}button:focus,a:focus{outline:none}html{background:#1a1a2e;overscroll-behavior:none;height:100%}body{background:#1a1a2e;display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100vw;height:100%;overflow:hidden;font-family:Arial,sans-serif;touch-action:none;overscroll-behavior:none}#game-area{flex:1;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;min-height:0}canvas{display:block}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000000d1;z-index:10}#s-dead{margin-bottom:15vh}.screen{background:#18181f;border-radius:22px;padding:clamp(16px,4vw,28px) clamp(14px,3vw,22px) clamp(14px,3vw,24px);width:min(500px,93vw);max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vw,14px)}h1{font-size:clamp(1.8rem,8vw,2.8rem);font-weight:900;letter-spacing:clamp(4px,2vw,10px);color:#fff;text-align:center}h2{font-size:clamp(1.3rem,5vw,1.8rem);font-weight:900;color:#ff595e;letter-spacing:3px}.lb-title{font-size:.7rem;letter-spacing:4px;color:#555;text-align:center;margin-bottom:8px}.lb-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;margin-bottom:4px;background:#ffffff0d;color:#aaa;font-size:.92rem}.lb-row.me{background:#ffffff21;color:#fff;font-weight:700;border:1px solid rgba(255,255,255,.2)}.lb-rank{width:26px;color:#555;font-size:.82rem}.lb-row.me .lb-rank{color:#ffca3a}.lb-nick{flex:1}.lb-score{color:#4cc9f0;font-weight:700}.lb-row.me .lb-score{color:#8ac926}.lb-empty{color:#444;text-align:center;font-size:.88rem;padding:12px}.lb-block{width:100%}.my-box{width:100%;background:#ffffff0f;border-radius:13px;padding:10px 18px;text-align:center}.my-box-nick{color:#fff;font-size:1.05rem;font-weight:700}.my-box-rank{color:#4cc9f0;font-size:.85rem;margin-top:3px}.score-num{font-size:clamp(2.8rem,12vw,4.5rem);font-weight:900;color:#fff;line-height:1}.score-sub{color:#666;font-size:clamp(.72rem,3vw,.88rem);text-align:center;word-break:break-word}.rank-badge{color:#ffca3a;font-size:clamp(.85rem,3.5vw,1.15rem);font-weight:700;min-height:1.4rem;text-align:center;word-break:break-word}.new-record-badge{color:#ff595e;font-size:clamp(.85rem,4vw,1.3rem);font-weight:900;letter-spacing:.05em;text-align:center;word-break:break-word;animation:rec-pulse .6s ease-in-out infinite alternate}@keyframes rec-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.08);opacity:.8}}.btn{width:100%;padding:clamp(10px,3vw,14px);border-radius:30px;border:none;font-size:clamp(.85rem,3.5vw,1rem);font-weight:700;cursor:pointer;letter-spacing:2px;transition:transform .1s,opacity .1s}.btn:active{transform:scale(.96);opacity:.85}.btn-p{background:#4cc9f0;color:#000}.btn-s{background:#ffffff1a;color:#aaa}.btn-google{background:#fff;color:#222;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:1px}.auth-or{width:100%;display:flex;align-items:center;gap:10px;color:#444;font-size:.75rem;letter-spacing:3px}.auth-or:before,.auth-or:after{content:"";flex:1;border-top:1px solid rgba(255,255,255,.08)}.field{width:100%;padding:13px 16px;border-radius:13px;border:2px solid #2a2a35;background:#ffffff0f;color:#fff;font-size:1rem;outline:none;text-align:center;letter-spacing:1px}.field:focus{border-color:#4cc9f0}.field.err{border-color:#ff595e;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.field-err{color:#ff595e;font-size:.78rem;text-align:center;min-height:15px}.form-title{font-size:.7rem;letter-spacing:4px;color:#555;text-align:center;width:100%}.link-btn{background:none;border:none;color:#4cc9f0;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:2px}.signout-btn{-webkit-appearance:none;appearance:none;background:none;border:none;color:#ff595e;font-size:1rem;cursor:pointer;letter-spacing:0;transition:color .15s;padding:0}.signout-btn:active{color:#ff8a8e}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;z-index:200;transition:opacity .4s}#loading-screen.fade-out{opacity:0;pointer-events:none}.loading-track{width:160px;height:3px;background:#ffffff1a;border-radius:3px;overflow:hidden}.loading-bar{height:100%;width:45%;background:#4cc9f0;border-radius:3px;animation:loading-slide 1.1s ease-in-out infinite}@keyframes loading-slide{0%{transform:translate(-120%)}to{transform:translate(320%)}}hr{width:100%;border:none;border-top:1px solid rgba(255,255,255,.08)}.hidden{display:none!important}#offline-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#14141ced;border:1px solid rgba(255,255,255,.09);color:#777;font-size:.75rem;letter-spacing:.5px;padding:9px 18px;border-radius:20px;z-index:50;pointer-events:none;max-width:90vw;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transition:opacity .4s}#offline-toast.toast-hide{opacity:0}.auth-privacy-link{color:#383838;font-size:.72rem;letter-spacing:1px;text-decoration:none;margin-top:6px;text-align:center;transition:color .15s}.auth-privacy-link:hover{color:#666}#pause-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:18vh;gap:14px;z-index:4;pointer-events:none}.pause-title{font-family:Arial,sans-serif;font-size:min(38px,9vw);font-weight:900;letter-spacing:8px;color:#ffffffe6;margin-bottom:6px}.pause-overlay-btn{pointer-events:all;width:min(220px,75%)}#game-ui{position:absolute;top:0;left:0;right:0;width:100%;display:flex;justify-content:space-between;padding:calc(14px + var(--safe-top)) 16px 14px;z-index:5;pointer-events:none}.game-ui-btn{pointer-events:all;background:#00000052;border:none;color:#ffffff8c;width:52px;height:52px;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .15s,background .15s;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.game-ui-btn:hover{color:#fff;background:#0000008c}.screen-page{position:absolute;inset:0;background:#18181f;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;gap:14px;padding:calc(40px + var(--safe-top)) 24px 40px}.screen-page>*{width:min(500px,100%)}#s-settings{justify-content:flex-start;padding:0;gap:0}#s-settings>*{width:100%;max-width:100%}.sf-header{display:flex;align-items:center;padding:calc(18px + var(--safe-top)) 20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sf-back{background:none;border:none;color:#aaa;font-size:1.4rem;cursor:pointer;padding:4px 10px 4px 0;line-height:1;transition:color .15s}.sf-back:hover{color:#fff}.sf-title{flex:1;text-align:center;font-size:.75rem;letter-spacing:5px;color:#555;font-weight:700;padding-right:34px}.sf-body{padding:24px 20px;display:flex;flex-direction:column;gap:4px}.sf-row{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 18px;border-radius:14px;background:#ffffff0a}.sf-label{color:#ccc;font-size:1rem}.lang-toggle{display:flex;background:#ffffff14;border-radius:20px;padding:3px;gap:2px}.lang-btn{background:none;border:none;color:#666;font-size:.78rem;font-weight:700;letter-spacing:1px;padding:5px 13px;border-radius:16px;cursor:pointer;transition:background .15s,color .15s}.lang-btn.active{background:#4cc9f0;color:#000}.sf-row-nav{width:100%;border:none;cursor:pointer;text-align:left;text-decoration:none}.sf-row-nav:hover{background:#ffffff14}.sf-arrow{color:#555;font-size:1.4rem;line-height:1}#s-privacy{justify-content:flex-start;padding:0;gap:0}#s-privacy>*{width:100%;max-width:100%}.privacy-body{overflow-y:auto;flex:1;padding:20px 20px 32px;display:flex;flex-direction:column;gap:0}.privacy-section{display:flex;flex-direction:column;gap:14px}.privacy-h{font-size:.7rem;letter-spacing:4px;color:#555;font-weight:700;padding-top:4px}.privacy-updated{font-size:.75rem;color:#444;margin-top:-8px}.privacy-sub{font-size:.78rem;letter-spacing:2px;color:#4cc9f0;font-weight:700;margin-top:4px}.privacy-text{font-size:.88rem;color:#888;line-height:1.65}.privacy-text ul{padding-left:18px;margin:6px 0 0;display:flex;flex-direction:column;gap:4px}.privacy-text b{color:#bbb}.privacy-link{color:#4cc9f0;font-size:.82rem;word-break:break-all}.privacy-divider{border-top:1px solid rgba(255,255,255,.07);margin:20px 0}.toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#2a2a35;border-radius:28px;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:4px;bottom:4px;background:#fff;border-radius:50%;transition:transform .2s}.toggle input:checked+.toggle-slider{background:#4cc9f0}.toggle input:checked+.toggle-slider:before{transform:translate(24px)}#nav-blackout{display:none}#ad-banner{width:100%;height:var(--banner-h);flex-shrink:0;background:#0a0a12f2;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;z-index:100}.ad-banner-inner{display:flex;align-items:center;gap:10px}.ad-label{font-size:.6rem;font-weight:700;letter-spacing:2px;color:#555;border:1px solid #333;border-radius:4px;padding:1px 5px}.ad-text{color:#666;font-size:.85rem;letter-spacing:.5px}html.light,body.light{background:#f0f4f8}body.light #overlay{background:#d2e1f5eb}body.light .screen{background:#fff}body.light .screen-page{background:#f0f4f8}body.light h1{color:#1a1a2e}body.light h2{color:#d63031}body.light hr{border-top-color:#0000001a}body.light .lb-title{color:#aaa}body.light .lb-row{background:#0000000a;color:#444}body.light .lb-row.me{background:#00000017;color:#111;border-color:#00000026}body.light .lb-rank{color:#aaa}body.light .lb-score{color:#1982c4}body.light .lb-row.me .lb-score{color:#3a8a10}body.light .lb-empty{color:#bbb}body.light .my-box{background:#0000000d}body.light .my-box-nick{color:#1a1a2e}body.light .my-box-rank{color:#1982c4}body.light .score-num{color:#1a1a2e}body.light .score-sub{color:#999}body.light .rank-badge{color:#b8860b}body.light .btn-s{background:#00000014;color:#555}body.light .auth-or{color:#aaa}body.light .auth-or:before,body.light .auth-or:after{border-top-color:#0000001a}body.light .field{background:#0000000d;color:#222;border-color:#ddd}body.light .field:focus{border-color:#4cc9f0}body.light .form-title{color:#aaa}body.light .sf-header{border-bottom-color:#0000001a}body.light .sf-back{color:#555}body.light .sf-back:hover{color:#000}body.light .sf-title{color:#aaa}body.light .sf-row{background:#0000000a}body.light .sf-row-nav:hover{background:#00000014}body.light .sf-label{color:#333}body.light .sf-arrow{color:#aaa}body.light .signout-btn{color:#d63031}body.light .toggle-slider{background:#ccc}body.light .link-btn{color:#1982c4}body.light #pause-overlay{background:#ffffff8c}body.light .pause-title{color:#000c}body.light .game-ui-btn{background:#fff9;color:#00000073}body.light .game-ui-btn:hover{background:#fffc;color:#000}body.light #loading-screen{background:#f0f4f8}body.light #offline-toast{background:#f0f4f8f2;border-color:#0000001a;color:#777}body.light #nav-blackout{background:#000}body.light #ad-banner{background:#f0f4f8f2;border-top-color:#0000001a}body.light .ad-label{color:#aaa;border-color:#ccc}body.light .ad-text{color:#999}