.topup-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;padding:18px;background:radial-gradient(1200px 700px at 50% 35%,#4ecdc41f,#000000b8);z-index:1000}.topup-modal-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,94vw);max-height:86vh;overflow:auto;padding:22px 22px 20px;color:#ffffffeb;background:#1c1c1e61;border:1px solid rgba(255,255,255,.14);border-radius:30px;box-shadow:0 18px 60px #0000008c,inset 0 1px #ffffff1f;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.topup-modal-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:30px;pointer-events:none;background:linear-gradient(135deg,#ffffff29,#ffffff0d 35%,#ffffff05 60%,#ffffff1a);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);padding:1px;opacity:.55}.topup-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.topup-modal-title{margin:0;font-family:Arial,sans-serif;font-size:26px;letter-spacing:.2px}.topup-modal-close{border-radius:999px;width:36px;height:36px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;font-size:26px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.topup-modal-close:hover{color:#4ecdc4;background:#4ecdc41a;border-color:#4ecdc438}.topup-modal-body{display:flex;flex-direction:column;gap:14px}.wallet-summary{padding:12px 14px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wallet-summary-title{font-family:Arial,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#ffffffb3;margin-bottom:8px}.wallet-summary-address{font-family:Courier New,monospace;font-size:12px;color:#ffffffeb;word-break:break-all}.wallet-summary-empty{font-family:Arial,sans-serif;font-size:14px;color:#ffffffbf}.wallet-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.wallet-copy-button{width:100%;padding:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#ffffffe6;font-family:Arial,sans-serif;font-size:12px;font-weight:700;cursor:pointer}.wallet-copy-button:hover{background:#ffffff1f}.topup-toggle{--active-index: 0;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;height:48px;padding:4px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topup-toggle-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);border-radius:999px;background:#ffffff0a;border:2px solid rgba(255,255,255,.85);transform:translate(calc(var(--active-index) * 100%));transition:transform .22s ease}.topup-toggle-option{position:relative;z-index:1;background:transparent;border:none;color:#ffffffe6;font-family:Arial,sans-serif;font-weight:800;cursor:pointer}.topup-section{display:grid;gap:10px}.topup-modal-body p{margin:0;font-family:Arial,sans-serif;color:#ffffffc7}.topup-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.topup-input{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#fff;font-family:Arial,sans-serif;font-size:16px;box-sizing:border-box}.topup-input:focus{outline:none;border-color:#4ecdc4bf}.amount-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.amount-button{background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#fff;padding:15px;border-radius:16px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.amount-button:hover{background:#ffffff17;border-color:#ffffff38}.amount-button.active{background:#4ecdc4d9;border-color:#6ed9d1e6;color:#1a1a1a}.custom-amount{margin:15px 0}.custom-amount input{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#fff;font-family:Arial,sans-serif;font-size:16px;box-sizing:border-box}.custom-amount input:focus{outline:none;border-color:#4ecdc4bf}.topup-button{width:100%;background:linear-gradient(135deg,#4ecdc4f2,#45b7d1f2);border:none;border-radius:18px;color:#fffffff5;padding:15px 20px;font-family:Arial,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s;margin-top:10px}.status-message{padding:10px 12px;border-radius:14px;background:#4ecdc41f;border:1px solid rgba(78,205,196,.25);color:#ffffffe0;font-family:Arial,sans-serif;font-size:12px}.topup-button:hover:not(:disabled){transform:scale(1.05)}.topup-button:disabled{opacity:.6;cursor:not-allowed}.wallet-info{margin-bottom:20px;padding:15px;background:#ffffff0f;border-radius:18px;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-align:center}.wallet-address-label{font-weight:800;font-size:14px;color:#ffffffd9}.wallet-address{font-size:12px;color:#ffffffe0;word-break:break-all;margin:0;font-family:Courier New,monospace}.wallet-address-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 12px}.disconnect-button{width:100%;padding:10px;background:#ff4444eb;border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#fff;font-family:Arial,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s}.disconnect-button:hover{background:#ff6666f2}.topup-modal-content .error-message{background:#ff4444e0;border:1px solid rgba(255,255,255,.14);border-radius:16px}.start-screen{width:100%;height:100%;display:flex;flex-direction:column;background:radial-gradient(1200px 700px at 50% 35%,#4ecdc41a,#000000eb);color:#fff;font-family:Courier New,monospace;position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden}.start-screen{min-height:100vh}@supports (height: 100dvh){.start-screen{min-height:100dvh}}.start-screen.tonconnect-open .start-header,.start-screen.tonconnect-open .start-content,.start-screen.tonconnect-open .menu-gear{opacity:0;pointer-events:none}.start-screen button,.start-screen [role=button]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.start-screen button:focus{outline:none}.start-screen button:focus-visible{outline:2px solid rgba(78,205,196,.55);outline-offset:2px}.menu-gear{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px #0006;display:inline-flex;align-items:center;justify-content:center;z-index:6;cursor:pointer}.menu-modal-backdrop{position:fixed!important;top:0;right:0;bottom:0;left:0;background:transparent;z-index:5;display:flex;align-items:center;justify-content:center;padding:12px;opacity:0;animation:menuBackdropIn .18s ease forwards}.menu-modal{position:fixed!important;left:50%;top:44%;transform:translate(-50%,-50%) scale(.98);width:min(360px,92vw);border-radius:18px;padding:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #0000008c;opacity:0;animation:menuModalIn .22s cubic-bezier(.2,.9,.2,1) forwards}@keyframes menuBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes menuModalIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes menuBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes menuModalOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-46%) scale(.96)}}.menu-modal-backdrop.is-closing{animation:menuBackdropOut .18s ease forwards}.menu-modal-backdrop.is-closing .menu-modal{animation:menuModalOut .22s cubic-bezier(.2,.9,.2,1) forwards}@media (prefers-reduced-motion: reduce){.menu-modal-backdrop{animation:none;opacity:1}.menu-modal{animation:none;opacity:1;transform:translate(-50%,-50%)}.menu-modal-backdrop.is-closing,.menu-modal-backdrop.is-closing .menu-modal{animation:none}}.control-switch{--active-index: 0;width:min(320px,92%);height:54px;margin:10px auto 0;padding:4px;position:relative;display:flex;align-items:stretch;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.game-mode-switch{--active-index: 0;width:min(320px,92%);height:52px;margin:0 auto 8px;padding:4px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.game-mode-switch-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);border-radius:999px;background:#ffffff08;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 12px #ffffff2e,inset 0 0 0 1px #ffffff1a;transform:translate(calc(var(--active-index) * 100%));transition:transform .26s cubic-bezier(.2,.9,.2,1);z-index:0}.game-mode-option:disabled,.mode-switch-option:disabled,.play-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.game-mode-option{border:none;background:transparent;border-radius:999px;cursor:pointer;position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Arial,sans-serif;font-weight:900;color:#ffffffe6;transition:transform .22s cubic-bezier(.2,.9,.2,1);-webkit-tap-highlight-color:transparent}.game-mode-option.active{transform:scale(1.06)}.game-mode-icon{font-size:18px;line-height:1}.game-mode-text{font-size:12px}.control-switch-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);border-radius:999px;background:#ffffff08;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 12px #ffffff2e,inset 0 0 0 1px #ffffff1a;transform:translate(calc(var(--active-index) * 100%));transition:transform .26s cubic-bezier(.2,.9,.2,1);z-index:0}.control-switch-option{flex:1;border:none;background:transparent;border-radius:999px;cursor:pointer;position:relative;z-index:1;display:grid;place-items:center;font-family:Arial,sans-serif;font-weight:900;color:#ffffffe6;transition:transform .22s cubic-bezier(.2,.9,.2,1);-webkit-tap-highlight-color:transparent}.control-switch-option.active{transform:scale(1.1)}.menu-modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(78,205,196,.55);background:linear-gradient(135deg,#4ecdc459,#45b7d138);color:#fffffff5;font-family:Arial,sans-serif;font-size:22px;font-weight:900;line-height:1;display:inline-flex;align-items:center;justify-content:center}.menu-modal-hint{margin-top:10px;font-family:Arial,sans-serif;font-weight:800;font-size:12px;color:#ffffffb3}.menu-modal-title{font-family:Arial,sans-serif;font-weight:900;color:#4ecdc4f2;text-align:center;margin:0 52px 10px}.menu-modal-subtitle{font-family:Arial,sans-serif;font-weight:800;font-size:12px;color:#ffffffb3;margin-bottom:12px}.menu-modal-options{display:flex;gap:10px;flex-wrap:wrap}.menu-option{flex:1 1 30%;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#ffffffe6;font-family:Arial,sans-serif;font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent}.menu-option.active{border-color:#4ecdc4a6;background:linear-gradient(135deg,#4ecdc459,#45b7d133)}.start-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.start-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1000px 700px at 50% 40%,#0000,#00000059);z-index:0}.start-screen>*{position:relative;z-index:1}.start-screen>.menu-gear,.start-screen>.menu-modal-backdrop{position:fixed!important;z-index:6}.start-header{--header-gap: 12px;display:grid;grid-template-columns:1fr 1fr;column-gap:var(--header-gap);align-items:center;padding:20px;border-bottom:2px solid #333}.header-left{display:inline-flex;align-items:center;gap:var(--header-gap);justify-self:start;min-width:0}.user-avatar-button{width:44px;height:44px;border-radius:999px;padding:0;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.user-name-pill{height:44px;padding:0 14px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:46vw;font-family:Arial,sans-serif;font-weight:900;font-size:14px;color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.header-button{background:#2a2a2a;border:2px solid #444;color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-family:Courier New,monospace;font-size:14px}.plus-button{background:linear-gradient(135deg,#4ecdc4,#45b7d1);border:none;color:#1a1a1a;padding:10px 20px;border-radius:8px;cursor:pointer;font-family:Arial,sans-serif;font-size:20px;font-weight:700;transition:transform .2s}.plus-button:hover{transform:scale(1.05)}.plus-button:active{transform:scale(.98)}.connect-pill{height:44px;padding:0 16px;border-radius:999px;border:2px solid rgba(255,255,255,.55);background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#fffffff5;font-family:Arial,sans-serif;font-weight:900;font-size:14px;cursor:pointer;box-shadow:0 0 18px #ffffff24,0 12px 30px #0006;transition:transform .2s}.header-right .connect-pill{width:100%;justify-content:center}.connect-pill:hover{transform:scale(1.03)}.connect-pill:active{transform:scale(.98)}.balance-pill{height:44px;padding:0 16px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;font-family:Arial,sans-serif;font-weight:900;font-size:14px;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.plus-circle{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#4ecdc4,#45b7d1);color:#fffffff5;cursor:pointer;font-family:Arial,sans-serif;font-size:22px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}.plus-circle:hover{transform:scale(1.05)}.plus-circle:active{transform:scale(.98)}.userpic-button{padding:0;width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.userpic-image{width:100%;height:100%;object-fit:cover}.userpic-placeholder{width:100%;height:100%;background:#4ecdc4;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#1a1a1a}.header-right{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-width:0}.start-content{flex:1;display:flex;justify-content:center;align-items:stretch;padding:16px 20px;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-panel{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px;width:100%;height:100%;min-height:0}.preview-area{flex:1;width:100%;display:flex;align-items:center;justify-content:center;min-height:0}.preview-display{width:100%;height:clamp(220px,42vh,380px);background:transparent;border:none;border-radius:0;overflow:hidden;position:relative}.preview-display:before{display:none}.preview-canvas{width:100%;height:100%;display:block;position:relative;z-index:1}.bottom-controls{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}@media (max-height: 720px){.start-header{padding:14px 16px}.header-tools{padding:0 16px;margin-top:14px}.start-content{padding:12px 16px}.main-panel,.bottom-controls{gap:12px}}.header-tools{position:relative;z-index:2;padding:0 20px;margin-top:20px;display:flex;align-items:center;justify-content:flex-start}.customize-button{background:transparent;border:none;color:#4ecdc4;cursor:pointer;font-family:Courier New,monospace;font-size:16px;text-decoration:underline}.color-switch{--active-index: 0;width:min(320px,88%);height:54px;margin:0 auto;padding:4px;position:relative;display:flex;align-items:stretch;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.color-switch-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);border-radius:999px;background:#ffffff08;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 12px #ffffff38,inset 0 0 0 1px #ffffff1a;transform:translate(calc(var(--active-index) * 100%));transition:transform .26s cubic-bezier(.2,.9,.2,1);z-index:0}.color-switch-option{flex:1;border:none;background:transparent;border-radius:999px;cursor:pointer;position:relative;z-index:1;display:grid;place-items:center;transition:transform .22s cubic-bezier(.2,.9,.2,1)}.color-switch-option.active{transform:scale(1.12)}.color-switch-option.active .color-switch-dot{transform:scale(1.12);box-shadow:0 0 14px #ffffff29,0 0 10px #00000059}.color-switch-option:active{transform:scale(.98)}.color-switch-dot{width:26px;height:26px;border-radius:999px;box-shadow:0 0 10px #00000059;border:2px solid rgba(0,0,0,.25)}.mode-switch{--active-index: 0;width:min(280px,82%);height:52px;margin:0 auto;padding:4px;position:relative;display:flex;align-items:stretch;gap:0;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mode-switch-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:999px;background:#ffffff08;border:2px solid rgba(255,255,255,.85);box-shadow:0 0 12px #ffffff38,inset 0 0 0 1px #ffffff1a;transform:translate(calc(var(--active-index) * 100%));transition:transform .26s cubic-bezier(.2,.9,.2,1);z-index:0}.mode-switch-option{flex:1;border:none;background:transparent;border-radius:999px;cursor:pointer;font-family:Arial,sans-serif;font-size:22px;font-weight:800;color:#ffffffd9;position:relative;z-index:1;transition:transform .22s cubic-bezier(.2,.9,.2,1)}.mode-switch-option.active{color:#fffffffa;transform:scale(1.12)}.mode-switch-option:active{transform:scale(.98)}.play-button{width:100%;padding:clamp(15px,4vw,25px);background:linear-gradient(135deg,#4ecdc4,#45b7d1);border:2px solid rgba(255,255,255,.62);border-radius:999px;color:#fffffff5;font-family:Arial,sans-serif;font-size:clamp(20px,5vw,36px);font-weight:700;cursor:pointer;transition:transform .2s;text-transform:uppercase;box-shadow:0 0 18px #ffffff24,0 16px 40px #00000073}.play-button:hover{transform:scale(1.05);box-shadow:0 0 26px #ffffff38,0 16px 44px #00000080}.play-button:active{transform:scale(.98)}.joystick-container{position:absolute;bottom:24px;left:24px;transform:none;width:130px;height:130px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.3);display:flex;justify-content:center;align-items:center;z-index:100;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.joystick-container.joystick--portrait{left:50%;transform:translate(-50%);bottom:24px}.joystick-container.joystick--landscape{left:18px;bottom:18px;transform:none}.joystick-container.joystick--game{position:fixed;left:calc(18px + env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:none}.joystick-stick{width:52px;height:52px;border-radius:50%;background:#ffffffe6;box-shadow:0 4px 10px #0000004d;transition:transform .1s ease-out;pointer-events:none}.game-container{width:100vw;height:100vh;position:relative;overflow:hidden;background:#1a1a1a}@supports (height: 100dvh){.game-container{height:100dvh}}.game-canvas{display:block;width:100%;height:100%}.online-waiting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 20px 28px;background:#080c0ce0;z-index:5}.online-waiting-header{font-family:Arial,sans-serif;font-size:18px;font-weight:900;color:#ffffffe6;margin-top:8px}.online-waiting-list{width:min(360px,92%);padding:16px;border-radius:22px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;gap:10px;max-height:46vh;overflow-y:auto}.online-waiting-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.online-waiting-item--self{background:#4ecdc41f;border-color:#4ecdc459}.online-waiting-avatar{width:34px;height:34px;border-radius:999px;object-fit:cover}.online-waiting-avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff;font-weight:900}.online-waiting-name{font-family:Arial,sans-serif;font-size:14px;font-weight:800;color:#ffffffeb}.online-waiting-slot{font-family:Arial,sans-serif;font-size:13px;color:#ffffffb3}.online-waiting-footer{display:grid;gap:10px;width:min(360px,92%)}.online-waiting-content{width:100%;display:flex;justify-content:center}.online-waiting-countdown{text-align:center;font-family:Arial,sans-serif;font-size:14px;font-weight:800;color:#ffffffe0}.online-cancel-button{width:100%;padding:14px 18px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);color:#ffffffeb;font-family:Arial,sans-serif;font-size:15px;font-weight:900;cursor:pointer}.online-cancel-button:hover{background:#ffffff1f}.game-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-top-center{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);pointer-events:none}.hud-top-row{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:calc(14px + env(safe-area-inset-left,0px));right:calc(14px + env(safe-area-inset-right,0px));display:flex;justify-content:space-between;gap:10px;pointer-events:none}.hud-pill{height:40px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-weight:900;font-size:14px;color:#ffffffeb;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px #0006}.hud-pill--left{pointer-events:none}.hud-exit-pill{pointer-events:auto;border:2px solid rgba(255,255,255,.22);background:linear-gradient(90deg,#ffd640e6,#ffd640e6 calc(var(--p, 0) * 100%),#ffffff0f calc(var(--p, 0) * 100%),#ffffff0f);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hud-bottom-hint{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;align-items:center;gap:10px;pointer-events:none}.hud-hint-text{color:#ffffffbf;font-family:Arial,sans-serif;font-weight:800;font-size:13px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.hud-q-badge{width:44px;height:44px;border-radius:14px;border:2px solid rgba(255,255,255,.22);background:#00000047;overflow:hidden;position:relative;display:inline-flex;align-items:center;justify-content:center}.hud-q-badge:before{content:"";position:absolute;left:0;right:0;bottom:0;height:calc(var(--p, 0) * 100%);background:#ffd6408c}.hud-q-badge span{position:relative;z-index:1;font-family:Arial,sans-serif;font-weight:900;color:#ffffffeb}.boost-button{position:absolute;width:88px;height:88px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 30px #0006;display:inline-flex;align-items:center;justify-content:center;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.boost-button--game{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px))}.boost-triangle{width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:26px solid rgba(255,255,255,.88);transform:translateY(-2px)}.game-over-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in;background:radial-gradient(1200px 700px at 50% 35%,#4ecdc41a,#000000b8)}.game-over-modal{position:relative;background:#1c1c1e66;backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:26px 22px 22px;width:min(520px,92vw);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a;animation:slideUp .4s ease-out}.take-pill{margin:4px auto 10px;width:fit-content;padding:10px 18px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);color:#ffffffc7;font-family:Arial,sans-serif;font-weight:900;letter-spacing:1.6px;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.take-amount{text-align:center;font-family:Arial,sans-serif;font-weight:900;font-size:64px;line-height:1;margin:4px 0 16px}.balance-value{color:gold;text-shadow:0 0 18px rgba(255,215,0,.45),0 0 38px rgba(255,215,0,.22)}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.stat-pill{padding:14px 14px 12px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stat-pill-label{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1.2px;font-family:Arial,sans-serif;font-weight:800;margin-bottom:6px}.stat-pill-value{font-size:34px;font-family:Arial,sans-serif;font-weight:900;line-height:1}.bots-hint{margin:8px 4px 16px;padding:10px 12px;border-radius:14px;background:#4ecdc41a;border:1px solid rgba(78,205,196,.22);color:#ffffffd9;font-family:Arial,sans-serif;font-size:13px;text-align:center}.time-value{color:#48f;text-shadow:0 0 15px rgba(68,136,255,.6),0 0 30px rgba(68,136,255,.3)}.kills-value{color:#f44;text-shadow:0 0 15px rgba(255,68,68,.6),0 0 30px rgba(255,68,68,.3)}.modal-buttons{display:flex;gap:15px;margin-top:4px;width:100%}.menu-button{flex:1;padding:16px 22px;font-size:18px;font-weight:900;color:#ffffffeb;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:999px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-button:hover{background:#ffffff17;border-color:#fff3;transform:translateY(-2px)}.menu-button:active{transform:translateY(0)}.restart-button{flex:1;padding:16px 22px;font-size:18px;font-weight:900;color:#fffffff5;background:linear-gradient(135deg,#4ecdc4,#45b7d1);border:2px solid rgba(255,255,255,.4);border-radius:999px;cursor:pointer;box-shadow:0 4px 15px #4ecdc44d;transition:all .2s;text-transform:uppercase;letter-spacing:1px;font-family:Arial,sans-serif}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.restart-button:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.app{width:100%;height:100%;position:relative}.online-waiting{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;font-family:Arial,sans-serif;font-weight:800;font-size:13px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:3}*{margin:0;padding:0;box-sizing:border-box}button,a,[role=button],input,select,textarea{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,[role=button]{-webkit-user-select:none;user-select:none;touch-action:manipulation}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(78,205,196,.55);outline-offset:2px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#1a1a1a}:root{--app-vh: 1vh}@supports (height: 100dvh){body,#root{height:100dvh}}#root{width:100vw;height:calc(var(--app-vh) * 100);display:block}