#fullscreen-toggle{position:fixed;z-index:65;right:12px;top:10px;width:44px;height:44px;border:1px solid #ffffff65;border-radius:50%;background:#12222488;color:#fff;font:28px Arial;cursor:pointer;touch-action:manipulation}#fullscreen-note{position:fixed;z-index:70;top:62px;left:50%;transform:translate(-50%);width:min(380px,80vw);padding:12px;background:#142b2ef2;color:#fff1cb;border:1px solid #dcc28a;border-radius:9px;font:12px/1.5 Arial;pointer-events:none}#fullscreen-note[hidden]{display:none}html.touch-controls #mobile-controls button{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:48px;height:48px;min-width:48px;min-height:48px;padding:6px;border-radius:50%;border:1px solid #fff8;background:#15202742;color:#fff;box-shadow:inset 0 0 0 3px #fff1,0 2px 7px #0003;touch-action:none}html.touch-controls #mobile-controls button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}html.touch-controls #mobile-controls button>span{font:700 8px Arial;text-shadow:0 1px 2px #000;pointer-events:none;line-height:10px}html.touch-controls #mobile-controls button[aria-pressed=true]{color:#ffe4a0;border-color:#ffd37b;background:#8a652862}html.touch-controls #mobile-controls [data-action=sprint]{left:max(57px,env(safe-area-inset-left));bottom:149px}html.touch-controls #mobile-controls [data-action=crouch]{right:max(16px,env(safe-area-inset-right));bottom:20px}html.touch-controls #mobile-controls [data-action=aim]{right:max(20px,env(safe-area-inset-right));bottom:165px}html.touch-controls #mobile-controls [data-action=reload]{right:167px;bottom:25px}html.touch-controls #mobile-controls [data-action=inventory]{left:157px;bottom:22px}html.touch-controls #mobile-controls [data-action=more]{right:20px;bottom:224px}html.touch-controls #mobile-controls [data-action=brake]{right:85px;bottom:50px;width:70px;height:70px}html.touch-controls #mobile-controls .touch-interact{right:165px;bottom:132px;width:auto;min-width:110px;height:44px;min-height:44px;padding:8px 15px;border-radius:5px;background:#dcbf7bdc;color:#172825;font:700 11px Arial}html.touch-controls .touch-stick{width:96px;height:96px;background:#17212b22;border:1px solid #ffffff65;box-shadow:inset 0 0 0 13px #ffffff08;bottom:max(28px,env(safe-area-inset-bottom))}html.touch-controls .move-stick{left:max(32px,env(safe-area-inset-left))}html.touch-controls .fire-stick{width:86px;height:86px;right:max(76px,env(safe-area-inset-right));bottom:75px;border:2px solid #fff8;background:#17212b33}html.touch-controls .touch-stick i{width:38px;height:38px;background:#ffffff3b;border-color:#fff9;color:#fff}html.touch-controls .fire-stick i{background:transparent;border:0;width:42px;height:42px}html.touch-controls .fire-stick svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.5}html.touch-controls .touch-stick span{font:7px Arial;bottom:7px;letter-spacing:1px}html.touch-controls #mobile-controls .touch-more{right:80px;bottom:180px;display:grid;grid-template-columns:repeat(4,48px);gap:9px;background:#18252be8;border:1px solid #ffffff38;padding:10px;border-radius:10px}html.touch-controls #mobile-controls .touch-more button{position:static}html.touch-controls #mobile-controls.exploration-touch .fire-stick,html.touch-controls #mobile-controls.exploration-touch>[data-action=aim],html.touch-controls #mobile-controls.exploration-touch>[data-action=reload],html.touch-controls #mobile-controls.exploration-touch>[data-action=inventory],html.touch-controls #mobile-controls.exploration-touch>[data-action=more],html.touch-controls #mobile-controls.falling-touch>button,html.touch-controls #mobile-controls.falling-touch .fire-stick{display:none}html.touch-controls #mobile-controls.driving-touch>[data-action=crouch],html.touch-controls #mobile-controls.driving-touch>[data-action=sprint]{display:none}html.touch-controls .in-match #leave-match{right:64px;top:max(9px,env(safe-area-inset-top));height:36px;min-height:36px;padding:6px 10px;font-size:9px;background:#15202755}html.touch-controls .in-match #fullscreen-toggle{top:max(5px,env(safe-area-inset-top));width:40px;height:40px}html.touch-controls .in-match .mapwrap{top:53px;right:max(10px,env(safe-area-inset-right));bottom:auto;width:84px;height:auto;background:#17212b66;border:1px solid #ffffff60;opacity:.88}html.touch-controls .mapwrap #minimap{width:100%;height:auto;aspect-ratio:220/180}html.touch-controls .maphead,html.touch-controls .mapfoot{display:none}html.touch-controls .in-match .battle-stats{top:8px;left:max(10px,env(safe-area-inset-left));padding:4px 7px;border:0;border-radius:2px;background:#111e2877;gap:9px;font-size:7px}html.touch-controls .in-match .battle-stats b{font-size:15px}.touch-controls .battle-stats small{font-size:7px}html.touch-controls .in-match .battle-compass{top:9px;font-size:10px;left:50%;padding:5px 9px;background:#14222c55}html.touch-controls .in-match #zone-hud{top:43px;left:10px;width:138px;padding:5px 7px;background:#11253266;border:0;border-radius:3px;box-shadow:none}html.touch-controls #zone-hud .zone-eyebrow{display:none}html.touch-controls #zone-hud .zone-summary{margin:0}html.touch-controls #zone-hud .zone-summary strong{font-size:9px}html.touch-controls #zone-hud .zone-summary b{font-size:12px}html.touch-controls #zone-hud .health-label{font-size:7px;margin-top:4px}html.touch-controls #zone-hud .health-track{height:3px;margin:3px 0 1px}html.touch-controls .in-match .battle-feed{left:10px;right:auto;top:98px;width:175px;max-height:48px;font-size:8px;opacity:.8}html.touch-controls .in-match .battle-feed .feed-row{padding:3px 5px;font-size:8px}html.touch-controls .in-match #combat-bottom{width:220px;bottom:max(8px,env(safe-area-inset-bottom));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}html.touch-controls #combat-slots{gap:3px}html.touch-controls #combat-slots button{min-height:44px;padding:4px;background:#101d2566;border-radius:3px}html.touch-controls #combat-slots strong{font-size:8px;line-height:10px}html.touch-controls #combat-slots small{display:none}html.touch-controls #combat-ammo{margin-top:3px;gap:5px;text-shadow:0 1px 3px #000}html.touch-controls #combat-ammo strong{font-size:18px}html.touch-controls #combat-ammo span,html.touch-controls #combat-ammo small{font-size:7px;letter-spacing:0}html.touch-controls #combat-progress{font-size:9px;min-height:0;margin-top:2px}html.touch-controls #loot-prompt{pointer-events:auto;inset:50% 185px auto auto;transform:translateY(-50%);min-height:46px;max-width:180px;padding:10px 14px!important;white-space:normal;border:1px solid #ffe6a5;background:#dcc184e8;color:#192b29;font:700 11px Arial;letter-spacing:.2px}html.touch-controls #loot-prompt:empty{display:none}html.touch-controls #interaction,html.touch-controls #interior-status{display:none!important}html.touch-controls .in-match #zone-warning{top:95px;padding:5px 12px;width:auto;font-size:8px;max-width:45vw;letter-spacing:.5px}html.touch-controls .battle-low{bottom:90px;font-size:8px}html.touch-controls .battle-award{top:28%;font-size:9px}html.touch-controls #loot-panel,html.touch-controls #inventory-panel{width:min(330px,78vw);max-height:78dvh;padding:12px;border-radius:8px}html.touch-controls #combat-ui header{display:flex!important;margin:0 0 6px;left:auto;top:auto;right:auto}html.touch-controls #combat-ui header strong{font-size:16px}html.touch-controls .item-row{padding:4px 0}html.touch-controls #loot-panel p{font-size:10px}html.touch-controls #flight-hud{top:auto!important;bottom:16px!important;width:290px!important;padding:8px!important;background:#11222a88;border-radius:6px;box-sizing:border-box}html.touch-controls #flight-title{font-size:11px;margin:0 0 5px}html.touch-controls #flight-copy{font-size:9px}html.touch-controls #jump{margin:7px 0 0;width:100%;min-height:44px;padding:8px}html.touch-controls body:not(.in-match):not(.exploring-map) #ui footer{display:none}html.touch-controls .exploring-map footer{left:50%;right:auto;transform:translate(-50%);bottom:8px;width:max-content}html.touch-controls .exploring-map footer button{min-height:40px;padding:5px 8px;font-size:8px}html.touch-controls #match-launch{right:70px;top:12px;font-size:11px}html.touch-controls .match-card:has(#loadout:not([hidden])){border-radius:10px;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(135deg,#102c32eb,#153e36e8);border-color:#e9e1be42}@media(orientation:landscape){html.touch-controls .match-card:has(#loadout:not([hidden])){inset:52px 14px 12px;transform:none;width:auto;max-height:none;padding:12px 18px;display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:auto auto 1fr auto;column-gap:22px;overflow:auto}html.touch-controls .match-card:has(#loadout:not([hidden])) .match-kicker{grid-column:1;font-size:8px;margin:0}html.touch-controls .match-card:has(#loadout:not([hidden])) h2{grid-column:1;font-size:25px!important;margin:8px 0!important;max-width:260px}html.touch-controls .match-card:has(#loadout:not([hidden])) #match-copy{display:none}html.touch-controls .match-card:has(#loadout:not([hidden])) #loadout{display:grid;grid-column:1/-1;grid-row:3;grid-template-columns:1fr 1.15fr;grid-template-rows:18px 40px 1fr;gap:4px 22px;min-height:0}html.touch-controls #loadout label{grid-column:2;grid-row:1;margin:0;font-size:8px}html.touch-controls #loadout #player-name{grid-column:2;grid-row:2;padding:8px;height:38px}html.touch-controls #loadout .character-preview{grid-column:1;grid-row:1/4;height:100%;min-height:120px;max-height:250px}html.touch-controls #loadout .skin-caption{display:none}html.touch-controls #loadout .skin-grid{grid-column:2;grid-row:3;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:3px;align-self:center}html.touch-controls #loadout .skin-grid button{height:46px;min-height:44px;flex-direction:column;justify-content:center;text-align:center;padding:3px;font-size:7px;line-height:8px;gap:2px}html.touch-controls #loadout .skin-swatch{width:16px;height:11px;border-radius:2px}html.touch-controls .match-card:has(#loadout:not([hidden])) .match-actions{grid-column:2;grid-row:4;margin:6px 0 0}html.touch-controls .match-card:has(#loadout:not([hidden])) #match-primary{min-height:44px;padding:10px;font-size:13px;border-radius:4px}html.touch-controls .match-card:has(#loadout:not([hidden])) #match-explore{grid-column:1;grid-row:4;align-self:end;justify-self:start;font-size:10px;margin:0;padding:10px}html.touch-controls .match-card:has(#loadout:not([hidden])) .match-meter,html.touch-controls .match-card:has(#loadout:not([hidden])) #match-note{display:none}}@media(orientation:portrait){html.touch-controls .match-card:has(#loadout:not([hidden])){top:52%;max-height:calc(100dvh - 95px);width:calc(100vw - 24px)}html.touch-controls .in-match .battle-stats{max-width:190px;flex-wrap:wrap;gap:4px 10px}html.touch-controls .in-match .battle-stats small{flex-basis:100%}html.touch-controls .in-match .battle-compass{top:57px;left:50%}html.touch-controls .in-match #zone-hud{top:65px;width:112px}html.touch-controls .in-match .mapwrap{top:63px;width:70px}html.touch-controls .in-match #combat-bottom{bottom:22px;width:170px;left:50%}html.touch-controls #combat-slots button{min-height:44px}html.touch-controls #combat-ammo small{display:none}html.touch-controls .move-stick{left:20px;bottom:100px;width:86px;height:86px}html.touch-controls .fire-stick{right:28px;bottom:110px;width:78px;height:78px}html.touch-controls #mobile-controls [data-action=sprint]{left:40px;bottom:202px}html.touch-controls #mobile-controls [data-action=inventory]{left:16px;bottom:20px}html.touch-controls #mobile-controls [data-action=crouch]{right:16px;bottom:20px}html.touch-controls #mobile-controls [data-action=reload]{right:118px;bottom:100px}html.touch-controls #mobile-controls [data-action=aim]{right:30px;bottom:207px}html.touch-controls #mobile-controls [data-action=more]{right:30px;bottom:268px}html.touch-controls #mobile-controls .touch-more{right:14px;bottom:325px;grid-template-columns:repeat(4,48px)}html.touch-controls #mobile-controls .touch-interact{right:20px;bottom:330px}html.touch-controls #loot-prompt{right:16px;top:43%;max-width:150px}html.touch-controls .in-match .battle-feed{top:130px;width:170px}html.touch-controls .in-match #zone-warning{top:190px;max-width:70vw}}@media(orientation:landscape)and (max-height:360px){html.touch-controls .match-card:has(#loadout:not([hidden])){top:40px;padding:8px 16px}html.touch-controls .match-card:has(#loadout:not([hidden])) h2{font-size:20px!important;margin:2px 0!important}html.touch-controls #loadout .skin-grid button{height:44px}html.touch-controls #mobile-controls [data-action=more]{bottom:208px}}@media(orientation:landscape)and (max-width:740px){html.touch-controls .in-match #combat-bottom{width:170px}html.touch-controls #mobile-controls [data-action=inventory]{left:136px;bottom:20px}html.touch-controls #mobile-controls [data-action=reload]{right:128px;bottom:20px}html.touch-controls .match-card:has(#loadout:not([hidden])) h2{font-size:19px!important}html.touch-controls .match-card:has(#loadout:not([hidden])){column-gap:12px}html.touch-controls .match-card:has(#loadout:not([hidden])) #loadout{column-gap:12px}html.touch-controls #loadout .skin-grid button{font-size:6px}}html.touch-controls #mobile-controls button>span{text-shadow:0 1px 2px #0006;font-weight:400}html.mouse-controls #fullscreen-toggle{top:24px;right:10px;width:36px;height:36px;font-size:24px}html.mouse-controls .in-match #leave-match{right:58px}html.touch-controls .exploring-map #match-ui .match-card{display:none!important}#fire-mode{font-size:10px!important;padding:5px 10px!important;margin-top:5px;border-color:#e6c17b!important}#fire-mode[hidden]{display:none!important}.touch-controls #fire-mode{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);min-height:44px;min-width:84px;background:#17242a88;font-size:9px!important}html.touch-controls #mobile-controls{touch-action:none}html.touch-controls .fire-stick{width:104px;height:104px;right:max(110px,env(safe-area-inset-right));bottom:70px}html.touch-controls .fire-stick.firing{border-color:#f7d88d;background:#d4ad452b;box-shadow:inset 0 0 0 3px #f7d88d26}html.touch-controls #mobile-controls [data-action=jump]{right:28px;bottom:85px}html.touch-controls #mobile-controls [data-action=reload]{right:208px;bottom:22px}html.touch-controls #mobile-controls.sprint-ready [data-action=sprint]{color:#ffe4a0;border-color:#ffd37b;background:#8a6528bb;transform:scale(1.12)}html.touch-controls #mobile-controls.driving-touch>[data-action=jump]{display:none}@media(orientation:landscape)and (max-width:740px){html.touch-controls #mobile-controls [data-action=reload]{right:128px;bottom:16px}}@media(orientation:portrait){html.touch-controls .fire-stick{width:96px;height:96px;right:38px;bottom:110px}html.touch-controls #mobile-controls [data-action=reload]{right:146px;bottom:165px}html.touch-controls #mobile-controls [data-action=jump]{right:146px;bottom:106px}html.touch-controls #mobile-controls [data-action=aim]{right:30px;bottom:230px}html.touch-controls #mobile-controls [data-action=more]{right:30px;bottom:290px}}html.touch-controls #mobile-controls,html.touch-controls #mobile-controls *,html.touch-controls #world{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none;touch-action:none;-webkit-tap-highlight-color:transparent}html.touch-controls .touch-stick i,html.touch-controls .touch-stick svg,html.touch-controls .touch-stick path{pointer-events:none}#combat-ui [data-close] svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;pointer-events:none}#combat-ui [data-close]{min-width:40px;min-height:40px}#control-editor-open{position:fixed;z-index:70;right:112px;top:6px;padding:8px;border:1px solid #fff7;border-radius:6px;background:#142a2bcc;color:#fff;font:700 10px Arial;min-height:36px}#control-editor[hidden]{display:none}#control-editor{position:fixed;inset:0;z-index:200;background:#081b2870;color:#fff;font:12px Arial;touch-action:none}.layout-stage{position:absolute;inset:0}.layout-stage button{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #ffffffa0;border-radius:50%;background:#173c4ade;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding:4px}.layout-stage button.selected{border:3px solid #ffdf8a;background:#756131dd}.layout-stage svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.layout-stage span{font-size:9px;pointer-events:none}.layout-stage svg{pointer-events:none}.layout-toolbar{position:absolute;left:50%;top:8px;transform:translate(-50%);width:min(390px,75vw);padding:10px;background:#102b35f5;border:1px solid #79999b;border-radius:9px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 24px #0005}.layout-toolbar strong{font-size:15px}.layout-toolbar small{font-size:10px}.layout-toolbar label{width:100%;display:flex;align-items:center;gap:8px}.layout-toolbar input{flex:1;min-width:40px;touch-action:none}.layout-toolbar button{padding:8px 14px;min-height:36px;border:1px solid #abc5bf;border-radius:5px;color:#fff;background:#355756}.layout-toolbar [data-edit=save]{background:#d5bc78;color:#172b30}.layout-toolbar p{font-size:10px;margin:0;width:100%;text-align:center}.editing-controls #control-editor-open{display:none}#control-editor-open{left:calc(50% + 70px);right:auto}@media(orientation:portrait){#control-editor-open{left:12px;top:145px}}.look-settings{width:100%;font-size:11px}.look-settings summary{cursor:pointer;padding:4px;text-align:center;color:#ffe4a3}.look-settings label{margin-top:5px}.look-settings output{min-width:34px;text-align:right}.layout-toolbar{max-height:calc(100dvh - 24px);overflow:auto}
