html,body,#root,.app{background:#1a1a2e;height:100%;margin:0;font-family:system-ui,sans-serif;overflow:hidden}.app{position:relative}.hud{padding:calc(8px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) 8px calc(12px + env(safe-area-inset-left));color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#121224b8;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.hud .level{left:50%;top:calc(50% + env(safe-area-inset-top) / 2);pointer-events:none;background:#ffffff1a;border-radius:999px;padding:6px 16px;font-size:16px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.hud .actions{gap:8px;display:flex}@media (width<=480px){.hud{justify-content:flex-start}.hud .level{margin-left:10px;position:static;transform:none}.hud .actions{margin-left:auto}}.hud button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:10px;place-items:center;width:44px;height:44px;padding:0;font-size:18px;display:grid}.hud button:disabled{opacity:.35;cursor:default}.clear-overlay{z-index:1;background:#0000008c;place-items:center;display:grid;position:absolute;inset:0}.clear-card{text-align:center;color:#fff}.clear-card h1{margin-bottom:20px;font-size:28px}.clear-card button{color:#fff;cursor:pointer;background:#3cb44b;border:none;border-radius:10px;padding:12px 28px;font-size:18px}.fallback{color:#fff;text-align:center;padding-top:40vh}.title-page{padding-top:calc(12vh + env(safe-area-inset-top));pointer-events:none;background:radial-gradient(70% 55% at 50% 34%,#0808129e,#08081200 70%);flex-direction:column;justify-content:flex-start;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.title-logo{color:#fff;letter-spacing:2px;text-shadow:0 4px 24px #42d4f480;font-size:44px}.title-menu{pointer-events:auto;flex-direction:column;gap:12px;display:flex}.title-menu button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#121224c7;border:1px solid #ffffff4d;border-radius:10px;padding:12px 32px;font-size:17px;box-shadow:0 4px 16px #00000059}.title-menu button.primary{background:#3cb44b;border:none;font-weight:700;box-shadow:0 4px 20px #3cb44b73}.level-grid{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#121224b8;border-radius:12px;grid-template-columns:repeat(5,56px);gap:8px;max-height:36vh;padding:12px;display:grid;overflow-y:auto;box-shadow:0 4px 16px #00000059}.level-grid button{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff38;border-radius:8px;height:44px;font-size:15px}.modal-overlay{z-index:2;pointer-events:auto;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.modal-card{color:#fff;background:#23233a;border-radius:12px;max-width:420px;padding:24px 28px;line-height:1.9}.modal-card h2{margin-bottom:8px}.modal-card ol{margin-bottom:16px;padding-left:20px}.modal-card button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;padding:8px 20px;font-size:15px}.title-menu .mute{align-self:center;width:44px;height:44px;padding:0;font-size:16px}.lang-row{justify-content:center;gap:6px;display:flex}.lang-row button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;background:#121224c7;border:1px solid #ffffff4d;border-radius:999px;padding:6px 14px;font-size:13px}.lang-row button.active{background:#3cb44b;border-color:#0000;font-weight:700}