:root{--fade-ms: .6s;--hud-bg: rgba(8, 10, 14, .55);--hud-border: rgba(255, 255, 255, .08);--accent: #7cf2c8;--text: #f4f6fa;--muted: #9aa3b2}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#000;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at center,#0a0e14,#000)}.frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--fade-ms) ease-in-out;pointer-events:none}.frame.active{opacity:1;pointer-events:auto}.frame iframe{position:absolute;top:50%;left:50%;border:0;background:#000;width:max(195.6vh,110vw);height:max(61.9vw,110vh);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}body.native-aspect .frame iframe{width:min(100vw,177.78vh);height:min(100vh,56.25vw)}.frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:default}#bottom-bar{position:fixed;bottom:0;left:0;right:0;height:72px;z-index:10;background:#06080ce0;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-top:1px solid var(--hud-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:16px;transition:transform .35s ease}body:not(.bar-visible) #bottom-bar{transform:translateY(100%)}#bar-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}#hud-title{font-size:17px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#hud-location{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#bar-controls{display:flex;gap:8px;flex-shrink:0}#bar-controls button{width:40px;height:40px;border-radius:50%;border:1px solid var(--hud-border);background:#ffffff0f;color:var(--text);font-size:15px;cursor:pointer;transition:background .15s ease,transform .15s ease;display:flex;align-items:center;justify-content:center}#bar-controls button:hover{background:#ffffff1f;transform:translateY(-1px)}#bar-controls button:active{transform:translateY(0)}#progress{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:11}#progress-bar{height:100%;width:0%;background:#fff;transition:width .1s linear}#fx-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .6s ease;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.82) 100%)}body.fx-cinematic #fx-vignette{opacity:1;background:radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.5) 68%,rgba(0,0,0,.88) 100%)}body.fx-cinematic .frame iframe{filter:contrast(1.14) saturate(1.2) brightness(.94)}body.fx-historical #fx-vignette{opacity:1;background:radial-gradient(ellipse at center,transparent 38%,rgba(0,0,0,.28) 72%,rgba(0,0,0,.62) 100%)}body.fx-historical .frame iframe{filter:grayscale(1) contrast(1.12) brightness(.93)}body.fx-vintage #fx-vignette{opacity:1;background:radial-gradient(ellipse at center,transparent 28%,rgba(80,36,4,.32) 65%,rgba(50,18,0,.78) 100%)}body.fx-vintage .frame iframe{filter:sepia(.78) contrast(1.08) brightness(.92) saturate(1.3)}body.fx-whacko #fx-vignette{opacity:1;background:radial-gradient(ellipse at center,transparent 18%,rgba(180,0,255,.12) 55%,rgba(0,220,255,.28) 100%)}body.fx-whacko .frame iframe{filter:saturate(4) hue-rotate(22deg) contrast(1.22) brightness(1.06)}#settings-sheet{position:fixed;bottom:72px;left:0;right:0;z-index:9;transform:translateY(calc(100% + 72px));transition:transform .32s cubic-bezier(.32,.72,0,1)}body.settings-open #settings-sheet{transform:translateY(0)}#settings-inner{background:#0a0c12f0;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);border-top:1px solid var(--hud-border);padding:20px 24px 16px;max-height:calc(100vh - 144px);overflow-y:auto}#settings-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}#settings-header h2{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}#btn-settings-close{width:28px;height:28px;border-radius:50%;border:none;background:#ffffff1a;color:var(--muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;flex-shrink:0}#btn-settings-close:hover{background:#ffffff2e;color:#fff}#settings-inner h2{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:4px 0}.toggle-label{flex:1}.toggle-name{display:block;font-size:16px;font-weight:500}.toggle-desc{display:block;font-size:12px;color:var(--muted);margin-top:2px}.toggle-track{width:48px;height:28px;border-radius:14px;background:#ffffff1f;border:1px solid var(--hud-border);position:relative;flex-shrink:0;transition:background .25s ease}.toggle-track.on{background:var(--accent);border-color:var(--accent)}.toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s ease;box-shadow:0 1px 4px #0006}.toggle-track.on .toggle-thumb{transform:translate(20px)}.radio-track{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:transparent;position:relative;flex-shrink:0;transition:border-color .2s ease;display:flex;align-items:center;justify-content:center}.radio-track.on{border-color:var(--accent)}.radio-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);transform:scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.radio-track.on .radio-dot{transform:scale(1)}.settings-divider{height:1px;background:var(--hud-border);margin:16px 0}@keyframes alien-warp{0%{filter:saturate(2.2) hue-rotate(80deg) brightness(1.05);transform:translate(-50%,-50%)}30%{filter:saturate(2.3) hue-rotate(84deg) brightness(1.06);transform:translate(-50%,-50%)}30.15%{filter:saturate(6) hue-rotate(140deg) brightness(1.8) contrast(2.5);transform:translate(-50%,-50%) skew(-4deg) translate(-14px) scaleY(1.01)}30.35%{filter:saturate(.2) hue-rotate(260deg) brightness(.4) contrast(3);transform:translate(-50%,-50%) skew(3deg) translate(18px) scaleY(.99)}30.55%{filter:saturate(5) hue-rotate(60deg) brightness(2) contrast(2);transform:translate(-50%,-50%) translate(-6px)}30.75%{filter:saturate(2.2) hue-rotate(80deg) brightness(1.05);transform:translate(-50%,-50%)}85%{filter:saturate(2.2) hue-rotate(80deg) brightness(1.05);transform:translate(-50%,-50%)}85.15%{filter:saturate(7) hue-rotate(0deg) brightness(2.2) contrast(3);transform:translate(-50%,-50%) scaleX(1.02) translate(-8px) skewY(.5deg)}85.35%{filter:saturate(.05) hue-rotate(190deg) brightness(.3);transform:translate(-50%,-50%) scaleX(.98) translate(10px)}85.55%{filter:saturate(4) hue-rotate(120deg) brightness(1.7) contrast(2);transform:translate(-50%,-50%) translate(-3px) skew(-1deg)}85.75%{filter:saturate(2.2) hue-rotate(80deg) brightness(1.05);transform:translate(-50%,-50%)}to{filter:saturate(2.2) hue-rotate(80deg) brightness(1.05);transform:translate(-50%,-50%)}}@keyframes alien-glitch-burst{0%{filter:saturate(2.2) hue-rotate(80deg) brightness(1.05);transform:translate(-50%,-50%)}12%{filter:saturate(8) hue-rotate(0deg) brightness(2.5) contrast(4);transform:translate(-50%,-50%) translate(-20px) skew(-5deg) scaleY(1.02)}25%{filter:saturate(.1) hue-rotate(200deg) brightness(.2);transform:translate(-50%,-50%) translate(24px) skew(3deg)}37%{filter:saturate(6) hue-rotate(120deg) brightness(2) contrast(3);transform:translate(-50%,-50%) translate(-12px) scaleX(1.03)}50%{filter:saturate(.3) hue-rotate(300deg) brightness(.5) contrast(2);transform:translate(-50%,-50%) translate(8px) skew(-2deg)}62%{filter:saturate(5) hue-rotate(40deg) brightness(1.8) contrast(2.5);transform:translate(-50%,-50%) translate(-5px)}75%{filter:saturate(.8) hue-rotate(160deg) brightness(.7);transform:translate(-50%,-50%) translate(4px)}87%{filter:saturate(3) hue-rotate(80deg) brightness(1.3) contrast(1.5);transform:translate(-50%,-50%) translate(-2px)}to{filter:saturate(2.2) hue-rotate(80deg) brightness(1.05);transform:translate(-50%,-50%)}}@keyframes alien-scanlines{0%{background-position:0 0}to{background-position:0 -40px}}@keyframes alien-scan-sweep{0%{top:-8%;opacity:0}5%{opacity:1}95%{opacity:.6}to{top:108%;opacity:0}}@keyframes alien-signal-loss{0%{opacity:0}8%{opacity:.85}20%{opacity:.4}35%{opacity:.9}50%{opacity:.2}65%{opacity:.7}80%{opacity:.1}to{opacity:0}}body.fx-alien #fx-vignette{opacity:1;background:radial-gradient(ellipse at center,transparent 15%,rgba(0,255,120,.06) 50%,rgba(0,60,30,.72) 100%)}body.fx-alien .frame iframe{animation:alien-warp 14s steps(1,end) infinite}body.fx-alien.alien-glitch .frame iframe{animation:alien-glitch-burst .45s steps(1,end) 2}body.fx-alien .frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,255,100,.03) 3px,rgba(0,255,100,.03) 4px);animation:alien-scanlines .6s linear infinite}#fx-alien-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;overflow:hidden}.alien-glyph{position:absolute;font-family:monospace;color:#00ff78bf;-webkit-user-select:none;user-select:none;opacity:0;white-space:nowrap;letter-spacing:.12em}.alien-glyph.single{animation:alien-glyph-flicker 1s ease forwards}.alien-glyph.stream{animation:alien-glyph-flicker 1.4s ease forwards;font-size:11px;color:#00ff8c80}@keyframes alien-glyph-flicker{0%{opacity:0}10%{opacity:1}60%{opacity:.9}80%{opacity:.5}to{opacity:0}}#fx-alien-static{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:7;pointer-events:none;mix-blend-mode:screen;opacity:.55}#fx-alien-scan{display:none;position:absolute;left:0;right:0;top:-8%;height:8%;z-index:7;pointer-events:none;background:linear-gradient(to bottom,transparent,rgba(0,255,120,.18) 30%,rgba(180,255,220,.35) 50%,rgba(0,255,120,.18) 70%,transparent);box-shadow:0 0 40px 12px #00ff6426}#fx-alien-scan.active{display:block;animation:alien-scan-sweep 2.4s cubic-bezier(.4,0,.6,1) forwards}#fx-alien-signal{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff0a,#ffffff0a 1px,#0000000f 1px,#0000000f 2px);-webkit-backdrop-filter:brightness(1.8) saturate(.1) contrast(1.4);backdrop-filter:brightness(1.8) saturate(.1) contrast(1.4)}#fx-alien-signal.active{display:block;animation:alien-signal-loss .9s steps(1,end) forwards}