body{margin:0;overflow:hidden;background-color:#000}canvas{display:block}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:Arial,sans-serif;font-size:24px}#startOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000d9;color:#fff;font-family:Roboto,Arial,sans-serif;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;text-align:center;padding:20px}#startOverlay h2{color:#fc0;margin-bottom:20px;font-size:32px}#startOverlay,#startOverlay ul,#startOverlay p{font-size:20px}#startOverlay p{margin:10px 0;line-height:1.5}#startOverlay p:last-child{margin-top:30px;font-size:20px;color:#aaa}#startOverlay.fade-out{opacity:0;transition:opacity 1s ease-out}#vibeJamLink{position:fixed;bottom:10px;right:10px;padding:4px 8px;font-size:12px;font-family:Roboto,sans-serif;background:#ffffff;color:#fff;text-decoration:none;border:1px solid #000;border-radius:8px;box-shadow:0 2px 4px #0000004d;transition:transform .3s,box-shadow .3s;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;z-index:10000}#vibeJamLink:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}#blockCounter,#bpmDisplay,#timingAccuracy,#lastNote,#roundTimer,#scoreDisplay,#comboDisplay{position:absolute;color:#fff;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;font-family:Roboto,sans-serif;max-width:90%;white-space:normal}#blockCounter{top:10px;right:10px;font-size:18px}#bpmDisplay{top:40px;right:10px;font-size:12px}#timingAccuracy{top:70px;right:10px;font-size:18px}#lastNote{top:100px;right:10px;font-size:18px}#roundTimer{top:10px;left:50%;transform:translate(-50%);font-size:24px}#scoreDisplay{bottom:40px;left:50%;transform:translate(-50%);font-size:18px}#comboDisplay{top:160px;left:50%;transform:translate(-50%);font-size:24px}#crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid white;border-radius:50%}#creditFooter{position:absolute;bottom:5px;left:0;right:0;text-align:center;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;font-size:12px;font-family:Roboto,sans-serif}#creditFooter a{color:#a0a0ff;text-decoration:none}#joystickContainer{position:absolute;bottom:20px;left:20px;width:120px;height:120px;background:rgba(0,0,0,.5);border-radius:50%;touch-action:none}#joystickKnob{position:absolute;width:60px;height:60px;background:#007bff;border-radius:50%;left:30px;top:30px;touch-action:none}#mobileClickBtn{position:fixed;bottom:80px;right:80px;width:80px;height:80px;background:rgba(255,64,64,.6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Roboto,sans-serif;font-weight:700;font-size:18px;z-index:100;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:0 0 10px #00000080;text-shadow:1px 1px 2px rgba(0,0,0,.8)}#mobileClickBtn:active{background:rgba(255,0,0,.8);transform:scale(.95)}#summaryOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Roboto,sans-serif}#summaryOverlay h1{margin-bottom:20px}#summaryOverlay p{margin:5px 0}#playAgainBtn{margin-top:20px;padding:10px 20px;font-size:18px;cursor:pointer;background:#007bff;color:#fff;border:none;border-radius:5px;transition:background-color .3s}#playAgainBtn:hover{background:#0056b3}.floating-text{position:absolute;color:#0f0;font-size:20px;font-weight:700;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;pointer-events:none;opacity:1}.note-popup{position:absolute;color:#fc0;font-size:22px;font-weight:700;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;pointer-events:none;opacity:1}.multiplier-popup{position:absolute;color:#0f0;font-size:24px;font-weight:700;text-shadow:-.5px -.5px 0 #000,.5px -.5px 0 #000,-.5px .5px 0 #000,.5px .5px 0 #000;pointer-events:none;opacity:1}#startOverlay,#blockCounter,#controlsDisplay,#timingAccuracy,#lastNote,#comboDisplay,.floating-text,.note-popup,.multiplier-popup{font-size:12px}@media (max-width: 768px){#blockCounter,#bpmDisplay,#timingAccuracy,#lastNote,#roundTimer,#scoreDisplay,#comboDisplay{font-size:16px!important;color:#fff!important;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}#startOverlay{font-size:20px!important;padding:10px}canvas{width:100%!important;height:100%!important}#joystickContainer{width:80px!important;height:80px!important;bottom:10px!important;left:10px!important}#joystickKnob{width:40px!important;height:40px!important;left:20px!important;top:20px!important}#mobileClickBtn{width:60px!important;height:60px!important;bottom:10px!important;right:10px!important;font-size:16px!important}}