*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;height:calc(var(--vh, 1vh) * 100);overflow:hidden}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}canvas{touch-action:none}needle-engine{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}#loading{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease-out}#loading.fade-out{opacity:0;pointer-events:none}.loading-content{text-align:center;color:#fff}.loading-content.error{background:#fffffff2;padding:40px;border-radius:20px;color:#333}.loading-emoji{font-size:80px;margin-bottom:20px;animation:bounce 1s ease-in-out infinite}.loading-text{font-size:28px;font-weight:700;margin-bottom:10px}.loading-subtext{font-size:16px;opacity:.8}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}#ui-root,#game-ui{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}#hud{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto}#score{font-size:24px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);background:#fff3;padding:10px 20px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#cry-meter-container{width:200px;height:20px;background:#0000004d;border-radius:10px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}#cry-meter-fill{height:100%;width:0%;background:linear-gradient(90deg,#4ade80,#facc15,#ef4444);transition:width .3s ease-out}.ui-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;border:3px solid white;background:#ffffffe6;font-size:28px;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d;transition:transform .2s,box-shadow .2s}.ui-button.camera-btn{right:20px}.ui-button.throw-btn{right:90px;background:linear-gradient(135deg,#ffecd2,#fcb69f);animation:pulse 1s infinite}.ui-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.ui-button:active{transform:scale(.95)}.screen-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#fffffff2;padding:40px 60px;border-radius:20px;box-shadow:0 10px 40px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto}#start-screen,#game-over-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:200}.game-title{font-size:48px;color:#764ba2;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.game-instructions{font-size:18px;color:#666;margin-bottom:30px;line-height:1.6}.game-over-title{font-size:48px;color:#ef4444;margin-bottom:20px}.final-score{font-size:28px;color:#666;margin-bottom:30px}.final-score span{font-size:36px;font-weight:700;color:#764ba2}.primary-button{font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:15px 40px;border-radius:30px;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:transform .2s,box-shadow .2s;pointer-events:auto}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.primary-button:active{transform:translateY(0);box-shadow:0 2px 10px #667eea66}.secondary-button{font-size:16px;font-weight:700;color:#764ba2;background:transparent;border:2px solid #764ba2;padding:12px 30px;border-radius:30px;cursor:pointer;transition:transform .2s,background-color .2s,color .2s;pointer-events:auto;margin-top:15px;display:block;width:100%}.secondary-button:hover{background:#764ba2;color:#fff;transform:translateY(-2px)}.secondary-button:active{transform:translateY(0)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#start-btn{animation:pulse 2s infinite}@media(max-width:768px){.game-title,.game-over-title{font-size:32px}.screen-content{padding:30px 40px;max-width:90%}#hud{top:10px}#score{font-size:18px;padding:8px 16px}#cry-meter-container{width:150px;height:16px}.ui-button{width:50px;height:50px;font-size:24px;bottom:15px;right:15px}}