*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#02030a;font-family:Segoe UI,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none}#game-container{position:fixed;top:0;right:0;bottom:0;left:0}#game-container canvas{display:block}#landing-link{position:fixed;top:18px;left:18px;z-index:12;padding:8px 12px;border:1px solid rgba(40,215,255,.35);border-radius:5px;background:#030814b8;color:#e8fbff;font-size:12px;font-weight:700;text-decoration:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 12px #28d7ff1f}#landing-link:hover{border-color:#ff2bd6b8;color:#ff9cf0}#scoreboard{position:fixed;top:16px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#030814c7,#150420ad);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(40,215,255,.28);border-radius:8px;padding:12px 20px;color:#fff;z-index:10;min-width:320px;box-shadow:0 0 14px #28d7ff14,inset 0 0 12px #ff2bd60a}#frames{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.frame-cell{display:flex;flex-direction:column;align-items:center;background:#050b1cc7;border-radius:4px;padding:4px 6px;min-width:38px;border:1px solid rgba(40,215,255,.14);transition:all .2s}.frame-cell.active{border-color:#ff2bd6e6;background:#ff2bd629;box-shadow:0 0 8px #ff2bd624}.frame-cell.completed{border-color:#64ff644d}.frame-num{font-size:9px;color:#ffffff80;margin-bottom:2px}.frame-rolls{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px}.frame-score{font-size:11px;color:#ffffffb3}#total-score{text-align:center;font-size:18px;font-weight:700;color:#28d7ff;text-shadow:0 0 7px rgba(40,215,255,.28)}#total-score span{font-size:26px}#level-info{text-align:center;color:#ffffffb8;font-size:13px;margin-bottom:8px}#level-number,#level-name{color:#ff6ee7;font-weight:700}#aim-panel{position:fixed;left:24px;top:50%;transform:translateY(-50%);width:160px;padding:12px;color:#fff;background:linear-gradient(135deg,#030814c2,#1504209e);border:1px solid rgba(255,43,214,.3);border-radius:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;font-size:13px;box-shadow:0 0 12px #ff2bd614}.angle-meter{position:relative;height:8px;margin-top:10px;background:linear-gradient(90deg,#28d7ff,#f7fbff,#ff2bd6);border-radius:999px}#angle-indicator{position:absolute;top:-4px;left:50%;width:4px;height:16px;margin-left:-2px;background:#fff;border-radius:999px;box-shadow:0 0 6px #ffffff6b}#power-bar-container{position:fixed;right:32px;top:50%;transform:translateY(-50%);width:20px;height:200px;background:#030814b8;border-radius:8px;border:1px solid rgba(40,215,255,.28);overflow:hidden;z-index:10;opacity:0;transition:opacity .2s}#power-bar-container.visible{opacity:1}#power-bar{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#28d7ff,#8d5cff,#ff2bd6);border-radius:8px;transition:height .05s linear}#power-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);color:#fff9;font-size:11px;white-space:nowrap}#message{position:fixed;bottom:80px;left:50%;transform:translate(-50%);color:#fff;font-size:22px;font-weight:700;z-index:10;pointer-events:none;text-align:center;text-shadow:0 0 8px rgba(40,215,255,.45),0 0 12px rgba(255,43,214,.25);transition:opacity .4s;opacity:0}#message.show{opacity:1}#controls-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#d2f0ff8c;font-size:13px;z-index:10;pointer-events:none}#leaderboard-panel,#score-submit{position:fixed;right:24px;color:#fff;background:linear-gradient(135deg,#030814c7,#150420a8);border:1px solid rgba(40,215,255,.24);border-radius:8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;box-shadow:0 0 14px #28d7ff14}#leaderboard-panel{top:16px;width:230px;padding:12px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;color:#28d7ff;font-size:14px;font-weight:700;margin-bottom:8px}#leaderboard-refresh,#submit-score{border:1px solid rgba(40,215,255,.35);border-radius:5px;background:#28d7ff1f;color:#e8fbff;font:inherit;cursor:pointer}#leaderboard-refresh{padding:3px 8px;font-size:12px}#leaderboard-list{list-style:none;display:grid;gap:6px;max-height:260px;overflow:auto}#leaderboard-list li{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:6px 8px;background:#050b1ca6;border:1px solid rgba(255,255,255,.08);border-radius:5px;font-size:13px}.leaderboard-empty{grid-template-columns:1fr!important;color:#ffffff94;text-align:center}.leaderboard-rank{color:#ff6ee7;font-weight:700}.leaderboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-score{color:#28d7ff;font-weight:800}#score-submit{right:24px;bottom:70px;width:260px;padding:14px}#score-submit.hidden{display:none}.score-submit-title{color:#ff6ee7;font-weight:800;margin-bottom:4px}.score-submit-score{color:#ffffffb8;font-size:13px;margin-bottom:10px}#final-score{color:#28d7ff;font-weight:800}.score-submit-row{display:grid;grid-template-columns:1fr 64px;gap:8px}#player-name{min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:5px;background:#00000059;color:#fff;padding:7px 8px;outline:none}#player-name:focus{border-color:#28d7ffad}#submit-score{padding:7px 8px}#submit-status{min-height:18px;margin-top:8px;color:#ffffffad;font-size:12px}#restart-btn{display:none;position:fixed;bottom:120px;left:50%;transform:translate(-50%);background:#ffc832;color:#111;border:none;padding:12px 36px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;z-index:20;transition:background .2s}#restart-btn:hover{background:#ffd866}@media (max-width: 600px){#scoreboard{min-width:auto;padding:8px 12px}.frame-cell{min-width:28px;padding:3px 4px}.frame-rolls{font-size:11px}#power-bar-container{right:12px;width:14px;height:140px}#aim-panel{left:12px;width:128px;font-size:11px}#controls-hint{font-size:11px;bottom:12px}#leaderboard-panel{top:auto;right:12px;bottom:40px;width:180px}#score-submit{left:12px;right:auto;bottom:82px;width:min(260px,calc(100vw - 24px))}}