body{margin:0;background:#000;overflow:hidden;font-family:Impact,sans-serif}#guide-video{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;object-fit:cover;transform:none}#game-container{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:10}canvas{position:absolute;bottom:20px;right:20px;top:auto!important;left:auto!important;width:320px!important;height:240px!important;border:2px solid #00ff88;border-radius:8px;z-index:20;background:#00000080}video#webcam{display:none}#ui-layer{position:absolute;z-index:30;text-align:center;color:#fff;text-transform:uppercase;pointer-events:none;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#main-text{font-size:120px;text-shadow:4px 4px 0 #000;margin-bottom:20px}#score{font-size:40px;color:#0f0;display:none;text-shadow:2px 2px 0 #000}#start-btn{position:absolute;z-index:20;padding:20px 40px;font-size:24px;cursor:pointer;background:#fff;border:none;border-radius:8px;font-family:Impact,sans-serif}#start-btn:hover{background:#eee}#start-btn:disabled{background:#666;cursor:not-allowed;color:#aaa}.spinner{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;width:24px;height:24px;animation:spin 1s linear infinite;display:inline-block;vertical-align:middle;margin-right:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#final-score-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:30}#final-score-container h1{font-size:80px;color:#f05;margin:0;text-shadow:4px 4px 0 #fff}#final-score-container p{font-size:40px;color:#fff}#restart-btn{padding:15px 30px;font-size:24px;cursor:pointer;background:#0f8;border:none;border-radius:8px;font-family:Impact,sans-serif;margin-top:20px}#restart-btn:hover{background:#00cc6a}footer{position:fixed;bottom:10px;width:100%;text-align:center;color:#ffffffb3;font-family:sans-serif;font-size:14px;z-index:100;pointer-events:auto}footer a{color:#0f8;text-decoration:none}footer a:hover{text-decoration:underline}#emoji-toggle-btn{position:absolute;right:20px;bottom:270px;z-index:30;padding:10px 20px;font-size:18px;cursor:pointer;background:#fff;border:none;border-radius:8px;font-family:Impact,sans-serif}#emoji-toggle-btn:hover{background:#eee}#timer-container{position:absolute;top:20px;left:50%;transform:translate(-50%);width:60%;height:20px;background:#fff3;border-radius:10px;z-index:1000;overflow:hidden;border:2px solid rgba(255,255,255,.5)}#timer-bar{width:100%;height:100%;background:#0f8;box-shadow:0 0 10px #0f8;transition:width .1s linear}#timer-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700;text-shadow:1px 1px 2px black;z-index:1001}