*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;margin:0;padding:0}html,body{color:#f8fafc;background-color:#020617;justify-content:center;align-items:center;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Outfit,sans-serif;display:flex;overflow:hidden}#game-wrapper{background:radial-gradient(circle,#090e1c 0%,#030611 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}#game-container{aspect-ratio:16/9;background-color:#020617;border:3px solid #1e293b;border-radius:8px;width:min(100vw,177.778vh);height:min(100vh,56.25vw);transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 35px #000000f2}#game-canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}#mobile-touch-controls{pointer-events:none;z-index:100;box-sizing:border-box;width:100%;height:100%;display:none;position:absolute;top:0;left:0}@media (pointer:coarse),(width<=900px){#mobile-touch-controls{display:flex}}@media (orientation:portrait),(aspect-ratio<=1){#game-wrapper{padding-top:max(4px, env(safe-area-inset-top));padding-bottom:max(8px, env(safe-area-inset-bottom));justify-content:flex-start}#game-container{aspect-ratio:4/3;border:none;border-bottom:2px solid #334155;border-radius:0;flex-shrink:0;width:100vw;max-width:100vw;height:auto;box-shadow:0 6px 24px #000000e6}#cinematic-ui-overlay{align-items:center!important;padding:16px 20px!important}#cinematic-title-root h1{letter-spacing:4px!important;text-align:center!important;font-size:clamp(24px,7vw,36px)!important}#cinematic-ui-overlay>div:first-child{text-align:center!important;margin-top:10px!important}#cinematic-ui-overlay>div:nth-child(2){align-items:center!important;margin-bottom:16px!important}#mobile-touch-controls{background:radial-gradient(circle at 50% 30%,#0c1427 0%,#030611 100%);border-top:1px solid #38bdf833;width:100%;height:calc(100dvh - 75vw);position:absolute;top:auto;bottom:0;left:0;display:flex!important}.mobile-top-bar{top:10px;right:12px}.touch-dpad-cluster{bottom:max(20px, env(safe-area-inset-bottom));left:14px}.touch-action-cluster{bottom:max(20px, env(safe-area-inset-bottom));gap:12px;right:14px}}.mobile-top-bar{top:max(8px, env(safe-area-inset-top));pointer-events:auto;z-index:110;align-items:center;gap:6px;display:flex;position:absolute;right:10px}.pro-profile-pill{-webkit-backdrop-filter:blur(8px);background:#0f172ae6;border:1px solid #38bdf866;border-radius:20px;align-items:center;padding:2px 4px;display:flex;box-shadow:0 4px 14px #000c,inset 0 1px 2px #ffffff1a}.pro-profile-title{color:#94a3b8;letter-spacing:.5px;margin:0 4px;font-size:9px;font-weight:800}.pro-profile-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:800;transition:all .15s cubic-bezier(.4,0,.2,1)}.pro-profile-btn.active{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);box-shadow:0 0 10px #38bdf8b3}.pro-util-btn{cursor:pointer;color:#fde047;letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);background:#0f172ad9;border:1px solid #fbbf2466;border-radius:6px;align-items:center;gap:3px;padding:5px 9px;font-size:10px;font-weight:800;display:flex}.pro-util-btn:active{background:#f59e0b66;transform:scale(.95)}.mobile-rotate-banner{display:none}.pro-bumpers-bar{box-sizing:border-box;pointer-events:auto;z-index:106;justify-content:space-between;width:100%;padding:0 16px;display:flex;position:absolute;top:48px;left:0}.pro-bumper-btn{cursor:pointer;color:#e2e8f0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #94a3b866;border-radius:6px;justify-content:center;align-items:center;min-width:48px;padding:5px 16px;transition:all 80ms;display:flex;box-shadow:0 4px 10px #0009,inset 0 1px 1px #ffffff26}.bumper-name{color:#cbd5e1;letter-spacing:.8px;font-size:11px;font-weight:800}.pro-bumper-btn.active,.pro-bumper-btn:active{background:#334155;border-color:#38bdf8;transform:translateY(2px)scale(.96);box-shadow:0 0 12px #38bdf899,inset 0 2px 4px #000c}.pro-bumper-btn.active .bumper-name,.pro-bumper-btn:active .bumper-name{color:#38bdf8}.touch-dpad-cluster{bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;z-index:105;position:absolute;left:16px}.pro-dpad-housing{background:radial-gradient(circle,#0f172a73 0%,#020617cc 100%);border-radius:50%;width:132px;height:132px;position:relative;box-shadow:0 6px 20px #000c,inset 0 0 0 1px #ffffff0d}.pro-dpad-pivot{z-index:2;pointer-events:none;background:#151d2a;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:44px;left:44px}.pro-pivot-indent{background:radial-gradient(circle,#090e17 0%,#1e293b 100%);border:1px solid #ffffff0d;border-radius:50%;width:18px;height:18px;box-shadow:inset 0 1.5px 3px #000000f2}.pro-dpad-dir{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #94a3b840;justify-content:center;align-items:center;width:44px;height:44px;transition:transform 50ms,background 50ms,box-shadow 50ms,color 50ms;display:flex;position:absolute;box-shadow:inset 0 1px 1px #ffffff1f,0 3px 6px #00000080}.dpad-arrow{filter:drop-shadow(0 1px 2px #000c);pointer-events:none;font-size:13px}.dir-up{border-bottom:none;border-radius:8px 8px 0 0;top:0;left:44px}.dir-down{border-top:none;border-radius:0 0 8px 8px;bottom:0;left:44px}.dir-left{border-right:none;border-radius:8px 0 0 8px;top:44px;left:0}.dir-right{border-left:none;border-radius:0 8px 8px 0;top:44px;right:0}.pro-dpad-dir.active,.pro-dpad-dir:active{color:#38bdf8;background:#334155;box-shadow:inset 0 2px 5px #000000e6}.touch-action-cluster{bottom:max(20px, env(safe-area-inset-bottom));pointer-events:auto;z-index:105;position:absolute;right:16px}.pro-action-diamond{background:radial-gradient(circle,#0f172a73 0%,#020617cc 100%);border-radius:50%;width:140px;height:140px;position:relative;box-shadow:0 6px 20px #000c,inset 0 0 0 1px #ffffff0d}.pro-action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 35% 30%,#293548 0%,#0d131f 100%);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform 50ms,filter 50ms,box-shadow 50ms;display:flex;position:absolute;box-shadow:0 4px 8px #000000bf,inset 0 1px 1px #fff3}.btn-top{top:4px;left:48px}.btn-bottom{bottom:4px;left:48px}.btn-left{top:48px;left:4px}.btn-right{top:48px;right:4px}.pro-glyph{color:var(--btn-color,#f1f5f9);text-shadow:0 0 6px var(--btn-glow,#fff6);pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:17px;font-weight:800;line-height:1}.pro-action-btn.active,.pro-action-btn:active{box-shadow:0 0 10px var(--btn-glow,#38bdf8), inset 0 2px 4px #000000e6;border-color:var(--btn-color,#38bdf8);background:radial-gradient(circle,#1e293b 0%,#090e17 100%);transform:translateY(2px)scale(.94)}.pro-action-btn.active .pro-glyph,.pro-action-btn:active .pro-glyph{filter:brightness(1.2);transform:scale(.95)}@media (orientation:landscape){.touch-dpad-cluster{bottom:max(16px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left))}.touch-action-cluster{bottom:max(16px, env(safe-area-inset-bottom));right:max(20px, env(safe-area-inset-right))}}