:root{--glass-bg:hsla(0,0%,100%,.1);--glass-border:hsla(0,0%,100%,.2)}body{margin:0;overflow:hidden;font-family:Inter,sans-serif;background:#000;touch-action:none;overscroll-behavior:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.app-container{position:fixed;pointer-events:none;z-index:10}.app-container,.menu-view{inset:0;display:flex;flex-direction:column}.menu-view{position:absolute;z-index:50;justify-content:flex-start;align-items:center;padding-top:15dvh;height:100dvh;overflow-y:auto;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:40px;text-align:center;color:#fff;width:90%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.menu-title{font-size:32px;font-weight:900;margin-bottom:30px;letter-spacing:2px;text-transform:uppercase}.input-field{width:100%;padding:14px;border-radius:12px;border:1px solid var(--glass-border);background:rgba(0,0,0,.3);color:#fff;margin-bottom:15px;font-size:16px;outline:none;box-sizing:border-box;text-align:center}.input-field:focus{border-color:#10b981}.play-btn{width:100%;padding:16px;border-radius:12px;border:none;font-weight:800;font-size:16px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;transition:transform .2s}.play-btn:active{transform:scale(.96)}.btn-green{background:#10b981;color:#fff}.btn-blue{background:#3b82f6;color:#fff}.top-hud{position:absolute;top:20px;left:0;right:0;display:flex;justify-content:center;gap:15px;z-index:20}.player-pill{background:rgba(0,0,0,.5);border:1px solid var(--glass-border);padding:8px 16px;border-radius:20px;color:#fff;text-align:center;min-width:80px;transition:all .3s}.player-pill.active{background:rgba(234,179,8,.8);border-color:#fde047;transform:scale(1.05);color:#000}.bottom-bar{position:absolute;bottom:25px;width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;pointer-events:none;padding:0 10px;box-sizing:border-box;z-index:20}.action-btn{pointer-events:auto;padding:12px 18px;border-radius:14px;border:none;font-weight:700;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.btn-primary{background:#10b981;color:#fff}.toast{position:fixed;top:80px;left:50%;transform:translateX(-50%);padding:12px 24px;border-radius:50px;font-weight:700;color:#fff;z-index:100;animation:fadeIn .3s ease}.toast.error{background:#ef4444}.toast.success{background:#10b981}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}