.hidden{display:none!important}#ui-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;padding:20px}#score-container{font-size:16px;font-weight:700;text-shadow:0 0 10px var(--primary-color)}body.modern #score-container{font-size:24px;text-shadow:0 0 12px rgba(0,212,255,.8)}#level-container{position:absolute;top:20px;right:20px;font-size:16px;font-weight:700;text-shadow:0 0 10px var(--primary-color)}body.modern #level-container{font-size:24px}#score{font-size:1.2rem;color:#fff;text-shadow:0 0 10px #0f0}body.modern #score{font-size:2rem}#combo-display{font-size:1rem;color:#fa0;text-shadow:0 0 10px #ffaa00;margin-top:5px;font-weight:700;transition:transform .1s}#combo-display.pulse{transform:scale(1.5);color:#fff;text-shadow:0 0 20px #ff00ff}body.modern #combo-display{font-size:1.5rem}#game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#000000f2;padding:30px;border:2px solid var(--primary-color);box-shadow:0 0 50px #00ff4180;pointer-events:auto;min-width:300px;max-width:90vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center}body.modern #game-over{background:#0a0e1af2;border-color:var(--primary-color);box-shadow:0 0 60px #00d4ff4d,inset 0 0 30px #00d4ff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#game-over h1{font-size:32px;margin-bottom:20px;color:var(--primary-color);text-shadow:0 0 20px var(--primary-color)}body.modern #game-over h1{font-size:48px;background:linear-gradient(135deg,#00d4ff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}#game-over p{font-size:16px;margin-bottom:20px}body.modern #game-over p{font-size:24px}#name-entry{margin:20px 0;pointer-events:auto;display:flex;justify-content:center;gap:10px}#player-name{background:#ffffff0d;border:2px solid var(--primary-color);border-radius:8px;color:#fff;font-family:var(--font-family);font-size:1.5rem;padding:15px;width:140px;text-align:center;transition:all .3s ease;outline:none;text-transform:uppercase;box-shadow:0 0 10px #ffffff0d}#player-name:focus{border-color:var(--primary-color);background:#ffffff1a;box-shadow:0 0 20px var(--primary-color)}#save-score-btn{background:var(--primary-color);border:none;color:var(--bg-color);padding:11px 20px;font-family:var(--font-family);font-size:16px;cursor:pointer;font-weight:700}body.modern #save-score-btn{background:linear-gradient(135deg,#00d4ff,#a855f7);color:#fff}#leaderboard{margin:20px 0;text-align:left;width:100%}#leaderboard h2{font-size:20px;color:var(--secondary-color);text-align:center;margin-bottom:10px}#score-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:0 40px;width:100%}#score-list li{display:flex;justify-content:space-between;gap:1ch;padding:8px 0;border-bottom:1px solid rgba(0,255,65,.2);font-size:14px;min-width:150px}body.modern #score-list li{border-bottom-color:#ffffff1a}#score-list li span:last-child{color:var(--primary-color)}#restart-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:10px 30px;font-size:14px;font-family:var(--font-family);cursor:pointer;transition:all .3s ease}#restart-btn:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 20px var(--primary-color)}body.modern #restart-btn{font-size:18px;border-color:var(--primary-color);color:var(--primary-color)}body.modern #restart-btn:hover{background:var(--primary-color);color:var(--bg-color);box-shadow:0 0 25px var(--primary-color)}#theme-btn,#pause-btn{position:fixed;top:70px;right:20px;width:44px;height:44px;border-radius:50%;background:#000c;border:2px solid var(--primary-color);color:var(--primary-color);font-family:"Press Start 2P",cursive;font-size:14px;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:100;transition:all .3s ease;box-shadow:0 0 15px #00ff414d}#pause-btn{display:none;top:125px}#pause-btn svg{display:block}#theme-btn:hover{box-shadow:0 0 25px #00ff4199;transform:scale(1.1)}body.modern #theme-btn:hover{box-shadow:0 0 25px #00d4ff99}.control-row{display:flex;justify-content:space-between;align-items:center;gap:60px;padding:8px 0;border-bottom:1px solid rgba(0,255,65,.15);font-size:10px;min-width:240px}body.modern .control-row{font-size:12px;border-bottom-color:#00d4ff26}.control-row span:first-child{color:var(--primary-color);font-weight:700;min-width:100px;text-align:center}.control-row span:last-child{color:var(--text-color);opacity:.8}#leaderboard li{display:flex;justify-content:space-between;gap:1ch;margin-bottom:15px;font-size:.9rem;color:#fffc;position:relative;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}li.new-entry-highlight{outline:2px solid var(--secondary-color);background:#a855f71a;box-shadow:0 0 15px var(--secondary-color);border-radius:4px;border-bottom-color:transparent!important;animation:pulse-highlight 2s infinite}body.retro li.new-entry-highlight{background:#ff00ff1a}@keyframes pulse-highlight{0%{box-shadow:0 0 5px var(--secondary-color)}50%{box-shadow:0 0 20px var(--secondary-color)}to{box-shadow:0 0 5px var(--secondary-color)}}.msg-highlight{color:var(--secondary-color)}#personal-rank-display{margin:20px 0;text-align:center;width:100%;animation:fadeIn .5s ease-out}#personal-rank-display .rank-info{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;background:#a855f71a;border:1px solid rgba(168,85,247,.3);padding:12px 20px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}body.modern #personal-rank-display .rank-info{background:#00d4ff0d;border-color:#00d4ff33;box-shadow:0 0 15px #00d4ff1a}.rank-label{font-size:.7rem;text-transform:uppercase;letter-spacing:2px;opacity:.6}.rank-value{font-size:1.1rem;font-weight:700;color:#a855f7;margin:0 5px}body.modern .rank-value{color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.4)}.rank-score{font-size:.8rem;opacity:.4;font-family:Inter,sans-serif}#pause-overlay{position:absolute;inset:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;pointer-events:auto}body.modern #pause-overlay{background:#0a0e1acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pause-content{text-align:center;padding:30px;border:2px solid var(--primary-color);box-shadow:0 0 50px #00ff414d;background:#000;min-width:360px;max-width:90vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}body.modern .pause-content{background:#0009;border-color:var(--primary-color);box-shadow:0 0 40px var(--primary-color);border-radius:16px}#pause-title{font-size:24px;color:var(--primary-color);margin-bottom:10px;text-shadow:0 0 20px var(--primary-color)}body.modern #pause-title{font-size:36px;background:linear-gradient(135deg,#00d4ff,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}#start-identity{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;flex-grow:1;min-height:140px}#sync-status{color:var(--primary-color);font-size:.8rem;margin-bottom:10px;font-family:Orbitron,sans-serif;letter-spacing:2px;animation:blink 1s infinite}#pause-message{font-size:14px;margin-bottom:0;color:#fff;animation:blink 1.5s infinite}body.modern #pause-message{font-size:18px}.pause-controls{display:inline-block;text-align:left;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}@keyframes blink{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@media(max-width:768px){#ui-overlay{padding:10px}#score-container{font-size:clamp(.6rem,1.8vw,.9rem)}body.modern #score-container{font-size:clamp(.7rem,2.2vw,1.1rem)}#level-container{font-size:clamp(.6rem,1.8vw,.9rem);top:10px;right:10px}body.modern #level-container,#score{font-size:clamp(.7rem,2.2vw,1.1rem)}body.modern #score{font-size:clamp(.8rem,2.8vw,1.4rem)}#combo-display{font-size:clamp(.6rem,1.8vw,.9rem)}body.modern #combo-display{font-size:clamp(.7rem,2.2vw,1.1rem)}#theme-btn,#pause-btn{width:44px;height:44px;font-size:11px;right:10px;transform:scale(.8);transform-origin:top right}#theme-btn{top:60px}#pause-btn{top:115px}}@media(max-width:600px),(max-height:500px){#game-over{padding:15px 12px;min-width:unset;max-width:min(500px,92vw)}#game-over h1{font-size:clamp(16px,4vw,22px);margin-bottom:8px}body.modern #game-over h1{font-size:clamp(18px,5vw,28px)}#game-over p{font-size:clamp(11px,2.5vw,14px);margin-bottom:8px}body.modern #game-over p{font-size:clamp(12px,3vw,16px)}#sync-status{font-size:10px;color:var(--primary-color);margin-bottom:5px;letter-spacing:1px}#leaderboard{margin:8px 0}#leaderboard h2{font-size:clamp(10px,2.5vw,14px);margin-bottom:4px}#score-list{grid-template-columns:1fr 1fr;gap:0 20px}#score-list li{font-size:clamp(9px,2vw,12px);padding:3px 0;min-width:unset}#restart-btn{font-size:12px;padding:10px 24px;min-height:44px}body.modern #restart-btn{font-size:13px}}.skeleton{height:18px;background:#ffffff0d;border-radius:4px;position:relative;overflow:hidden;margin:4px 0}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}body.retro .skeleton:after{display:none}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-name{width:60%}.skeleton-score{width:30%}@media(max-width:600px),(max-height:500px){.pause-content{padding:20px 15px;min-width:unset;max-width:min(400px,90vw)}#pause-title{font-size:clamp(14px,4vw,20px);margin-bottom:6px}body.modern #pause-title{font-size:clamp(16px,5vw,26px)}#pause-message{font-size:clamp(8px,2vw,12px);margin-bottom:12px}body.modern #pause-message{font-size:clamp(9px,2.5vw,14px)}.pause-controls{margin-top:8px;padding-top:8px}.control-row{gap:20px;padding:4px 0;font-size:clamp(7px,1.8vw,10px);min-width:160px}body.modern .control-row{font-size:clamp(8px,2vw,11px)}.control-row span:first-child{min-width:60px;text-align:center}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;border-color:#ff4141!important;box-shadow:0 0 20px #ff414166!important}#notification{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:20;color:#facc15;font-size:16px;font-weight:700;text-shadow:0 0 15px #facc15;text-align:center;transition:opacity .5s ease;animation:notifyPop .4s cubic-bezier(.175,.885,.32,1.275)}body.modern #notification{font-size:24px}@keyframes notifyPop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}