*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff}.ui-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center}.score-board{position:absolute;top:20px;left:20px;font-weight:700;font-size:1.2rem;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.modal{pointer-events:auto;background:#1a1a1ae6;border:1px solid #333;padding:30px;border-radius:12px;text-align:center;box-shadow:0 10px 30px #00000080;max-width:90%;width:380px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}h1{font-size:2.2rem;letter-spacing:4px;margin-bottom:5px;color:#4caf50}.subtitle{font-size:.85rem;color:#888;margin-bottom:25px}.gameover-box{margin-bottom:25px;background:#ff57221a;border:1px solid rgba(255,87,34,.3);padding:15px;border-radius:8px}.start-btn{background:#4caf50;color:#fff;border:none;padding:12px 30px;font-size:1.1rem;font-weight:700;border-radius:6px;cursor:pointer;width:100%;transition:background .2s;letter-spacing:1px;margin-bottom:15px}.start-btn:hover{background:#45a049}.camera-selector{margin-bottom:25px;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.selector-title{font-size:.75rem;font-weight:700;letter-spacing:1.5px;color:#777}.selector-buttons{display:flex;width:100%;background:#ffffff0d;border:1px solid #333;border-radius:8px;overflow:hidden;padding:3px}.selector-btn{flex:1;background:transparent;border:none;color:#888;padding:8px 0;font-size:.85rem;cursor:pointer;border-radius:6px;transition:all .2s ease;font-weight:500}.selector-btn:hover{color:#ddd}.selector-btn.active{background:#4caf5026;color:#4caf50;font-weight:700}.pwa-btn{background:transparent;color:#888;border:1px solid #444;padding:8px 15px;font-size:.8rem;border-radius:4px;cursor:pointer;margin-top:15px;transition:all .2s}.pwa-btn:hover{color:#fff;border-color:#888}.instructions{font-size:.8rem;color:#666;line-height:1.4;margin-top:20px;border-top:1px solid #222;padding-top:15px}.mobile-controls{position:absolute;bottom:40px;display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:12px;pointer-events:auto;-webkit-user-select:none;user-select:none}.control-btn{width:60px;height:60px;border-radius:50%;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);color:#fff;font-size:1.4rem;display:flex;justify-content:center;align-items:center;cursor:pointer;outline:none;transition:all .1s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent}.control-btn:active{background:#4caf5066;border-color:#4caf50cc;transform:scale(.92)}.control-btn.up{grid-area:up}.control-btn.left{grid-area:left}.control-btn.right{grid-area:right}.control-btn.down{grid-area:down}@media (hover: hover) and (pointer: fine){.mobile-controls{display:none}}