body{margin:0;padding:0;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a1a;color:#fff}#game-container{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:0}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}#header{position:absolute;top:20px;left:20px;display:flex;flex-direction:column;gap:4px;text-shadow:0 2px 4px rgba(0,0,0,.5);pointer-events:auto}#level{font-size:32px;font-weight:700;color:#64ff7b}#score{font-size:24px;font-weight:700}#bottom-nav{position:absolute;bottom:0;left:0;width:100%;height:70px;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-around;align-items:center;pointer-events:auto;border-top:1px solid rgba(255,255,255,.1)}.nav-btn{background:transparent;border:none;color:#aaa;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;cursor:pointer;transition:color .2s}.nav-btn:hover,.nav-btn:active{color:#fff;transform:none}.nav-btn span{font-size:12px;font-weight:500}#legend-container{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column-reverse;gap:12px;background:#0006;padding:16px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;transition:opacity .3s}.legend-item{width:30px;height:30px;border-radius:6px;box-shadow:0 2px 4px #0000004d;position:relative}.legend-item:not(:last-child):after{content:"↑";position:absolute;top:-18px;left:50%;transform:translate(-50%);color:#ffffff80;font-size:12px}#controls{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto}.horizontal-controls{display:flex;gap:8px}.arrow-btn{width:60px;height:60px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .1s;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;padding:0}.arrow-btn:active{background:#ffffff40;transform:scale(.95)}#game-over,#level-complete,#level-selector,#gamertag-modal,#leaderboard-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#141414f2;padding:40px;border-radius:16px;text-align:center;pointer-events:auto;display:flex;flex-direction:column;gap:20px;min-width:200px;z-index:20;box-shadow:0 20px 50px #0009;border:1px solid rgba(255,255,255,.1)}#level-selector,#leaderboard-modal{width:300px;max-height:80vh}#gamertag-input{padding:12px;font-size:18px;border-radius:8px;border:1px solid #444;background:#222;color:#fff;text-align:center;outline:none}#leaderboard-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.leaderboard-entry{display:flex;justify-content:space-between;padding:12px;background:#ffffff0d;border-radius:8px;font-size:14px}.leaderboard-entry.highlight{background:#ffd70033;border:1px solid rgba(255,215,0,.5)}#levels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;overflow-y:auto;max-height:300px}.level-btn{background:#333;color:#fff;border:1px solid #444;border-radius:8px;width:50px;height:50px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.level-btn:hover:not(.locked){background:#444}.level-btn.active{background:#64b0ff;border-color:#64b0ff;color:#000}.level-btn.locked{opacity:.3;cursor:not-allowed;background:#111;border-color:#222}.hidden{display:none!important;opacity:0}button:not(.arrow-btn):not(.nav-btn):not(.level-btn){background:#64b0ff;color:#000;border:none;padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:transform .1s,opacity .2s}button:not(.arrow-btn):not(.nav-btn):not(.level-btn):hover{opacity:.9;transform:scale(1.02)}@media (max-width: 600px){#header{top:10px;left:16px}#level{font-size:24px}#score{font-size:16px;opacity:.8}#legend-container{display:flex;flex-direction:row;top:auto;bottom:170px;right:50%;transform:translate(50%);gap:8px;padding:8px 12px;background:#000000b3}.legend-item{width:24px;height:24px}.legend-item:not(:last-child):after{display:none}#controls{bottom:85px;gap:6px}.horizontal-controls{gap:6px}.arrow-btn{width:50px;height:50px}#level-selector,#leaderboard-modal,#gamertag-modal,#game-over,#level-complete{width:85%;padding:24px}#levels-grid{grid-template-columns:repeat(4,1fr)}}