.game-wall{display:none;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:#142122;isolation:isolate}.game-wall-active{isolation:isolate}.game-wall-active .game-wall{display:block}.game-wall::after{content:"";position:absolute;inset:0;background:#111a2466}.game-wall-plane{position:absolute;left:50%;top:50%;width:168vmax;height:168vmax;transform:translate(calc(-50% + var(--wall-x,0px)),calc(-50% + var(--wall-y,0px))) rotate(-45deg)}.game-lane{display:flex;width:max-content;height:28vmax;animation:game-wall-scroll 170s linear infinite;will-change:transform}.game-group{display:flex;flex:none}.game-tile{position:relative;width:28vmax;height:28vmax;flex:none;border:10px solid #142122;border-radius:34px;background-image:url('/stream/squad/game-atlas.webp');background-size:300% 200%;background-origin:border-box;box-shadow:inset 0 0 0 1px #ffffff25;overflow:hidden}.game-tile-0{background-position:0 0}.game-tile-1{background-position:50% 0}.game-tile-2{background-position:100% 0}.game-tile-3{background-position:0 100%}.game-tile-4{background-position:50% 100%}.game-tile-5{background-position:100% 100%}.lane-1,.lane-3,.lane-5{animation-direction:reverse;animation-duration:210s}.lane-2{animation-delay:-50s}.lane-4{animation-delay:-95s}.game-platform{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:20px;background:#11181ce8;color:#fff;font-weight:700;font-size:18px}.game-platform svg{width:24px;height:24px}.game-wall.is-paused .game-lane{animation-play-state:paused}.simple-studio.game-wall-active>main{background:#f3f6f6eb;max-width:1200px}.simple-studio.game-wall-active>header{background:#171a1eed}.game-wall-active>footer{color:#fff;background:#151d24d9}.game-wall-toggle{color:#fff;background:#ffffff14;flex-shrink:0}.game-wall-toggle svg{width:18px;height:18px}@keyframes game-wall-scroll{to{transform:translateX(-50%)}}@media(max-width:700px){.game-tile{border-width:5px;border-radius:22px}.game-platform{font-size:12px;padding:7px 10px;left:12px;bottom:12px}.game-platform svg{width:16px;height:16px}.game-lane{animation-duration:240s}.lane-1,.lane-3,.lane-5{animation-duration:280s}.simple-studio.game-wall-active>main{background:#f3f6f6ed}}@media(prefers-reduced-motion:reduce){.game-lane{animation:none!important}.game-wall-plane{transform:translate(-50%,-50%) rotate(-45deg)}}
/* Public lobby only: open artwork between the social tiles and framed forms. */
.simple-studio>header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:24px;padding:18px 24px;min-height:88px;background:#121c23e8;border-color:#b5d2df40;box-shadow:inset 0 1px 0 #ffffff16,0 12px 34px #0003;isolation:isolate}
@property --header-light-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){
.simple-studio>header:before,.simple-studio>header:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--header-light-angle),transparent 0deg,#53d8ec18 35deg,#7deaffb3 64deg,#edffff 73deg,transparent 91deg,transparent 195deg,#ff547633 228deg,#ff789a9c 253deg,transparent 276deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:header-light-orbit 14s linear infinite}
.simple-studio>header:before{inset:-3px;padding:4px;filter:blur(7px);opacity:.55}
}
@keyframes header-light-orbit{to{--header-light-angle:360deg}}
@media(prefers-reduced-motion:reduce){.simple-studio>header:before,.simple-studio>header:after{animation:none;--header-light-angle:35deg}}
.simple-studio header .brand{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;font-size:17px;line-height:1.3}
.header-mark{width:44px;height:44px;flex:0 0 44px;border-radius:13px;border:1px solid #ffffff26;box-shadow:0 5px 16px #0003}
.header-wordmark{display:flex;flex-direction:column;gap:5px;min-width:0}.header-wordmark>span{display:block}.simple-studio .header-wordmark small{font-size:9px;color:#a8becb}
.simple-studio header .channel-views{margin:0;min-width:0;padding-left:22px;border-left:1px solid #ffffff24}.simple-studio header .channel-views>summary{padding:4px 0;gap:3px}.simple-studio header .channel-views>summary strong{font-size:24px;color:#c3fff3}.simple-studio header .channel-views>summary span{max-width:180px;text-align:right;font-size:11px;color:#b8c7d0}
.simple-studio header .head-actions{width:auto;gap:10px}.simple-studio header #locale{background:#ffffff09;border-color:#ffffff30;font-size:12px;width:112px;border-radius:13px}.simple-studio header #locale option{background:#202b33;color:white}
@media(max-width:700px){.simple-studio>header{grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:14px 12px;border-radius:22px}.simple-studio header .brand{grid-column:1/-1;font-size:16px;padding-bottom:13px;border-bottom:1px solid #ffffff1c;gap:10px}.simple-studio header .channel-views{padding:0;border:0;min-width:0}.simple-studio header .channel-views>summary{align-items:flex-start;gap:2px}.simple-studio header .channel-views>summary strong{font-size:22px}.simple-studio header .channel-views>summary span{text-align:left;max-width:160px;font-size:10px}.simple-studio header .channel-views-panel{left:0;right:auto}.simple-studio header .head-actions{justify-content:flex-end}.simple-studio header #locale{width:106px}.header-mark{width:38px;height:38px;flex-basis:38px;border-radius:11px}}
.simple-studio.game-wall-active{color:#f4f7f8;background:#111b20;--line:#ffffff30}
.simple-studio.game-wall-active>main{background:transparent;border:0;box-shadow:none;border-radius:0;padding:24px 28px 40px;max-width:1160px}
.game-wall-active .game-wall::after{background:#080e1294}
.game-wall-active .game-wall-plane{filter:saturate(1.3) contrast(1.06) brightness(1.12)}
.game-wall-active .lobby-heading{padding:12px 0 8px;margin-bottom:24px;text-shadow:0 2px 16px #000}
.game-wall-active .lobby h1{color:#fff}.game-wall-active .lobby h1>span{color:#ff637d}
.game-wall-active .lobby .eyebrow{color:#c9d7df}.game-wall-active .lobby-tagline{color:#e1e8ed}
.game-wall-active .welcome-actions a{background:#182127d9;border-color:#ffffff70;color:#f4f7f8;text-shadow:none}
.game-wall-active .welcome-actions .welcome-primary{background:#db123c;border-color:#ff7892;box-shadow:0 5px 24px #ec214235}
.game-wall-active .lobby-screen{border:1px solid #ffffff60;box-shadow:0 14px 40px #0007,0 0 24px #35d2dc18}
.game-wall-active .welcome-channels{gap:12px;margin:24px 0 36px}
.game-wall-active .welcome-channels a{--brand-glow:#ff285d66;min-height:70px;border-radius:20px;background:linear-gradient(135deg,#ffffff26,#ffffff08 45%,#ffffff10),#111c2580;color:#fff;border:1px solid #e2f3ff40;box-shadow:inset 0 1px 2px #ffffff45,inset 0 -1px 6px #ffffff08,0 10px 24px #0004;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);transition:background .2s,border-color .2s,box-shadow .2s}
.game-wall-active .welcome-channels a:nth-child(2){--brand-glow:#32a4ff70}.game-wall-active .welcome-channels a:nth-child(3){--brand-glow:#b38aff80}.game-wall-active .welcome-channels a:nth-child(4){--brand-glow:#38c8ff70}
.game-wall-active .welcome-channels .social-brand-icon{filter:drop-shadow(0 0 7px var(--brand-glow)) drop-shadow(0 2px 2px #0003)}
.game-wall-active .welcome-channels a:hover{background:linear-gradient(135deg,#ffffff35,#ffffff0c 45%,#ffffff18),#172a368c;border-color:#e2f3ff80;box-shadow:inset 0 1px 3px #ffffff66,0 10px 28px #0005,0 0 16px #d1efff12;text-decoration:none}
.game-wall-active .welcome-channels a:active{box-shadow:inset 0 2px 8px #0004}
@media(prefers-reduced-transparency:reduce){.game-wall-active .welcome-channels a{background:#1c2931;backdrop-filter:none;-webkit-backdrop-filter:none}}
.game-wall-active .lobby-caption{border-color:#ffffff40;padding:24px 0 30px;margin-bottom:12px}.game-wall-active .lobby-caption a,.game-wall-active .lobby a:not(.welcome-primary):not(.welcome-channels a){color:#a2edff}
.game-wall-active .lobby-entry{gap:36px;align-items:start;padding-top:28px}
.game-wall-active .lobby-invite{padding:16px 0 22px;text-shadow:0 2px 12px #000}
.game-wall-active .lobby-invite>p:not(.eyebrow){color:#e1e8ed}.game-wall-active .lobby-facts{color:#d7e9eb}
.game-wall-active .lobby #loginForm,.game-wall-active .enquiry-form{padding:26px;border:1px solid #ffffff50;border-radius:24px;background:#162127dc;box-shadow:inset 0 1px 0 #ffffff20,0 16px 40px #0005,0 0 26px #39d6ce13;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.game-wall-active .enquiry-form{margin-top:40px}.game-wall-active .lobby label,.game-wall-active .lobby .muted{color:#dce6eb}
.game-wall-active .lobby input:not([type=checkbox]),.game-wall-active .lobby textarea,.game-wall-active .lobby select{background:#0b1319de;color:#fff;border-color:#758793;box-shadow:inset 0 1px 3px #0003}
.game-wall-active .lobby input::placeholder,.game-wall-active .lobby textarea::placeholder{color:#afc2cd}
@property --field-light-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.simple-studio.game-wall-active .lobby :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-width:2px;transition:box-shadow .2s}
.simple-studio.game-wall-active .lobby :is(input:not([type=checkbox]):not([type=radio]),textarea,select):focus{outline:2px solid transparent;outline-offset:3px;border-color:transparent;background:linear-gradient(120deg,#182c35,#0c1820 65%,#172b33) padding-box,conic-gradient(from var(--field-light-angle),#59b9cb 0deg,#b9ffff 48deg,#fff 64deg,#58cfe3 86deg,#5d899f 170deg,#ba9bff 235deg,#e8dcff 252deg,#61c8db 285deg,#59b9cb 360deg) border-box;box-shadow:inset 0 1px 3px #d5ffff26,0 0 0 1px #9af6ff26,0 0 12px #54e3ee4d,0 0 26px #52bbdf26;caret-color:#bafff4;animation:field-light-orbit 5s linear infinite}
.simple-studio.game-wall-active .lobby select option{background:#13232c;color:#fff}
@keyframes field-light-orbit{to{--field-light-angle:360deg}}
.glass-field{position:relative;min-width:0;border-radius:14px;isolation:isolate}
.simple-studio.game-wall-active .lobby .glass-field :is(input,textarea,select){display:block;background:#07141c28;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:#d3f5ff55;box-shadow:inset 0 1px 2px #ffffff20;transition:background .2s,box-shadow .2s}
.simple-studio.game-wall-active .lobby .glass-field :is(input,textarea,select):focus{background:linear-gradient(115deg,#e0ffff12,#ffffff03 55%,#9eefff0a);border-color:#b9faff85;outline:2px solid transparent;animation:none;box-shadow:inset 0 1px 3px #eaffff40,inset 0 -1px 2px #ffffff20,0 0 14px #5bdeed33}
@supports (mask-composite:exclude) or (-webkit-mask-composite:xor){
.glass-field:focus-within:before,.glass-field:focus-within:after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;border-radius:inherit;padding:2px;background:conic-gradient(from var(--field-light-angle),#b7faff44,#edffffbb 40deg,#fff 62deg,#72eaff66 90deg,#a8dcff22 170deg,#e6d7ffbb 235deg,#fff 250deg,#99f7ff55 285deg,#b7faff44);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:field-light-orbit 5s linear infinite}
.glass-field:focus-within:before{inset:-3px;padding:4px;filter:blur(5px);opacity:.65}
}
@media(prefers-reduced-motion:reduce){.glass-field:focus-within:before,.glass-field:focus-within:after{animation:none}}
@media(forced-colors:active){.glass-field:before,.glass-field:after{display:none}}
@media(prefers-reduced-motion:reduce){.simple-studio.game-wall-active .lobby :is(input,textarea,select):focus{animation:none!important;transition:none!important;--field-light-angle:45deg}}
@media(forced-colors:active){.simple-studio.game-wall-active .lobby :is(input,textarea,select):focus{outline:2px solid Highlight!important;border-color:ButtonText!important;box-shadow:none!important;animation:none!important}}
.game-wall-active .welcome-terms{margin-top:36px;padding:24px 0;border-color:#ffffff40}.game-wall-active .partnership,.game-wall-active .partnership p{color:#e1e8ed}
.game-wall-active .lobby summary{color:#b9edfa}
.game-wall-active :is(button,input,textarea,select,summary,a):focus-visible{outline-color:#9ef5ed}
@media(max-width:700px){.simple-studio.game-wall-active>main{margin:24px 16px;padding:0 0 28px}.game-wall-active .lobby-heading{padding:8px 2px 4px}.game-wall-active .lobby-entry{gap:24px;padding-top:20px}.game-wall-active .lobby #loginForm,.game-wall-active .enquiry-form{padding:22px 18px}.game-wall-active .welcome-channels{gap:12px;margin:24px 0 32px}.game-wall-active .welcome-channels a{font-size:14px;padding:12px 8px;min-height:68px}.game-wall-active .lobby-caption h2{font-size:21px}.game-wall-active .enquiry-form{margin-top:36px}.game-wall-active .lobby h1{font-size:28px}.game-wall-active .lobby-invite{padding:12px 0 20px}}
@media(prefers-reduced-motion:reduce){.game-wall-active .welcome-channels a{transition:none}}