.portrait-guard{--portrait-guard-backdrop: #07080c;--portrait-guard-panel: linear-gradient(180deg, #1d2030 0%, #0d0f17 100%);--portrait-guard-border: rgb(255 255 255 / 18%);--portrait-guard-shadow: 0 18px 48px rgb(0 0 0 / 45%);--portrait-guard-radius: 22px;--portrait-guard-accent: #ffffff;--portrait-guard-text: #ffffff;--portrait-guard-title: var(--portrait-guard-text);--portrait-guard-muted: rgb(255 255 255 / 78%);--portrait-guard-font-title: system-ui, sans-serif;--portrait-guard-font-body: system-ui, sans-serif;--portrait-guard-device: #ffffff;--portrait-guard-device-fill: rgb(0 0 0 / 35%);--portrait-guard-screen: rgb(255 255 255 / 18%);--portrait-guard-logo-ratio: 2;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;display:grid;place-items:center;box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));overflow:hidden;background:var(--portrait-guard-backdrop);color:var(--portrait-guard-text);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none;animation:portrait-guard-fade .2s ease-out both}.portrait-guard *,.portrait-guard *:before,.portrait-guard *:after{box-sizing:border-box}.portrait-guard__panel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(18px,4vw,36px);width:min(620px,100%);max-height:100%;padding:clamp(14px,5vh,28px) clamp(18px,4vw,34px);border:2px solid var(--portrait-guard-border);border-radius:var(--portrait-guard-radius);background:var(--portrait-guard-panel);box-shadow:var(--portrait-guard-shadow)}.portrait-guard__visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,2vh,12px)}.portrait-guard__logo{display:none;width:clamp(96px,30vh,150px);aspect-ratio:var(--portrait-guard-logo-ratio);background:center / contain no-repeat}.portrait-guard__device{display:block;width:clamp(72px,24vh,112px);height:auto;overflow:visible}.portrait-guard__copy{position:relative;display:flex;flex-direction:column;gap:clamp(4px,1.5vh,8px);min-width:0}.portrait-guard__eyebrow{margin:0;color:var(--portrait-guard-accent);font-family:var(--portrait-guard-font-body);font-size:clamp(11px,3.2vh,13px);font-weight:700;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.portrait-guard__title{margin:0;color:var(--portrait-guard-title);font-family:var(--portrait-guard-font-title);font-size:clamp(24px,9vh,40px);font-weight:800;line-height:1.05}.portrait-guard__message{margin:0;color:var(--portrait-guard-muted);font-family:var(--portrait-guard-font-body);font-size:clamp(14px,4.4vh,17px);font-weight:500;line-height:1.4}.portrait-guard__arrow{fill:none;stroke:var(--portrait-guard-accent);stroke-width:5;stroke-linecap:round;stroke-dasharray:100;animation:portrait-guard-arrow 2.8s ease-in-out infinite}.portrait-guard__arrow-head{fill:var(--portrait-guard-accent);animation:portrait-guard-arrow-head 2.8s ease-in-out infinite}.portrait-guard__phone{transform-box:fill-box;transform-origin:center;animation:portrait-guard-turn 2.8s cubic-bezier(.65,0,.35,1) infinite}.portrait-guard__phone-body{fill:var(--portrait-guard-device-fill);stroke:var(--portrait-guard-device);stroke-width:4}.portrait-guard__phone-screen{fill:var(--portrait-guard-screen)}.portrait-guard__phone-detail{fill:var(--portrait-guard-device)}@keyframes portrait-guard-fade{0%{opacity:0}}@keyframes portrait-guard-turn{0%{opacity:0;transform:rotate(-90deg)}8%,20%{opacity:1;transform:rotate(-90deg)}50%,88%{opacity:1;transform:rotate(0)}to{opacity:0;transform:rotate(0)}}@keyframes portrait-guard-arrow{0%,20%{opacity:1;stroke-dashoffset:100}50%,88%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes portrait-guard-arrow-head{0%,44%{opacity:0}52%,88%{opacity:1}to{opacity:0}}@media(max-height:280px){.portrait-guard .portrait-guard__logo{display:none}}@media(prefers-reduced-motion:reduce){.portrait-guard,.portrait-guard__phone,.portrait-guard__arrow,.portrait-guard__arrow-head{animation:none}.portrait-guard__arrow{stroke-dashoffset:0}}.portrait-guard{--portrait-guard-backdrop: radial-gradient( 90% 70% at 50% 0%, rgb(255 166 0 / 26%) 0%, rgb(255 166 0 / 0%) 70% ), radial-gradient( 60% 50% at 50% 100%, rgb(140 255 0 / 14%) 0%, transparent 70% ), linear-gradient(180deg, #2a1300 0%, #160d09 60%, #0b0503 100%);--portrait-guard-panel: linear-gradient( 180deg, #925f00 0%, #5a3303 42%, #1c0d00 100% );--portrait-guard-border: #703f08;--portrait-guard-shadow: inset 0 2px 0 #d5a56d, inset 0 -3px 0 #090000, 0 0 0 4px #552707, 0 0 0 6px #1c0d00, 0 22px 50px rgb(0 0 0 / 60%);--portrait-guard-radius: 26px;--portrait-guard-accent: #b6d700;--portrait-guard-title: #fff3d6;--portrait-guard-muted: #ffe2b5;--portrait-guard-font-title: "Grandstander", "Baloo 2", "Archivo Black", cursive;--portrait-guard-font-body: "Archivo", "Baloo 2", sans-serif;--portrait-guard-device: #ffc960;--portrait-guard-device-fill: #3a1a02;--portrait-guard-screen: #8cff00;--portrait-guard-logo-ratio: 280 / 198}.portrait-guard__panel:before{content:"";position:absolute;inset:-2px 28px auto;height:34px;background:radial-gradient(9px 17px at 9% 0,#8cff00 96%,transparent 100%),radial-gradient(circle 4px at 9% 24px,#8cff00 96%,transparent 100%),radial-gradient(6px 10px at 23% 0,#8cff00 96%,transparent 100%),radial-gradient(12px 21px at 63% 0,#8cff00 96%,transparent 100%),radial-gradient(circle 5px at 63% 29px,#8cff00 96%,transparent 100%),radial-gradient(7px 12px at 81% 0,#8cff00 96%,transparent 100%),radial-gradient(5px 8px at 94% 0,#8cff00 96%,transparent 100%);filter:drop-shadow(0 2px 0 #4f7a00);pointer-events:none}.portrait-guard__logo{display:block;background-image:url(/lobby/assets/logo-PKdf9Qg9.webp);filter:drop-shadow(0 4px 0 rgb(28 13 0 / 70%))}.portrait-guard__device{filter:drop-shadow(0 0 10px rgb(140 255 0 / 35%))}.portrait-guard__title{font-weight:900;text-shadow:0 3px 0 #552707,0 0 18px rgb(140 255 0 / 30%)}.portrait-guard__message{text-shadow:0 1px 0 rgb(28 13 0 / 60%)}@font-face{font-family:Archivo;font-style:normal;font-weight:500;src:url(/lobby/assets/goobig/fonts/archivo/Archivo-Medium.woff2) format("woff2")}@font-face{font-family:Grandstander;font-style:normal;font-weight:800 900;src:url(/lobby/assets/goobig/fonts/grandstander/Grandstander-Black.woff2) format("woff2")}:root{color:#fff4e2;background:#090305;font-family:Archivo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button{font:inherit}.lobby{position:relative;isolation:isolate;display:grid;min-height:100dvh;overflow:hidden;background:#0b0407}.lobby-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/lobby/assets/goobig/body-map/spa-room.webp) center / cover no-repeat;filter:saturate(.84);transform:scale(1.02)}.lobby-backdrop__animation{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.lobby-backdrop:before{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(ellipse at center,#18030f2e 0,#18030f2e 25%,#060106cf),linear-gradient(90deg,rgb(4 1 5 / 44%),transparent 34% 66%,rgb(4 1 5 / 44%))}.lobby-backdrop:after{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.13;background-image:radial-gradient(rgb(255 199 126 / 48%) .7px,transparent .8px);background-size:15px 15px}.lobby-launch{z-index:1;display:flex;flex-direction:column;align-items:center;width:min(515px,calc(100% - 32px));margin:auto;padding:36px 0 31px;text-align:center;transform:translateY(-42px)}.kicker{margin:0 0 20px;color:#fff5e8;font-size:16px;font-weight:600;letter-spacing:.28em;text-indent:.28em;text-shadow:0 2px 5px #130309;text-transform:uppercase}.game-logo{width:min(140px,46vw);height:auto;margin:0 auto 27px;filter:drop-shadow(0 6px 0 rgb(31 11 3 / 72%)) drop-shadow(0 13px 19px rgb(0 0 0 / 48%))}.launch-card{width:100%;padding:28px 28px 29px;border:2px solid #815122;border-radius:22px;background:linear-gradient(155deg,#3e1907ed,#180802f2);box-shadow:inset 0 0 0 2px #ffd78914,0 16px 32px #00000075}h1{margin:0;color:#fff4dc;font-family:Grandstander,cursive;font-size:clamp(38px,8.7vw,51px);font-weight:900;letter-spacing:-.06em;line-height:.91;text-shadow:0 3px 0 #160704,0 7px 0 rgb(0 0 0 / 24%)}h1 span{color:#b9ef1b}.tagline{max-width:415px;margin:16px auto 18px;color:#ddc3aa;font-size:15px;font-weight:500;line-height:1.4}.feature-row{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-bottom:28px}.feature-pill{padding:8px 12px;border:1px solid #49d6ed;border-radius:10px;color:#fff0dd;background:linear-gradient(180deg,#3c1a08,#210d03);font-family:Archivo,sans-serif;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1;text-shadow:0 1px 0 #160405;text-transform:uppercase;box-shadow:inset 0 1px #ffffff1f,0 2px #154a99,0 5px 10px #00000038}.play-button{display:grid;width:min(360px,100%);margin:auto;gap:3px;padding:14px 20px 12px;border:2px solid #f49a00;border-radius:8px;color:#fff;background:linear-gradient(180deg,#d96a00,#721500);box-shadow:inset 0 2px #ffde976b,0 5px #3b0b02,0 12px 22px #00000052;cursor:pointer;transition:transform .13s ease,filter .13s ease}.play-button:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-2px)}.play-button:active:not(:disabled){transform:translateY(3px);box-shadow:inset 0 2px #ffde976b,0 2px #3b0b02}.play-button:disabled{cursor:wait;filter:saturate(.65);opacity:.72}.play-button b{font-family:Grandstander,cursive;font-size:21px;font-weight:900;letter-spacing:.02em;line-height:1;text-shadow:0 2px 0 #3a0902;text-transform:uppercase}.play-button small{color:#fff1d5d1;font-size:10px;font-weight:500}.lobby-error{width:100%;margin:14px 0 0;padding:10px 13px;border:1px solid rgb(255 115 91 / 45%);border-radius:11px;color:#ffc1ad;background:#4b0a0bd9;font-size:12px}footer{position:absolute;right:0;bottom:0;left:0;z-index:1;display:flex;justify-content:space-between;width:min(620px,calc(100% - 32px));margin:0 auto;padding:12px 0 max(15px,env(safe-area-inset-bottom));color:#ffedd78c;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}@media(max-width:470px){.lobby-launch{padding-top:27px;transform:translateY(-18px)}.kicker{margin-bottom:14px;font-size:12px}.game-logo{margin-bottom:20px}.launch-card{padding:23px 16px 19px}.tagline{margin-block:13px 15px;font-size:14px}.feature-row{gap:5px}.feature-pill{padding:7px 8px;font-size:8px}footer{font-size:8px}}@media(max-height:700px)and (min-width:600px){.lobby-launch{padding-block:20px;transform:translateY(-20px)}.game-logo{width:130px;margin-bottom:16px}.launch-card{padding:20px 25px}.tagline{margin-block:10px 12px}.feature-row{margin-bottom:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}