:root{color:#f5f1dc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#08090a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#08090a;min-width:320px}button{font:inherit}.arcade-shell{background:#08090a;min-width:320px;position:fixed;inset:0}.game-stage{background:linear-gradient(#08090a14,#08090a3d),url(/assets/vault-runner-key-art-2rQutETZ.png) 50%/cover no-repeat,#0a0d10;width:100vw;height:100dvh;position:relative;overflow:hidden}.runner-game,.runner-game canvas,.track-preview{width:100%;height:100%;display:block;position:absolute;inset:0}.runner-game canvas{width:100%!important;height:100%!important}.stage-shade{pointer-events:none;z-index:2;background:linear-gradient(90deg,#08090a5c,#0000 24% 72%,#08090a61),linear-gradient(#08090a33,#0000 34%,#08090a4d);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #f5f1dc14,inset 0 -120px 180px #08090a3d}.stage-shade:after{content:"";opacity:.16;background:repeating-linear-gradient(0deg,#08090a14 0 1px,#0000 1px 4px);position:absolute;inset:0}.hud-stack,.launch-panel,.level-dock,.corner-tools,.touch-controls,.wallet-picker-backdrop{z-index:8;position:absolute}.hud-stack{pointer-events:none;gap:8px;display:grid}.top-left{width:min(520px,100vw - 40px);top:18px;left:20px}.top-right{align-items:end;width:min(540px,100vw - 40px);top:18px;right:20px}.brand-plate,.hud-cell,.thin-readout,.launch-panel,.level-dock,.tool-action,.touch-controls button{color:#f5f1dc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#16191dc7,#070809c2),#0a0c0eb8;border:1px solid #f5f1dc2e;box-shadow:inset 0 1px #ffffff0d,0 10px 24px #00000038}.brand-plate{text-transform:uppercase;border-left:3px solid #34d399;justify-self:start;min-width:210px;padding:10px 12px;display:inline-grid;position:relative}.brand-plate:after{content:"";background:#f4b729;width:34px;height:3px;position:absolute;bottom:-1px;right:-1px}.brand-plate span{color:#f5f1dc;font-size:18px;font-weight:950;line-height:1}.brand-plate small{color:#34d399;margin-top:4px;font-size:11px;font-weight:800}.hud-row,.wallet-row{flex-wrap:wrap;gap:8px;display:flex}.wallet-row{justify-content:flex-end}.hud-cell{min-width:94px;padding:10px 12px;position:relative}.hud-cell:after{content:"";background:#34d39973;width:18px;height:2px;position:absolute;bottom:7px;right:8px}.hud-cell.wide{min-width:112px}.hud-cell.claim{min-width:190px}.hud-cell span{color:#f5f1dca3;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.hud-cell strong{color:#f5f1dc;white-space:nowrap;font-size:20px;font-weight:950;line-height:1.05;display:block}.hud-cell.claim strong{color:#f4b729;white-space:normal;font-size:16px}.thin-readout{color:#f5f1dcbf;flex-wrap:wrap;gap:12px;width:fit-content;max-width:100%;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.thin-readout.right{justify-content:flex-end;justify-self:end}.launch-panel{pointer-events:auto;background:linear-gradient(145deg,#121519e6,#070809d6),#0a0c0ed1;border-left:3px solid #f4b729;width:min(456px,100vw - 40px);padding:18px;bottom:104px;left:20px}.launch-panel p{color:#34d399;margin:0 0 6px;font-size:12px;font-weight:900}.launch-panel h1{color:#f5f1dc;margin:0 0 12px;font-size:34px;line-height:1}.launch-stats{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.launch-stats span{color:#f5f1dcc7;border:1px solid #f5f1dc24;padding:6px 8px;font-size:12px;font-weight:850}.launch-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-action,.secondary-action,.tool-action{cursor:pointer;border:0;font-weight:950}.primary-action,.secondary-action{min-height:46px;padding:0 18px}.primary-action{color:#06130d;background:#34d399}.secondary-action{color:#f5f1dc;background:#f5f1dc14;border:1px solid #f5f1dc29}.primary-action:hover:not(:disabled),.secondary-action:hover:not(:disabled),.tool-action:hover:not(:disabled),.level-dock button:hover:not(:disabled){transform:translateY(-1px)}.primary-action:active:not(:disabled),.secondary-action:active:not(:disabled),.tool-action:active:not(:disabled),.level-dock button:active:not(:disabled){transform:translateY(1px)}.settlement-strip{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.settlement-strip span,.settlement-strip strong{color:#f5f1dcc2;background:#f5f1dc12;border:1px solid #f5f1dc24;padding:6px 8px;font-size:11px;font-weight:850}.settlement-strip strong{color:#f4b729}.gate-message{color:#f5f1dc9e;margin-top:12px;font-size:12px;font-weight:700;line-height:1.45}button:disabled{cursor:not-allowed;opacity:.45}.level-dock{pointer-events:auto;scrollbar-width:thin;grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;padding:8px;display:grid;bottom:18px;left:20px;right:20px;overflow:hidden}.level-dock button{color:#f5f1dcb3;cursor:pointer;background:#f5f1dc14;border:1px solid #f5f1dc1f;min-width:0;min-height:50px}.level-dock button.active{color:#f5f1dc;background:#34d3992e;border-color:#34d399eb}.level-dock button.locked{color:#f5f1dc57;background:#0708098f;border-color:#f5f1dc14}.level-dock strong,.level-dock span{text-align:center;display:block}.level-dock strong{font-size:16px;font-weight:950}.level-dock span{margin-top:3px;font-size:10px;font-weight:800}.corner-tools{pointer-events:auto;gap:8px;display:flex;bottom:92px;right:20px}.tool-action{min-width:76px;min-height:38px;padding:0 12px}.touch-controls{pointer-events:none;gap:8px;display:flex;bottom:148px;right:20px}.touch-controls button{pointer-events:auto;color:#f5f1dc;cursor:pointer;touch-action:none;border-color:#f5f1dc33;width:54px;height:54px;font-size:24px;font-weight:950}.touch-controls .jump{color:#06130d;background:#34d399d1;width:88px;font-size:16px}.is-idle .touch-controls{opacity:0}.wallet-picker-backdrop{pointer-events:auto;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05060785;place-items:center;padding:20px;display:grid;inset:0}.wallet-picker{background:linear-gradient(145deg,#14171bf0,#070809eb),#0a0c0ee6;border:1px solid #f5f1dc2e;border-left:3px solid #34d399;width:min(520px,100vw - 32px);padding:16px;box-shadow:0 28px 90px #0000007a,inset 0 1px #ffffff0d}.wallet-picker-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.wallet-picker-head span,.wallet-option small{color:#f5f1dc94;text-transform:uppercase;font-size:11px;font-weight:850;display:block}.wallet-picker-head strong{color:#f5f1dc;margin-top:3px;font-size:24px;line-height:1;display:block}.wallet-close{color:#f5f1dc;cursor:pointer;background:#f5f1dc14;border:1px solid #f5f1dc2e;width:34px;height:34px;font-weight:950}.wallet-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.wallet-option{color:#f5f1dc;cursor:pointer;text-align:left;background:#f5f1dc12;border:1px solid #f5f1dc21;align-items:center;gap:10px;min-height:68px;display:flex;position:relative}.wallet-option.detected{border-color:color-mix(in srgb, var(--wallet-accent) 64%, #f5f1dc2e);background:linear-gradient(90deg, color-mix(in srgb, var(--wallet-accent) 16%, transparent), transparent), #f5f1dc14}.wallet-option:hover:not(:disabled){transform:translateY(-1px)}.wallet-mark{border:1px solid color-mix(in srgb, var(--wallet-accent) 72%, #f5f1dc2e);width:42px;height:42px;color:var(--wallet-accent);background:#0506076b;place-items:center;margin-left:12px;font-size:13px;font-weight:950;display:grid}.wallet-copy strong{color:#f5f1dc;font-size:15px;line-height:1.1;display:block}.wallet-copy small{margin-top:5px}.wallet-picker-note{color:#f5f1dc94;margin:12px 0 0;font-size:12px;font-weight:700;line-height:1.45}@media (width<=980px){.top-left,.top-right{width:auto;left:10px;right:10px}.top-right{align-items:stretch;top:194px}.wallet-row,.thin-readout.right{justify-content:flex-start}.hud-cell{min-width:80px;padding:8px 9px}.hud-cell strong{font-size:17px}.hud-cell.claim{min-width:156px}.launch-panel{width:min(420px,100vw - 20px);padding:14px;bottom:94px;left:10px}.launch-panel h1{font-size:28px}.corner-tools{bottom:84px;right:10px}.touch-controls{bottom:136px;right:10px}.level-dock{gap:5px;display:flex;bottom:10px;left:10px;right:10px;overflow-x:auto}.wallet-picker{width:min(480px,100vw - 24px)}}@media (width<=620px){.brand-plate{min-width:0;padding:8px 9px}.brand-plate span{font-size:15px}.brand-plate small,.hud-cell span,.thin-readout,.gate-message,.launch-stats span{font-size:10px}.hud-row,.wallet-row{gap:5px}.top-right{top:166px}.hud-cell{min-width:68px;padding:7px}.hud-cell.wide{min-width:76px}.hud-cell.claim{min-width:132px}.hud-cell strong,.hud-cell.claim strong{font-size:14px}.thin-readout{gap:8px;padding:6px 7px}.launch-panel{bottom:100px}.launch-panel h1{font-size:24px}.primary-action,.secondary-action{min-height:40px;padding:0 12px;font-size:14px}.corner-tools{top:258px;bottom:auto;right:10px}.tool-action{min-width:58px;min-height:34px;padding:0 8px;font-size:12px}.touch-controls{bottom:122px}.touch-controls button{width:44px;height:44px;font-size:20px}.touch-controls .jump{width:78px;font-size:13px}.level-dock button{flex:0 0 54px}.wallet-picker-backdrop{place-items:end center;padding:12px}.wallet-picker{padding:12px}.wallet-picker-head strong{font-size:20px}.wallet-option-grid{grid-template-columns:1fr}.wallet-option{min-height:58px}}
