:root{color-scheme:light;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;background:radial-gradient(circle at top,rgba(120,188,213,.26),transparent 35%),linear-gradient(180deg,#f7fbfd,#eef5f8);color:#143241}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at center,rgba(143,206,227,.24),transparent 30%),linear-gradient(180deg,#fbfdfe,#edf4f8)}canvas,.webgl-layer{display:block}.embedded-web-surface{display:flex;flex-direction:column;overflow:hidden;border:4px solid rgba(119,192,214,.78);background:linear-gradient(180deg,#fbfefffa,#ebf3f7fa);box-shadow:0 0 30px #5eacc524;pointer-events:none}.embedded-web-header{display:flex;align-items:center;gap:12px;height:58px;padding:0 18px;border-bottom:2px solid rgba(172,214,226,.86);color:#22485b;background:#f4fafcfa;font:600 24px IBM Plex Mono,monospace}.embedded-web-dot{width:12px;height:12px;border-radius:50%;background:#4fbbdb;box-shadow:0 0 14px #4fbbdb73;flex:0 0 auto}.embedded-web-title{text-transform:uppercase;letter-spacing:.08em}.embedded-web-url{margin-left:auto;color:#23485bb8;font-size:18px}.embedded-web-viewport{flex:1;background:#f8fbfd}.embedded-web-frame{width:100%;height:100%;border:0;background:#fff;pointer-events:none}.ui-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-card,.intro-card{border:1px solid rgba(129,221,255,.32);background:#e0e5e9e6;box-shadow:0 0 40px #519fbc1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.instructions{position:absolute;left:24px;top:24px;width:320px;padding:16px 18px}.instructions h1,.intro-card h1{margin:0 0 8px;font-size:14px;text-transform:uppercase;letter-spacing:.18em;color:#3c7c98}.instructions p,.intro-card p{margin:0;line-height:1.55;font-size:14px;color:#143241db}.reticle{position:absolute;left:50%;top:50%;width:18px;height:18px;margin-left:-9px;margin-top:-9px;border:2px solid rgba(176,52,52,.8);border-radius:50%;box-shadow:0 0 0 2px #fffc}.reticle:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:#b03434d9}.status{position:absolute;left:24px;bottom:24px;min-width:260px;padding:14px 16px}.status strong{display:block;margin-bottom:4px;color:#336b84;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.intro-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(30,101,139,.22),transparent 30%),#f2f8fbe6;pointer-events:auto}.intro-shell.is-hidden{display:none}.intro-card{width:min(760px,calc(100vw - 48px));padding:30px;text-align:center}.intro-card .intro-kicker{margin-bottom:12px;color:#3f7f99;text-transform:uppercase;letter-spacing:.18em;font-size:13px}.intro-card h1{margin-bottom:18px;font-size:clamp(30px,5vw,56px);letter-spacing:.1em}.intro-card button{border:1px solid rgba(129,221,255,.38);background:#eff2f5fa;color:#153443;padding:14px 18px;font:inherit;cursor:pointer;margin-top:24px;letter-spacing:.08em}.intro-card button:hover{background:#e4f1f7f5}