:root{--bg: #050707;--panel: rgba(6, 10, 12, .92);--panel-soft: rgba(12, 18, 20, .86);--text: #f0f1ec;--muted: rgba(240, 241, 236, .6);--accent: #c9a04c;--accent-2: #6bbf9b;--danger: #ff3b3b;--sonar-green: #3ee47a;--sonar-dark: #08140f;--line: rgba(240, 241, 236, .14);--glow: 0 26px 70px rgba(0, 0, 0, .65);--vignette: rgba(0, 0, 0, .65);--scanline: rgba(255, 255, 255, .03);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--vh: 1vh;--vw: 1vw}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}#app{position:relative;inset:auto;width:calc(var(--vw) * 100);height:calc(var(--vh) * 100);overflow:hidden;touch-action:none;box-sizing:border-box}body{font-family:DM Sans,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}video{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none;user-drag:none}audio{pointer-events:none}img,video,canvas{max-width:100%}.frame img,.frame video,.frame canvas{max-height:100%}a{color:inherit;text-decoration:none}.app{min-height:calc(var(--vh) * 100);display:flex;flex-direction:column;height:calc(var(--vh) * 100);overflow:hidden;min-height:0}@supports (height: 100svh){html,body,#app{height:100svh}.app,.worldOnly,.worldOnly .stage,.worldStage,.worldIntro,.landingHero,.gateScene{min-height:100svh;height:100svh}}@supports (height: 100dvh){html,body,#app{height:100dvh}.app,.worldOnly,.worldOnly .stage,.worldStage,.worldIntro,.landingHero,.gateScene{min-height:100dvh;height:100dvh}}.worldOnly{min-height:calc(var(--vh) * 100);overflow:hidden;height:100%}.topbar{padding:calc(18px + var(--safe-top)) calc(6vw + var(--safe-right)) 18px calc(6vw + var(--safe-left));border-bottom:1px solid var(--line);background:#060a0ce0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10;box-shadow:0 16px 30px #00000073}.topbarCentered{text-align:center}.topbarCentered .titleRow{flex-direction:column;align-items:center}.topbarCentered .titleLeft{display:grid;justify-items:center;gap:6px}.topbarCentered .statusPill{margin-top:6px}.topbarCentered .controls{justify-content:center}.topbarCentered .hint{text-align:center}.titleRow{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.titleLeft h1,.pageTitle{margin:0;font-family:Cinzel,serif;font-size:clamp(28px,3.4vw,42px);letter-spacing:1px}.subtitle{margin:6px 0 0;font-size:14px;color:var(--muted)}.statusPill{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(40,199,183,.35);background:#12171dbf;font-size:13px}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 12px #28c7b7a6;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}50%{transform:scale(1.15);opacity:1}to{transform:scale(.9);opacity:.6}}.controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}button{font-family:DM Sans,sans-serif;letter-spacing:.4px;text-transform:uppercase;border-radius:14px;padding:10px 16px;border:1px solid rgba(245,194,75,.55);background:#080c0fe6;color:var(--text);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;box-shadow:0 12px 28px #00000073}button.btnGhost{border-color:#fff3;background:#080c0fb3}button.btnGlow{position:relative;overflow:hidden}button.btnGlow:after{content:"";position:absolute;inset:-200% 60% auto -200%;height:200%;background:linear-gradient(90deg,transparent,rgba(245,194,75,.6),transparent);transform:rotate(25deg);animation:btnSweep 2.6s ease-in-out infinite;pointer-events:none}button:hover{border-color:#f5c24bf2;box-shadow:0 16px 36px #0009;transform:translateY(-1px)}button:active{transform:translateY(1px) scale(.99)}.btnSecondary{border-color:#28c7b799}.btnSecondary:hover{border-color:#28c7b7f2}.btnRestart{border-color:#ff5f5fb3}.btnRestart:hover{border-color:#ff5f5ff2}.stageButton{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:4}.hiddenControl{display:none}.idCardOverlay{position:fixed;left:calc(clamp(8px,2vw,16px) + var(--safe-left));bottom:calc(clamp(8px,2vw,16px) + var(--safe-bottom));width:clamp(120px,30vw,260px);aspect-ratio:3 / 4;background:url(/assets/images/Cards/idcard1.png) center / contain no-repeat;z-index:12;pointer-events:none;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}.gameOverActive .idCardOverlay{opacity:0;pointer-events:none}.idCardPhoto{position:absolute;left:30%;top:27%;width:40%;height:30%;object-fit:cover;border-radius:clamp(4px,.6vw,6px)}.idCardLabel{display:none}.idCardNameLabel{top:64%}.idCardDateLabel{top:80%}.idCardName{position:absolute;left:15%;top:62%;width:70%;font-family:Bebas Neue,Oswald,sans-serif;font-size:clamp(9px,1.9vw,13px);font-weight:500;letter-spacing:.7px;color:#140e0af2;text-shadow:0 0 1px rgba(20,14,10,.5);text-transform:none;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.08;overflow-wrap:anywhere;word-break:break-word;text-align:left}.idCardDate{position:absolute;left:15%;top:72%;width:70%;font-family:Bebas Neue,Oswald,sans-serif;font-size:clamp(9px,1.9vw,13px);font-weight:500;letter-spacing:.7px;color:#140e0af2;text-shadow:0 0 1px rgba(20,14,10,.5);text-transform:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.08;overflow-wrap:anywhere;word-break:break-word;text-align:left}.idCardName:before{content:"Name: ";font-weight:800;letter-spacing:.5px}.idCardDate:before{content:"Date Issued: ";font-weight:800;letter-spacing:.5px}@media(max-width:520px){.idCardLabel{display:none}.idCardName{font-size:clamp(7px,1.5vw,10px)}}@media(max-width:520px){.idCardOverlay{width:clamp(100px,30vw,180px);bottom:calc(6px + var(--safe-bottom))}.idCardNameLabel{top:64%}.idCardDateLabel{top:80%}.idCardName{width:70%;letter-spacing:.5px;font-size:clamp(7px,1.5vw,10px)}.idCardDate{width:70%;letter-spacing:.5px;font-size:clamp(7px,1.5vw,10px);top:72%}}@media(max-width:600px){.welcomeBanner,.gateEnteredBanner,.cameraWarningBanner,.trexAlertPanel{text-align:center}.alertFrame,.cameraWarningFrame{margin-left:auto;margin-right:auto;text-align:center}}@media(max-height:740px){.idCardOverlay{width:clamp(96px,28vw,160px);bottom:calc(4px + var(--safe-bottom))}.idCardLabel{font-size:clamp(6px,1.2vw,9px)}}.playAgainButton.hiddenControl{display:none}.playAgainButton{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:64px;height:64px;border-radius:50%;border:2px solid rgba(245,194,75,.7);background:#080c0fbf;display:grid;place-items:center;box-shadow:0 10px 28px #00000073;z-index:4}.playAgainButton:hover{border-color:#f5c24b;transform:translate(-50%) scale(1.02)}.playIcon{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid var(--accent);margin-left:4px}.hint{margin:12px 0 0;font-size:13px;color:var(--muted)}.stage{flex:1;display:grid;place-items:center;padding:calc(24px + var(--safe-top)) calc(6vw + var(--safe-right)) calc(36px + var(--safe-bottom)) calc(6vw + var(--safe-left));width:100%;max-width:100%;min-height:0}.worldStage{position:relative;overflow:hidden;min-height:calc(var(--vh) * 100);background:#0b0f0c;opacity:0;transition:opacity .52s ease;max-width:100%}.worldStage:before{content:"";position:absolute;inset:0;background:url(/assets/images/background/12.png) center / cover no-repeat;transform:none;z-index:0}.cameraLive .worldStage:before{opacity:0}.cameraLive .worldStage{background:#000}.worldStage:after{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;z-index:1}.worldOnly,.worldOnly .stage,.worldOnly .frame{position:relative;z-index:2}.worldOnly .stage{height:100%;padding:0;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .42s ease}.worldOnly .frame{width:100%;height:100%;padding:0;margin:0;border-radius:0;box-shadow:none;background:transparent;border:0}.worldFullscreen .frame{width:100%;height:100%}.worldOnly .stageCard{width:100%;height:100%;border-radius:0;background:transparent;min-height:0;position:relative}.worldOnly video,.worldOnly canvas{height:100%;object-fit:cover}@media(max-width:900px){.worldOnly .frame{width:100%;height:100%}}.worldEntering .worldStage{position:absolute;inset:0;pointer-events:none}.worldEntered .worldStage{opacity:1;pointer-events:auto}.worldHoldCam .frame{opacity:0;pointer-events:none}.worldIntro{position:absolute;inset:0;z-index:10;height:calc(var(--vh) * 100);opacity:1;transition:opacity .52s ease;max-width:100%}.worldIntro.needsName .gateDoor{pointer-events:none}.nameOverlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:calc(var(--safe-top) + 10px) calc(var(--safe-right) + 10px) calc(var(--safe-bottom) + 10px) calc(var(--safe-left) + 10px);opacity:1;transition:opacity .42s ease;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:url(/assets/images/background/bg101.png) center / cover no-repeat}.nameOverlay:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 140% at 50% 10%,#0a0e108c,#060808cc 60%),radial-gradient(80% 80% at 50% 90%,#00000080,#000c);animation:torchFlicker 6s ease-in-out infinite}.nameOverlay:after{content:"";position:absolute;inset:-20%;z-index:1;background:radial-gradient(closest-side,#d2d2d20f,#0000 70%),radial-gradient(closest-side,#c8c8c80d,#0000 70%);background-size:45% 45%,55% 55%;background-position:10% 20%,70% 80%;filter:blur(10px);opacity:.35;animation:fogDrift 18s ease-in-out infinite;pointer-events:none}.nameOverlayHidden{opacity:0;pointer-events:none}.nameCard{position:relative;z-index:2;width:min(86vw,420px);max-height:calc((var(--vh) * 100) - var(--safe-top) - var(--safe-bottom) - 20px);padding:clamp(12px,2.2vh,26px) clamp(12px,2.2vw,24px);border-radius:16px;border:1px solid rgba(255,196,106,.55);background:linear-gradient(#050708b3,#050708b3);box-shadow:0 20px 50px #0009,inset 0 0 0 1px #ffc46a14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:clamp(8px,1.2vh,14px);text-align:center;overflow:hidden}.nameLogo{width:min(200px,56%);height:auto;display:block;margin:0 auto 2px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.55))}.nameTitle{font-family:Cinzel,serif;font-size:clamp(16px,2.5vh,20px);letter-spacing:1px;color:#f0e8d6f2;text-shadow:0 6px 18px rgba(0,0,0,.55)}.nameInput{width:100%;padding:clamp(8px,1.2vh,12px) clamp(10px,1.2vw,14px);border-radius:12px;border:1px solid rgba(255,196,106,.35);background:#07090ad9;color:var(--text);font-size:14px;outline:none}.nameInput:focus{border-color:#ffc46ad9;box-shadow:0 0 0 1px #ffc46a59,0 0 18px #ffaa5059;animation:inputGlow 1.6s ease-in-out infinite}.nameInputError{border-color:#ff5f5fd9;box-shadow:0 0 0 2px #ff5f5f33}.nameCapture{position:relative;width:100%;aspect-ratio:16 / 11;max-height:min(34vh,280px);border-radius:14px;overflow:hidden;border:1px solid rgba(255,196,106,.3);background:#060809d9;display:grid;place-items:center}.nameCaptureVideo,.nameCapturePhoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.nameCapturePhoto.hiddenControl{display:none}.nameCaptureActions{position:absolute;inset:auto 12px 12px;display:flex;gap:10px;justify-content:center;z-index:2}.nameCaptureButton{padding:clamp(6px,1vh,8px) clamp(12px,1.6vw,16px);border-radius:999px;border:1px solid rgba(255,196,106,.7);background:#090b0cb3;color:#f5dcaaf2;font-family:Cinzel,serif;letter-spacing:1px;text-transform:uppercase}.nameCaptureButtonAlt{border-color:#ff8c78b3}.nameError{min-height:16px;color:#ff8278f2;font-size:12px;letter-spacing:.4px;opacity:0;transition:opacity .2s ease}.nameError.nameErrorVisible{opacity:1}.nameError.nameErrorInfo{color:#f5dcaaeb}.nameOkButton{justify-self:center;font-family:Cinzel,serif;text-transform:uppercase;letter-spacing:2px;padding:clamp(7px,1vh,10px) clamp(16px,2vw,26px);border-radius:999px;border:1px solid rgba(255,196,106,.75);background:linear-gradient(#090b0c26,#090b0c66),url(/assets/images/background/button.jpg) center / cover no-repeat;color:#f5dcaaf2;box-shadow:0 10px 24px #00000073;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.nameOkButton:hover{border-color:#ffc46af2;box-shadow:0 12px 26px #00000080,0 0 18px #ffaa5059;transform:translateY(-1px)}.nameOkButton:active{transform:translateY(1px);box-shadow:0 8px 18px #00000080}@supports (height: 100dvh){.nameOverlay{min-height:100dvh}.nameCard{max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px)}}@media(max-height:760px){.nameCard{width:min(92vw,420px);padding:12px;gap:8px}.nameLogo{width:min(148px,48%);margin-bottom:2px}.nameTitle{font-size:clamp(14px,2.2vh,17px)}.nameCapture{max-height:min(30vh,220px)}.nameOkButton{padding:7px 16px}}@keyframes inputGlow{0%,to{box-shadow:0 0 0 1px #ffc46a59,0 0 16px #ffaa5040}50%{box-shadow:0 0 0 1px #ffc46a80,0 0 22px #ffaa5073}}@keyframes torchFlicker{0%,to{opacity:.95}45%{opacity:.85}60%{opacity:.9}75%{opacity:.8}}@keyframes fogDrift{0%{transform:translate3d(-2%,-1%,0);opacity:.3}50%{transform:translate3d(2%,1%,0);opacity:.45}to{transform:translate3d(-2%,-1%,0);opacity:.3}}.welcomeBanner{position:absolute;inset:0;display:grid;place-items:center;z-index:12;gap:4px;align-content:center;grid-auto-rows:min-content;pointer-events:none;text-align:center;color:#c9a04c;text-shadow:0 2px 8px rgba(0,0,0,.6);opacity:0}.gateEnteredBanner{z-index:6;transition:opacity .42s ease;color:var(--accent)}.gateEnteredBanner.gateEnteredShow{opacity:1}.gateEnteredBanner .welcomeTitle,.gateEnteredBanner .welcomeName{background:linear-gradient(180deg,#ffd7a0,#ff9b5c);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;text-shadow:0 0 10px rgba(255,150,70,.35),0 0 20px rgba(255,120,50,.25)}.stageCard .cameraWarningBanner{position:absolute;inset:0;display:grid;place-items:center;z-index:8;opacity:0;transition:opacity .42s ease;pointer-events:none}.stageCard .cameraWarningBanner.cameraWarningShow{opacity:1}.cameraWarningFrame{width:min(100%,640px);padding:clamp(16px,3vw,26px);border:2px solid rgba(245,194,75,.7);border-radius:16px;background:radial-gradient(circle at 50% 0%,rgba(255,205,120,.08),transparent 60%),linear-gradient(180deg,#080a0ac7,#060808e6);box-shadow:0 20px 50px #000000a6,inset 0 0 0 1px #ffd28c33;text-align:center;text-transform:uppercase;letter-spacing:1.4px;color:#f5c76c;display:grid;gap:10px;position:relative;overflow:hidden}.cameraWarningFrame:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,200,120,.25);pointer-events:none}.cameraWarningFrame:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#ffffff0a 0px 1px,#0000 2px 4px);opacity:.35;pointer-events:none}.cameraWarningTitle{font-family:Cinzel,serif;font-size:clamp(20px,3.4vw,34px);text-shadow:0 0 8px rgba(255,170,80,.45),0 0 18px rgba(255,140,60,.45)}.cameraWarningSub{font-family:Oswald,DM Sans,sans-serif;font-size:clamp(14px,2.6vw,22px);letter-spacing:2px;color:#ffb56c;text-shadow:0 0 10px rgba(255,120,50,.35)}.cameraWarningTimer{display:inline-flex;align-items:baseline;justify-content:center;gap:8px;font-family:DM Sans,sans-serif;font-size:clamp(14px,2.8vw,20px);letter-spacing:1.4px;color:#ffd296f2}.cameraWarningTimer strong{font-size:clamp(22px,4vw,40px);color:#ffd28a;text-shadow:0 0 12px rgba(255,180,90,.6)}.cameraWarningLogo{width:clamp(120px,26vw,170px);height:auto;margin:6px auto 0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.6))}.welcomeTitle{font-family:Cinzel,serif;font-size:clamp(24px,3.8vw,46px);letter-spacing:2px;text-transform:uppercase;margin:0;line-height:1.1;font-weight:800}.welcomeName{font-family:DM Sans,sans-serif;font-size:clamp(15px,2.6vw,21px);letter-spacing:2px;text-transform:uppercase;margin:0;line-height:1.1;font-weight:800}.welcomeBanner .welcomeTitle{color:#c9a04c;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-stroke:0;letter-spacing:2.6px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 6px 18px rgba(0,0,0,.55),0 0 20px rgba(18,12,6,.55)}.welcomeBanner .welcomeName{color:#e6d8b8;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-stroke:0;letter-spacing:2.2px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 5px 14px rgba(0,0,0,.5),0 0 16px rgba(18,12,6,.45)}.gateEnteredBanner .welcomeTitle{color:#c9a04c;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-stroke:0;letter-spacing:2.6px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 6px 18px rgba(0,0,0,.55),0 0 20px rgba(18,12,6,.55)}.gateEnteredBanner .welcomeName{color:#e6d8b8;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-stroke:0;letter-spacing:2.2px;text-shadow:0 2px 8px rgba(0,0,0,.6),0 5px 14px rgba(0,0,0,.5),0 0 16px rgba(18,12,6,.45)}@keyframes welcomeFade{0%{opacity:0;transform:translateY(-28px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.worldIntro.gatePlaying{pointer-events:none}.frame{width:min(100%,1040px);border-radius:22px;background:var(--panel);border:0;box-shadow:var(--glow);padding:18px;position:relative;overflow:hidden;max-width:100%;max-height:100%}.frame:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#ff464614 0 10px,#0000 10px 22px);opacity:.15;pointer-events:none;z-index:1}.worldOnly .frame:before{display:none}.frame>*{position:relative;z-index:2}.stageCard{position:relative;border-radius:18px;overflow:hidden;background:#060a0c;min-height:320px;max-width:100%;max-height:100%}.stageCard>*{position:relative;z-index:4}.stageCard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(0,0,0,0) 30%,var(--vignette) 85%),radial-gradient(circle at 20% 15%,rgba(255,80,60,.08),transparent 55%);opacity:.9;pointer-events:none;z-index:2}.stageCard:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,var(--scanline) 0px,var(--scanline) 1px,rgba(0,0,0,0) 2px,rgba(0,0,0,0) 4px);opacity:.35;pointer-events:none;z-index:3;mix-blend-mode:soft-light}.worldOnly .stageCard:before,.worldOnly .stageCard:after{display:none}.stageCard.shake{animation:shake .45s ease-in-out}.stageCard.shakeHard{animation:shakeHard .6s ease-in-out}video{width:100%;height:100%;display:block;background:#040709;object-fit:cover}.hiddenVideo{opacity:0}.overlay,.overlay3d{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shadowOverlay{z-index:5;mix-blend-mode:multiply}.bgOverlay{z-index:2;pointer-events:none}.dinoOverlay{z-index:6}.glassOverlay{z-index:7;mix-blend-mode:screen;opacity:.9}.fogOverlay{z-index:6;mix-blend-mode:screen;opacity:.85}.fxOverlay{z-index:4;mix-blend-mode:multiply;pointer-events:none}.cinematicHud{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .26s ease;font-family:Orbitron,Rajdhani,Oswald,sans-serif;text-transform:uppercase;letter-spacing:1.6px;color:#c8ffdcf2}.cinematicHud:before{content:"";position:absolute;inset:5%;border:1px solid rgba(120,255,180,.22);box-shadow:0 0 0 1px #78ffb42e,0 0 28px #5affaa24;opacity:.5}.hudLockActive .cinematicHud,.distanceOnlyActive .cinematicHud{opacity:1}.distanceOnlyActive .cinematicHud:before{opacity:0}.distanceOnlyActive .cinematicGrid,.distanceOnlyActive .cinematicFrame,.distanceOnlyActive .cinematicScan,.distanceOnlyActive .cinematicReticle,.distanceOnlyActive .cinematicTelemetry{opacity:0;animation:none}.cinematicGrid{position:absolute;inset:0;background-image:linear-gradient(rgba(60,255,120,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(60,255,120,.28) 1px,transparent 1px),linear-gradient(0deg,rgba(60,255,120,.18) 0 1px,transparent 1px 120px),radial-gradient(circle at 50% 50%,rgba(60,255,120,.18),transparent 52%);background-size:64px 64px,64px 64px,100% 100%,100% 100%;opacity:0;filter:drop-shadow(0 0 12px rgba(60,255,120,.35)) drop-shadow(0 0 34px rgba(60,255,120,.18))}.hudLockActive .cinematicGrid{animation:cinematicGridIn 2.2s ease forwards}.cinematicFrame{position:absolute;inset:12% 16%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 360'%3E%3Cg fill='none' stroke='rgba(200,255,220,0.65)' stroke-width='2'%3E%3Cpath d='M120 20 L380 20 L470 90 L470 270 L380 340 L120 340 L30 270 L30 90 Z'/%3E%3Cpath d='M250 40 L250 320'/%3E%3Cpath d='M60 180 L440 180'/%3E%3C/g%3E%3Cg stroke='rgba(200,255,220,0.35)' stroke-width='1'%3E%3Cpath d='M250 60 L320 120'/%3E%3Cpath d='M250 60 L180 120'/%3E%3Cpath d='M250 300 L320 240'/%3E%3Cpath d='M250 300 L180 240'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;background-position:center;opacity:0;filter:drop-shadow(0 0 16px rgba(90,255,170,.2))}.hudLockActive .cinematicFrame{animation:cinematicGridIn 2.2s ease forwards}.cinematicScan{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#5affaa0d 0px 1px,#0000 2px 6px);opacity:0;mix-blend-mode:screen}.hudLockActive .cinematicScan{animation:cinematicScan 3.6s linear infinite;opacity:.4}.cinematicReticle{position:absolute;left:50%;top:50%;width:clamp(120px,16vw,180px);height:clamp(120px,16vw,180px);border:1px solid rgba(255,59,59,.95);border-radius:50%;box-shadow:0 0 18px #ff3b3b99,inset 0 0 18px #ff3b3b59;opacity:0;transform:translate(-50%,-50%) translate(-60vw,-16vh) scale(1.25)}.cinematicReticle:before,.cinematicReticle:after{content:"";position:absolute;left:50%;top:50%;width:140%;height:1px;background:#ff3b3bcc;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff3b3ba6}.cinematicReticle:after{width:1px;height:140%}.cinematicReticleCore{position:absolute;inset:28%;border:1px dashed rgba(255,120,120,.6);border-radius:50%}.hudLockActive .cinematicReticle{animation:cinematicReticleSweep 3s 2.2s cubic-bezier(.2,.8,.2,1) forwards,cinematicReticlePulse 1.2s 5.2s ease-in-out infinite}.cinematicTelemetry{position:absolute;right:6vw;top:10vh;display:grid;gap:8px;font-size:clamp(12px,2vw,18px);opacity:0;text-shadow:0 0 10px rgba(90,255,170,.35),0 0 22px rgba(90,255,170,.18)}.cinematicTeleLine{padding-left:12px;position:relative}.cinematicTeleLine:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;transform:translateY(-50%);border:1px solid rgba(120,255,180,.75);border-radius:2px;box-shadow:0 0 10px #5affaa80}.cinematicDistanceValue{color:#dcffebfa;text-shadow:0 0 12px rgba(90,255,170,.28),0 0 20px rgba(90,255,170,.22);letter-spacing:2px}.cinematicDistanceSoloValue{color:#ffb56c;text-shadow:0 0 6px rgba(255,120,50,.6),0 0 14px rgba(255,120,50,.75)}.hudLockActive .cinematicTelemetry{animation:cinematicTeleIn .8s ease 3.8s forwards}.cinematicDistanceSolo{position:absolute;left:50%;bottom:10vh;transform:translate(-50%);font-size:clamp(18px,3vw,28px);letter-spacing:2px;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;opacity:0;z-index:7}.hudLockActive .cinematicDistanceSolo{opacity:0}.distanceOnlyActive .cinematicDistanceSolo{opacity:1;transition:opacity .22s ease}.hudTop,.hudBottom{position:absolute;left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));display:flex;justify-content:space-between;gap:12px;pointer-events:none;flex-wrap:wrap}.hud{position:absolute;left:calc(14px + var(--safe-left));right:calc(14px + var(--safe-right));top:calc(14px + var(--safe-top));display:flex;justify-content:space-between;gap:12px;pointer-events:none;flex-wrap:wrap;z-index:6;opacity:0;transition:opacity .22s ease}.worldOnly .hud{justify-content:flex-end}.cameraLive .hud{opacity:1}.preStartBanner{position:absolute;top:10vh;left:50%;transform:translate(-50%);padding:10px 18px;border-radius:12px;background:linear-gradient(180deg,#19120cdb,#080808eb),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px);border:1px solid rgba(255,160,80,.45);box-shadow:inset 0 0 0 1px #ff782833,0 14px 28px #0009;text-transform:uppercase;font-family:Oswald,DM Sans,sans-serif;letter-spacing:1.5px;color:#ffb56c;opacity:0;transition:opacity .2s ease;z-index:7}.preStartShow{opacity:1}.preStartTitle{font-size:clamp(14px,2.8vw,20px);color:#ff8b5a;text-shadow:0 0 6px rgba(255,90,40,.5),0 0 14px rgba(255,90,40,.7)}.preStartSub{display:flex;gap:8px;justify-content:center;align-items:baseline;font-size:clamp(16px,3.2vw,26px);font-weight:700;margin-top:4px;color:#ffd69a}.preStartSub strong{font-size:clamp(18px,3.8vw,32px);color:#ffe1b4}.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#060a0cc7;font-size:13px;letter-spacing:.3px}.badgeDanger{border-color:#ff5f5fb3;box-shadow:0 0 20px #ff5f5f33;color:#ffecec}.warningBar{position:absolute;left:16px;right:16px;bottom:78px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,95,95,.75);background:#7812128c;text-transform:uppercase;letter-spacing:.6px;font-size:12px;color:#ffecec;box-shadow:0 10px 26px #00000073;z-index:3}.warningPulse{animation:warningPulse .45s ease-in-out}.screenFlash{position:absolute;inset:0;background:#ff503c40;opacity:0;pointer-events:none;z-index:4}.screenFlash.flashOn{animation:flash .25s ease-out}.screenFlash.flashRed{background:#c80000bf}.alertCard{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;border:1px solid rgba(255,95,95,.6);background:#5a0c0c73;color:#ffecec;text-transform:uppercase;letter-spacing:.5px;font-size:12px;width:fit-content}.alertIcon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#ff5f5fe6;color:#1b0a0a}.hudTop{top:calc(14px + var(--safe-top))}.hudBottom{bottom:calc(14px + var(--safe-bottom))}.hudBadge{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#060a0cc7;font-size:13px;letter-spacing:.3px}.movieBadge{border-color:#f5c24b80;box-shadow:0 0 16px #f5c24b1f}.dangerBadge{border-color:#ff5f5fb3;box-shadow:0 0 20px #ff5f5f33;color:#ffecec}.badgeLabel{text-transform:uppercase;font-size:11px;letter-spacing:1px;color:var(--muted)}.timer{font-variant-numeric:tabular-nums;font-weight:700}.neoTimer{--neo-red: var(--danger);--neo-red-glow: rgba(255, 95, 95, .8);--neo-red-glow-soft: rgba(255, 95, 95, .55);position:relative;width:clamp(96px,12vw,168px);height:clamp(96px,12vw,168px);display:grid;place-items:center;border-radius:50%;pointer-events:none;filter:drop-shadow(0 0 18px rgba(255,40,70,.55));opacity:0;transform:scale(.92);transition:opacity .22s ease,transform .22s ease}.timerLive .neoTimer{opacity:1;transform:scale(1)}.neoTimerRing{position:absolute;inset:0;border-radius:50%;border:2px solid var(--neo-red);box-shadow:0 0 10px var(--neo-red-glow),0 0 24px var(--neo-red-glow-soft),inset 0 0 14px var(--neo-red-glow-soft);opacity:.95;animation:neoPulse 2.2s ease-in-out infinite}.neoTimerRingInner{inset:10%;border-width:3px;opacity:.85;box-shadow:0 0 8px var(--neo-red-glow-soft),0 0 18px #ff5f5f73,inset 0 0 12px #ff5f5f80;animation-delay:.4s}.neoTimer:after{content:"";position:absolute;inset:-6%;border-radius:50%;border:2px solid rgba(255,95,95,.25);box-shadow:0 0 10px #ff5f5f40,0 0 22px #ff5f5f2e}.neoTimer:before{content:"";position:absolute;inset:-2%;border-radius:50%;border:2px solid rgba(255,95,95,.35);box-shadow:0 0 12px #ff5f5f59;opacity:.8}.neoTimerValue{width:68%;height:68%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#ff5f5f40,#0a0006d9 70%);box-shadow:inset 0 0 20px #ff5f5f59,0 0 12px #ff5f5f59}.neoTimerValue .timer{font-family:Orbitron,Rajdhani,Oswald,sans-serif;font-size:clamp(22px,2.8vw,40px);letter-spacing:1px;color:var(--text);text-shadow:none;animation:none}@keyframes neoPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.03);opacity:1}}@keyframes neoNumberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.footer{padding:16px 6vw 24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:16px}.winBanner{position:absolute;top:auto;bottom:16px;left:50%;transform:translate(-50%,-50%);background:#090c0cd9;border:1px solid rgba(155,210,170,.6);box-shadow:0 0 26px #9bd2aa33;padding:12px 20px;border-radius:999px;font-family:Cinzel,serif;font-size:clamp(16px,2.8vw,24px);letter-spacing:1px;text-transform:uppercase;opacity:0;pointer-events:none;z-index:6;text-shadow:0 2px 10px rgba(0,0,0,.55)}.loseBanner{position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);background:#0c0808e6;border:1px solid rgba(255,70,70,.85);box-shadow:0 0 28px #ff464659;padding:10px 18px;border-radius:999px;font-family:Cinzel,serif;font-size:clamp(14px,2.6vw,22px);letter-spacing:2px;text-transform:uppercase;opacity:0;pointer-events:none;z-index:6;text-shadow:0 2px 10px rgba(0,0,0,.6)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px;padding:56px 0 40px}.heroCenter{grid-template-columns:minmax(280px,640px);justify-content:center}.heroCopy{display:flex;flex-direction:column;gap:16px}.heroCopyCenter{align-items:center;text-align:center;animation:heroFloat 1s ease-out both}.heroEyebrow{animation:flicker 3.2s ease-in-out infinite}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--muted)}.heroTitle{font-family:Cinzel,serif;font-size:clamp(36px,6vw,72px);margin:0}.heroTitleGlow{text-shadow:0 0 22px rgba(245,194,75,.2),0 0 60px rgba(255,255,255,.08);animation:titleSweep 1.2s ease-out both}.heroSubtitle{font-size:16px;color:var(--muted);margin:0}.heroLead{font-size:18px;line-height:1.6;color:var(--text)}.heroActions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.quoteCard{padding:18px 22px;border-radius:18px;border:1px solid rgba(245,194,75,.3);background:#090e11b3;box-shadow:var(--glow);display:grid;gap:10px}.quoteMark{font-size:32px;line-height:1;color:var(--accent)}.heroPanel{border-radius:22px;border:1px solid rgba(49,255,122,.35);background:#060e0ad1;padding:20px 22px;box-shadow:var(--glow);display:grid;gap:18px;transition:transform .2s ease,box-shadow .2s ease}.heroPanelCenter{max-width:680px;margin:0 auto;animation:heroFloat 1.1s ease-out both;animation-delay:.1s}.heroPanel:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0009}.panelBadge{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--muted)}.alertStack{display:grid;gap:16px}.alertCardWide{position:relative;display:grid;gap:10px;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,95,95,.5);background:#0e080aa6;overflow:hidden;box-shadow:inset 0 0 18px #ff5f5f40}.alertPulse{position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,95,95,.35),transparent 60%);animation:pulseRing 2.8s ease-in-out infinite}.alertMeta{display:flex;justify-content:space-between;align-items:center;z-index:1}.alertTag{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#ff5f5fd9}.alertBars{display:flex;gap:6px;z-index:1}.alertBars .bar{width:30px;height:6px;border-radius:999px;background:#ff5f5f33;animation:barPulse 1.4s ease-in-out infinite}.alertBars .bar2{animation-delay:.2s}.alertBars .bar3{animation-delay:.4s}.alertBars .bar4{animation-delay:.6s}.panelBody{display:grid;gap:8px}.panelTitle{font-family:Cinzel,serif;font-size:20px;margin:0}.panelText{margin:0;color:var(--muted)}.panelFooter{display:flex;gap:10px}.pill{padding:6px 12px;border-radius:999px;border:1px solid rgba(245,194,75,.4);font-size:12px;text-transform:uppercase}.signalGrid{display:grid;gap:16px}.signalTitle{display:grid;gap:6px}.signalLabel{text-transform:uppercase;letter-spacing:2px;font-size:12px;color:var(--muted)}.alertTitle{color:#ff3b3b;text-shadow:0 0 14px rgba(255,59,59,.35)}.sonarWrap{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center}.sonarLarge{position:relative;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at center,#31ff7a26,#08140ff2);border:2px solid rgba(49,255,122,.6);overflow:hidden;box-shadow:inset 0 0 22px #31ff7a59;transition:transform .2s ease,box-shadow .2s ease}.heroPanel:hover .sonarLarge{transform:scale(1.03) rotate(-1deg);box-shadow:inset 0 0 26px #31ff7a73}.sonarLarge:before,.sonarLarge:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(49,255,122,.25)}.sonarLarge:after{inset:36px}.sonarSweep{position:absolute;inset:-60%;background:conic-gradient(from 0deg,#31ff7a00,#31ff7a4d,#31ff7a00);animation:sonarSweep 3s linear infinite}.sonarPing{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--sonar-green);box-shadow:0 0 10px #31ff7acc;animation:pingPulse 2.6s ease-in-out infinite}.ping1{top:30px;left:70px;animation-delay:0s}.ping2{top:70px;left:40px;animation-delay:.6s}.ping3{top:50px;left:20px;animation-delay:1.2s}.sonarReadout{display:grid;gap:6px;font-size:14px}.readoutLabel{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#31ff7acc}.dinoGrid,.steps{padding:32px 0 20px}.sectionHead{display:grid;gap:8px;margin-bottom:18px}.sectionHead h2{font-family:Cinzel,serif;margin:0;font-size:clamp(24px,4vw,40px)}.sectionHead p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.card{padding:0;border-radius:16px;background:#080c0fbf;border:1px solid rgba(245,194,75,.25);box-shadow:var(--glow);overflow:hidden;display:grid;gap:0}.dinoCard{position:relative}.dinoImage{width:100%;height:260px;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.05);transform:scale(1.02);transition:transform .3s ease,filter .3s ease}.dinoCard:hover .dinoImage{transform:scale(1.08);filter:saturate(1.2) contrast(1.1)}.cardBody{padding:18px;display:grid;gap:8px}.card h3{margin:0;font-family:Cinzel,serif}.card p{margin:0;color:var(--muted)}.stepRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.step{padding:16px;border-radius:16px;background:#080c0fbf;border:1px solid rgba(40,199,183,.2)}.stepIndex{display:inline-block;margin-bottom:8px;font-family:Cinzel,serif;font-size:20px;color:var(--accent)}.landingMain{padding:0 6vw 40px;display:flex;flex-direction:column;gap:24px}.landingStart{flex:1;padding:0;min-height:100vh;overflow:hidden}.landingHero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:0 6vw;position:relative;overflow:hidden;background:#0b0f0c}.landingHero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#121c1633,#060807bf);pointer-events:none;z-index:1}.landingCinematic{color:#f0f1ec}.fogLayer{position:absolute;inset:-20%;background:radial-gradient(60% 40% at 30% 30%,rgba(230,240,235,.18),transparent 65%),radial-gradient(70% 50% at 70% 60%,rgba(210,225,215,.12),transparent 70%);filter:blur(24px);opacity:.7;z-index:2;animation:fogDrift 18s linear infinite;pointer-events:none}.fogTwo{opacity:.5;animation-duration:26s;animation-direction:reverse}.lightRays{position:absolute;inset:-20%;background:repeating-linear-gradient(110deg,#ffbe5a14 0 18px,#0000 18px 48px);mix-blend-mode:screen;opacity:.35;transform:rotate(-6deg);z-index:2;pointer-events:none}.heroContent{position:relative;z-index:3;max-width:760px;display:grid;gap:12px;place-items:center;height:100%;padding:10vh 4vw;text-shadow:0 16px 40px rgba(0,0,0,.65)}.heroTitleCinematic{margin:0;font-family:Cinzel,serif;font-size:clamp(34px,7vw,92px);letter-spacing:4px;text-transform:uppercase;color:#f3f0e6;opacity:0;animation:uiFadeIn 1.2s ease-in-out 2s both}.heroSubtitleCinematic{margin:0;font-size:clamp(14px,2.2vw,20px);letter-spacing:1.6px;color:#ebdcbebf;opacity:0;animation:uiFadeIn 1.1s ease-in-out 3s both}.startButtonCinematic{position:absolute;bottom:6vh;left:50%;transform:translate(-50%);font-family:DM Sans,sans-serif;font-size:clamp(14px,2.2vw,18px);letter-spacing:3px;text-transform:uppercase;padding:14px 32px;border-radius:999px;border:1px solid rgba(255,196,106,.6);background:#0c100cb3;color:#f8e8c1;box-shadow:0 0 26px #ffb45040;cursor:pointer;opacity:0;animation:uiFadeIn 1s ease-in-out 4s both,glowPulse 2.8s ease-in-out 4s infinite}.startButtonCinematic:hover{border-color:#ffc46af2;box-shadow:0 0 32px #ffb45066}.gateScene{min-height:100vh;position:relative;overflow:hidden;background:#0b0f0c;display:grid;place-items:center}.gateScene:after{content:"";position:absolute;inset:0;background:url(/assets/images/background/12.png) center / cover no-repeat;opacity:0;transition:opacity .9s ease;z-index:0}.gateScene.gatePlaying:before{opacity:0}.gateScene.gatePlaying:after{opacity:1}.gateFrame{position:relative;width:100%;height:100%;inset:0;display:block;z-index:2;overflow:hidden}.gateVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:none;z-index:1}.gateVideo.gateVideoFront{opacity:1}.gateFreeze{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:2;pointer-events:none}.gateFreezeActive .gateFreeze{opacity:1}.alertPanel{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;z-index:3;color:#f5c76c;text-transform:uppercase;font-family:Oswald,DM Sans,sans-serif;letter-spacing:2px;background:radial-gradient(circle at 50% 20%,#141a1659,#060808db),repeating-linear-gradient(0deg,#ffffff08 0px 1px,#0000 2px 4px)}.trexAlertPanel{z-index:7}.trexAlertActive .trexAlertPanel{opacity:1;animation:alertFlicker 1.4s ease-in-out infinite}.pipWrapper{position:absolute;left:calc(3vw + var(--safe-left));bottom:calc(4vh + var(--safe-bottom));width:clamp(140px,22vw,260px);aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #00000073;background:#060808a6;z-index:5}.pipVideo{width:100%;height:100%;object-fit:cover;display:block}.pipCanvas{width:100%;height:100%;display:block}.pipHidden{opacity:0;pointer-events:none}.gateScene.gateAlertActive .alertPanel{opacity:1;animation:alertFlicker 4s ease-in-out infinite}.alertFrame{position:relative;padding:clamp(18px,4vw,28px) clamp(20px,6vw,40px);border:1px solid rgba(255,160,80,.55);box-shadow:inset 0 0 0 1px #ff782833,0 10px 30px #0009;background:linear-gradient(180deg,#19120cc7,#0a0a0ae0),radial-gradient(circle at 30% 30%,rgba(70,45,20,.35),transparent 55%),repeating-linear-gradient(90deg,rgba(255,140,60,.04) 0 1px,transparent 1px 7px),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px);min-width:min(100%,520px)}.alertFrame:before,.alertFrame:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,180,80,.22);pointer-events:none}.alertFrame:after{inset:12px;border:1px solid rgba(255,180,80,.08)}.alertHUD{position:absolute;inset:10px 12px auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#ffbe5acc}.alertBars{display:inline-flex;gap:4px}.alertBars span{width:4px;height:10px;background:#82dc78cc;box-shadow:0 0 6px #82dc7880}.alertBars span:nth-child(2){height:14px}.alertBars span:nth-child(3){height:8px}.alertTopRight{color:#ffc878cc}.alertHeader{display:inline-flex;align-items:center;gap:10px;font-size:clamp(14px,2.8vw,18px);color:#ff7c4f;text-shadow:0 0 6px rgba(255,90,40,.5),0 0 14px rgba(255,90,40,.75),0 0 24px rgba(255,90,40,.55);justify-content:center;width:100%}.alertIcon svg{width:22px;height:22px;fill:none;stroke:#ff7c4f;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(255,90,40,.6))}.alertBody{text-align:center;margin-top:14px}.alertRule{height:2px;width:min(86%,420px);margin:10px auto;background:linear-gradient(90deg,transparent,rgba(255,160,80,.75),transparent);box-shadow:0 0 10px #ff783266}.alertMain{font-size:clamp(22px,4.5vw,42px);font-weight:700;color:#ffb56c;text-shadow:0 0 6px rgba(255,120,50,.6),0 0 14px rgba(255,120,50,.75),0 0 28px rgba(255,120,50,.55);letter-spacing:2px}.alertSub{margin-top:10px;font-size:clamp(14px,2.8vw,20px);color:#ff8b5a;text-shadow:0 0 5px rgba(255,90,40,.5),0 0 12px rgba(255,90,40,.7),0 0 22px rgba(255,90,40,.55);letter-spacing:1.5px}@keyframes alertFlicker{0%,to{opacity:.95}40%{opacity:.75}60%{opacity:.9}80%{opacity:.7}}.gateDoor{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:3;cursor:pointer;perspective:1200px;border:0;padding:0;outline:none;color:inherit;background:transparent;border-radius:0;box-shadow:none;overflow:hidden}.safetyStatus{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity .6s ease}.gateScene.gatePlaying .safetyStatus{opacity:1}.safetyInfo{position:absolute;top:4vh;right:3vw;display:flex;flex-direction:column;gap:10px;font-family:DM Sans,sans-serif;font-size:clamp(10px,2.2vw,12px);letter-spacing:1.5px;text-transform:uppercase;color:#f0e8d6f2}.safetyBadge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid rgba(240,210,140,.6);border-radius:999px;background:#060808d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.safetyBadge.safetyInactive{border-color:#ff5f5fb3;background:#5a0c0c8c;color:#ffecec;box-shadow:0 0 18px #ff5f5f33}.safetyBadge.safetyInactive .iconShield svg,.safetyBadge.safetyInactive .iconCamera svg{stroke:#ff7c4f}.safetyText{display:inline-block}.safetyItem{white-space:nowrap}.iconShield svg,.iconCamera svg{width:18px;height:18px;display:block;fill:none;stroke:#f0d28ce6;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.safetyRadarWrap{position:absolute;right:calc(3vw + var(--safe-right));bottom:calc(4vh + var(--safe-bottom));display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;border:1px solid rgba(240,210,140,.6);border-radius:16px;background:#060808d9;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-family:DM Sans,sans-serif;font-size:clamp(10px,2.2vw,12px);letter-spacing:1.5px;text-transform:uppercase;color:#f0e8d6f2}.safetyRadar{width:clamp(36px,7vw,54px);height:clamp(36px,7vw,54px);border-radius:50%;border:1px solid rgba(150,255,170,.55);background:radial-gradient(circle at center,#5aff8c33,#0a140ccc 70%);box-shadow:0 0 12px #50ff8c33,inset 0 0 10px #50ff8c33;position:relative;overflow:hidden}.radarAlert .safetyRadar{border-color:#ff5f5fd9;background:radial-gradient(circle at center,#ff5a5a40,#1e080ad9 70%);box-shadow:0 0 14px #ff5f5f73,inset 0 0 12px #ff5f5f59}.radarPointer{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff5f5f;box-shadow:0 0 10px #ff5f5fe6;top:28%;left:62%;transform:translate(-50%,-50%);opacity:0}.radarPointer:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(255,95,95,.5);border-radius:50%;opacity:.9;animation:radarPing 1.6s ease-in-out infinite}.radarPointerActive .radarPointer{opacity:1}.radarPointerActive .radarPointer:after{animation:radarPing 1.6s ease-in-out infinite}.radarGrid{position:absolute;inset:10%;border:1px solid rgba(150,255,170,.25);border-radius:50%;box-shadow:inset 0 0 0 1px #96ffaa33,inset 0 0 0 12px #0000}.radarGrid:before,.radarGrid:after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(150,255,170,.2)}.radarGrid:before{inset:22%}.radarGrid:after{inset:44%}.radarAlert .radarGrid,.radarAlert .radarGrid:before,.radarAlert .radarGrid:after{border-color:#ff787859}.radarSweep{position:absolute;inset:-40%;background:conic-gradient(#5aff8c73,#5aff8c1a 35%,#0000 60%);animation:radarSpin 3.2s linear infinite;mix-blend-mode:screen}.radarAlert .radarSweep{background:conic-gradient(#ff5f5f8c,#ff5f5f26 35%,#0000 60%);animation-duration:1.6s}@keyframes radarSpin{to{transform:rotate(360deg)}}@keyframes radarPing{0%{transform:scale(.5);opacity:.9}70%{transform:scale(1.6);opacity:0}to{transform:scale(1.6);opacity:0}}.gatePlaying .gateDoor{pointer-events:none;position:absolute;inset:0;width:100%;height:100%;border-radius:0;box-shadow:none}.gateDoor:focus-visible{outline:2px solid rgba(255,220,170,.6);outline-offset:6px}.landingMain>section{animation:sectionIn .7s ease both}.landingMain>section:nth-child(2){animation-delay:.12s}.landingMain>section:nth-child(3){animation-delay:.22s}.card{animation:cardIn .7s ease both}.card:nth-child(2){animation-delay:.12s}.card:nth-child(3){animation-delay:.22s}.dinoCard{transition:transform .22s ease,box-shadow .22s ease}.dinoCard:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 20%,rgba(245,194,75,.12),transparent 55%);opacity:0;transition:opacity .22s ease;pointer-events:none}.dinoCard:hover{transform:translateY(-6px);box-shadow:0 22px 50px #0000008c}.dinoCard:hover:after{opacity:1}@keyframes pulseRing{0%{transform:scale(.85);opacity:.4}50%{transform:scale(1.05);opacity:.8}to{transform:scale(.85);opacity:.4}}@keyframes barPulse{0%,to{transform:scaleY(.6);opacity:.6}50%{transform:scaleY(1);opacity:1}}@keyframes sonarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pingPulse{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.4);opacity:1}}@keyframes warningPulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes flash{0%{opacity:0}30%{opacity:.9}to{opacity:0}}@keyframes shake{0%{transform:translateZ(0)}20%{transform:translate3d(-6px,3px,0)}40%{transform:translate3d(5px,-4px,0)}60%{transform:translate3d(-4px,4px,0)}80%{transform:translate3d(4px,-2px,0)}to{transform:translateZ(0)}}@keyframes shakeHard{0%{transform:translateZ(0)}15%{transform:translate3d(-12px,6px,0)}30%{transform:translate3d(10px,-8px,0)}45%{transform:translate3d(-9px,8px,0)}60%{transform:translate3d(9px,-6px,0)}75%{transform:translate3d(-6px,7px,0)}to{transform:translateZ(0)}}@keyframes sectionIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes titleSweep{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes heroFloat{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes flicker{0%,to{opacity:.75}40%{opacity:1}60%{opacity:.55}}@keyframes btnSweep{0%{opacity:0;transform:translate(-40%) rotate(25deg)}30%{opacity:1}60%{opacity:0;transform:translate(60%) rotate(25deg)}to{opacity:0}}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #ffb45000}50%{box-shadow:0 0 26px #ffb45059}}@keyframes cameraIntro{0%{transform:translate3d(-24%,-22%,0) scale(1.4)}to{transform:translate3d(-2%,-2%,0) scale(1.1)}}@keyframes cameraDrift{0%{transform:translate3d(-2%,-2%,0) scale(1.1)}50%{transform:translate3d(-1.2%,-1%,0) scale(1.105)}to{transform:translate3d(-2%,-2%,0) scale(1.1)}}@keyframes uiFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cinematicGridIn{0%{opacity:0;transform:scale(1.05)}to{opacity:.85;transform:scale(1)}}@keyframes cinematicScan{0%{background-position:0 0}to{background-position:0 60px}}@keyframes cinematicReticleIn{0%{opacity:0;transform:translate(-50%,-50%) translate(-30vw,-22vh) scale(1.4)}60%{opacity:1;transform:translate(-50%,-50%) translate(-6vw,-4vh) scale(1.05)}to{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}}@keyframes cinematicReticleSweep{0%{opacity:0;transform:translate(-50%,-50%) translate(-60vw,-16vh) scale(1.25)}35%{opacity:1;transform:translate(-50%,-50%) translate(28vw,-6vh) scale(1.05)}70%{opacity:1;transform:translate(-50%,-50%) translate(-12vw,2vh) scale(1)}to{opacity:1;transform:translate(-50%,-50%) translate(0) scale(1)}}@keyframes cinematicReticlePulse{0%,to{box-shadow:0 0 18px #ff464699,inset 0 0 18px #ff464659}50%{box-shadow:0 0 26px #ff4646e6,inset 0 0 26px #ff46468c}}@keyframes cinematicTeleIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fogDrift{0%{transform:translate3d(-2%,-1%,0)}50%{transform:translate3d(2%,1%,0)}to{transform:translate3d(-1%,2%,0)}}@keyframes gateWallRise{0%{transform:scale(1.02);filter:brightness(.9)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:720px){.topbar{padding:16px 5vw}.titleRow{flex-direction:column;align-items:flex-start}.frame{padding:12px}.footer{flex-direction:column}.hero{padding:32px 0 24px}.landingHero{min-height:100vh;padding:0 5vw}.heroContent{padding:10vh 4vw}.startButtonCinematic{bottom:4vh}}@media(max-height:740px){.topbar{padding:calc(12px + var(--safe-top)) calc(4vw + var(--safe-right)) 12px calc(4vw + var(--safe-left))}.titleLeft h1,.pageTitle{font-size:clamp(22px,3.2vw,34px)}.subtitle,.hint{font-size:12px}.statusPill{padding:6px 10px;font-size:11px}.controls{gap:8px;margin-top:8px}button{padding:8px 12px;font-size:12px}.stage{padding:12px 4vw 16px}.frame{padding:10px}}@media(max-height:640px){.topbar{padding:calc(10px + var(--safe-top)) calc(4vw + var(--safe-right)) 10px calc(4vw + var(--safe-left))}.titleLeft h1,.pageTitle{font-size:clamp(20px,3vw,30px)}.controls{gap:6px;margin-top:6px}button{padding:6px 10px;font-size:11px}.stage{padding:8px 4vw 12px}}.worldEntered .worldIntro{opacity:0;pointer-events:none}.welcomeBanner.welcomeShow{animation:welcomeFade 6s ease both}.incidentVideo{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .9s ease;filter:saturate(.85) contrast(1.1) brightness(.75)}.gameOverActive .incidentVideo{opacity:1}.gameOverActive .worldStage{opacity:0;pointer-events:none}.incidentOverlay{position:fixed;inset:0;display:grid;place-items:center;z-index:6;opacity:0;pointer-events:none;transition:opacity .7s ease;background:radial-gradient(circle at 50% 20%,#1e140f73,#060808e6)}.incidentStack{display:flex;flex-direction:column;align-items:center;gap:16px}.gameOverActive .incidentOverlay{opacity:1;pointer-events:auto;animation:incidentFlicker 4.6s ease-in-out infinite}.incidentCard{width:min(94vw,960px);aspect-ratio:2400 / 1792;background:url(/assets/images/Cards/notsurvived.png) center / contain no-repeat;background-color:#0c0d0f;border-radius:18px;box-shadow:0 28px 70px #000000b3;position:relative;overflow:hidden;--incident-stamp-scale: 40%;--incident-stamp-offset-x: -1%;--incident-stamp-offset-y: -6%;--incident-stamp-rotate: -8deg}.incidentCard:after{content:"";position:absolute;inset:0;background:url(/assets/images/Cards/missing.png) center / var(--incident-stamp-scale) auto no-repeat;opacity:.85;mix-blend-mode:multiply;pointer-events:none;transform:rotate(var(--incident-stamp-rotate)) translate(var(--incident-stamp-offset-x)) translateY(var(--incident-stamp-offset-y));transform-origin:center;z-index:3}.incidentWin .incidentCard{background:url(/assets/images/Cards/survived.png) center / contain no-repeat}.incidentWin .incidentCard:after{background:url(/assets/images/Cards/safe.png) center / var(--incident-stamp-scale) auto no-repeat;mix-blend-mode:multiply;pointer-events:none;opacity:.85;transform:rotate(var(--incident-stamp-rotate)) translate(var(--incident-stamp-offset-x)) translateY(var(--incident-stamp-offset-y));transform-origin:center}.incidentPhotoSlot{position:absolute;left:57%;top:26%;width:40%;height:62.6%;overflow:hidden;background:none;box-shadow:none;z-index:1}.incidentPhoto{width:100%;height:80%;object-fit:cover;object-position:center;display:block}@media(max-width:520px){.incidentPhotoSlot{left:57%;top:26%;width:40%;height:50%}.incidentPhoto{height:100%}}.incidentField{position:absolute;font-family:Bebas Neue,Oswald,sans-serif;font-size:clamp(28px,2.4vw,32px);font-weight:700;line-height:1.1;letter-spacing:1.5px;text-transform:uppercase;color:#2f2f2f;text-shadow:0 1px 3px rgba(255,220,160,.35)}.incidentName{left:6%;top:35%}.incidentTime{left:6%;top:52%}.incidentWin .incidentField{position:absolute;font-family:Bebas Neue,Oswald,sans-serif;font-size:clamp(28px,2.4vw,32px);font-weight:700;line-height:1.1;letter-spacing:1.5px;text-transform:uppercase;color:#2f2f2f;text-shadow:0 1px 3px rgba(255,220,160,.35)}.incidentWin .incidentName{left:6%;top:35%}.incidentWin .incidentTime{left:6%;top:52%}@media(max-width:520px){.incidentField{font-size:clamp(16px,3.4vw,20px);letter-spacing:1px}.incidentName{left:6%;top:35%}.incidentTime{left:6%;top:51%}.incidentWin .incidentField{font-size:clamp(16px,3.4vw,20px);letter-spacing:1px}.incidentWin .incidentName{left:6%;top:35%}.incidentWin .incidentTime{left:6%;top:51%}}.incidentActions{display:flex;gap:12px;margin-top:16px;justify-content:center;z-index:2}.incidentButton{font-family:Oswald,DM Sans,sans-serif;text-transform:uppercase;letter-spacing:2px;padding:12px 20px;border-radius:12px;border:1px solid rgba(255,200,120,.6);background:#0a0c0cd9;color:#f5dcaaf2;box-shadow:0 12px 26px #0000008c}.incidentButton:hover{border-color:#ffc878f2;box-shadow:0 16px 34px #000000b3}.incidentButtonAlt{border-color:#ff5f5fcc;color:#ffecec;background:#5a0c0cb3}@keyframes incidentFlicker{0%,to{opacity:1}40%{opacity:.92}60%{opacity:1}80%{opacity:.88}}.offlineApp{background:#f5f5f5}.offlineShell{min-height:calc(var(--vh) * 100);display:grid;place-items:center;padding:clamp(20px,4vw,40px)}.offlineCard{width:min(92vw,620px);background:transparent;padding:clamp(24px,5vw,42px) clamp(20px,3vw,28px);text-align:center}.offlineCode{margin:0;font-family:Bebas Neue,Oswald,DM Sans,sans-serif;font-size:clamp(54px,11vw,88px);line-height:.9;letter-spacing:2.5px;color:#1f1d22;white-space:nowrap}.offlineTitle{margin:8px 0 0;font-family:Bebas Neue,Oswald,DM Sans,sans-serif;font-size:clamp(34px,7.6vw,54px);line-height:.95;letter-spacing:2px;color:#1f1d22}.offlineCopy{margin:14px auto 0;max-width:46ch;color:#1f1d22b8;font-size:clamp(13px,2.8vw,16px);line-height:1.35;text-transform:uppercase;letter-spacing:.8px}.offlineRetry{margin-top:18px;border-color:#1f1d2273;background:#f8f8f8;color:#1f1d22;box-shadow:0 6px 14px #0000001a}.offlineRetry:hover{border-color:#1f1d22cc;box-shadow:0 8px 18px #00000029}.offlineDino{width:min(72vw,240px);margin:0 auto 12px}.offlineDinoImg{display:block;width:100%;height:auto;shape-rendering:crispEdges;image-rendering:pixelated;image-rendering:crisp-edges;filter:brightness(0) saturate(100%)}