:root{--bg: #04051a;--panel: rgba(12, 16, 44, .62);--panel-border: rgba(140, 170, 255, .22);--text: #eef1ff;--muted: #9aa3cc;--up: #3ddc84;--degraded: #ffc53d;--down: #ff4f6d;--unknown: #8a90b0;--L: 160px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#141a4a,#070926 55%,#03041a)}#world{position:absolute;top:0;right:0;bottom:0;left:0}#world>*{position:absolute}#space-gl,#logo-gl{top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#logo-gl{pointer-events:none}#flyby{top:0;right:0;bottom:0;left:0;pointer-events:none}#flyby>*{position:absolute;left:0;top:0;will-change:transform}#flyby svg{width:100%;height:100%;display:block;overflow:visible}#ocean-fg{top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}#ocean-fg svg{position:absolute;bottom:0;width:min(42vw,520px);height:auto;fill:#010a0f;filter:blur(3px);opacity:.92}#ocean-fg .fg-left{left:-2%}#ocean-fg .fg-right{right:-2%}#hero{left:0;top:0;width:var(--L);height:var(--L);will-change:transform}.hero-spin,.hero-float{position:absolute;top:0;right:0;bottom:0;left:0}#particles{top:0;right:0;bottom:0;left:0;pointer-events:none}#flash{top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 45%,#fff6e0,#ffc278,#ff7a2e 60%,#a0280ae6)}#flash.water{background:radial-gradient(ellipse at 50% 30%,#bff3f0,#3fb6c4,#0b5a72 70%,#032536)}#flash.cold{background:radial-gradient(ellipse at 50% 45%,#fff,#e4f1ff 40%,#9cc6f2 75%,#284682e6)}.p{position:absolute;left:0;top:0;border-radius:50%;will-change:transform,opacity}.p-bubble{border:1px solid rgba(220,250,255,.55);background:radial-gradient(circle at 32% 30%,#ffffffd9 0,#ffffffd9,#fff0 16%),radial-gradient(circle at 50% 50%,#a0e6f000 55%,#c8f5ff59);filter:blur(.3px)}.p-smoke{background:radial-gradient(circle,#b4b9cdd9,#787d9600)}.p-spark{background:#ffd04d;box-shadow:0 0 8px #ff9a1f}.p-text{border-radius:0;font:900 clamp(28px,6vmin,64px)/1 system-ui,sans-serif;color:#fff;-webkit-text-stroke:2px #0b3f73;text-shadow:3px 3px 0 #0b3f73;white-space:nowrap}#say{left:0;top:0;padding:7px 14px;border-radius:12px;background:#080e189e;border:1px solid rgba(190,220,255,.22);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#eaf4ff;font:600 clamp(13px,2vmin,17px)/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 6px 24px #00000059}#grade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse 60% 50% at 0% 0%,rgba(255,196,140,.1),transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.55) 100%)}#grade:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .5s steps(5) infinite}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-6%,4%)}40%{transform:translate(5%,-7%)}60%{transform:translate(-3%,8%)}80%{transform:translate(7%,2%)}}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,#0c1233,#04051a 60%,#010208)}.loader-inner{display:grid;justify-items:center;gap:22px;width:min(320px,70vw)}.loader-logo{width:min(180px,40vw);opacity:.9;filter:drop-shadow(0 0 18px rgba(127,178,255,.35));animation:loader-breathe 2.4s ease-in-out infinite}@keyframes loader-breathe{50%{opacity:.55;transform:scale(.97)}}.loader-bar{width:100%;height:3px;border-radius:3px;overflow:hidden;background:#ffffff1a}.loader-bar i{display:block;height:100%;background:linear-gradient(90deg,#5d8cff,#bfe0ff);box-shadow:0 0 12px #8cbeffcc;transform:scaleX(0);transform-origin:left center;transition:transform .35s ease-out}.loader-text{margin:0;color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.loader-pct{color:var(--text);font-variant-numeric:tabular-nums;margin-left:6px}#sound-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;place-items:center;padding:16px;background:#02040e73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.prompt-card{position:relative;width:min(420px,100%);padding:26px 26px 22px;border-radius:20px;text-align:center;background:#0c102cc7;border:1px solid var(--panel-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #00000080}.prompt-icon{margin:0;font-size:34px}.prompt-text{margin:10px 0 22px;font-size:17px;font-weight:600;line-height:1.4}.prompt-buttons{display:flex;gap:12px;justify-content:center}.prompt-buttons button{min-width:110px;padding:10px 18px;border-radius:12px;font:700 15px/1 system-ui,sans-serif;cursor:pointer;border:1px solid var(--panel-border);color:var(--text);background:#ffffff14;will-change:transform}.prompt-buttons [data-answer=yes]{background:linear-gradient(180deg,#5d8cff,#3b63d6);border-color:transparent;color:#fff;box-shadow:0 6px 20px #5082ff66}.prompt-buttons button:focus-visible{outline:2px solid #bfe0ff;outline-offset:2px}#panel{position:fixed;top:16px;left:16px;width:min(400px,calc(100vw - 32px));padding:16px 18px;border-radius:18px;background:var(--panel);border:1px solid var(--panel-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 40px #00000059;z-index:10}#panel header{display:flex;align-items:center;gap:10px}#panel h1{margin:0;font-size:20px;font-weight:750;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#0a0c20;background:var(--unknown)}.badge.up{background:var(--up)}.badge.degraded{background:var(--degraded)}.badge.down{background:var(--down);color:#fff;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #ff4f6d40}}#caption{margin:8px 0 0;color:var(--text);font-weight:600}#error{margin:4px 0 0;color:var(--down);font:12px/1.3 ui-monospace,monospace;word-break:break-word}#offline{margin:10px 0 0;color:var(--degraded);font-size:13px}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.tile{padding:8px 6px;border-radius:10px;background:#ffffff0f;text-align:center;min-width:0}.tile span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.tile b{display:block;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.tile b.good{color:var(--up)}.tile b.bad{color:var(--down)}#beats{display:flex;gap:2px;height:26px;margin-top:12px}#beats i{flex:1;border-radius:2px;background:#ffffff14;min-width:0}#beats i.ok{background:var(--up)}#beats i.slow{background:var(--degraded)}#beats i.fail{background:var(--down)}#spark{width:100%;height:28px;margin-top:6px;display:block}#spark polyline{fill:none;stroke:#7fb2ff;stroke-width:1.5;vector-effect:non-scaling-stroke}#spark path{fill:#7fb2ff26}#incidents{margin-top:8px;font-size:13px}#incidents summary{cursor:pointer;color:var(--muted)}#incidents ul{list-style:none;margin:6px 0 0;padding:0;max-height:160px;overflow:auto}#incidents li{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06)}#incidents li .dur{color:var(--down);font-variant-numeric:tabular-nums;white-space:nowrap}#incidents li.open .dur{font-weight:700}#demo{display:flex;gap:6px;align-items:center;margin-top:10px;font-size:12px;color:var(--muted);flex-wrap:wrap}#demo button{font:inherit;color:var(--text);background:#ffffff1a;border:1px solid var(--panel-border);border-radius:8px;padding:3px 8px;cursor:pointer}#sound{position:fixed;right:16px;top:16px;z-index:10;width:44px;height:44px;border-radius:50%;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:20px;cursor:pointer}#sound.hint{animation:hint 1.6s ease-in-out infinite}@keyframes hint{50%{transform:scale(1.12);box-shadow:0 0 0 6px #7fb2ff40}}@media(max-width:600px){#panel{top:12px;left:12px;width:calc(100vw - 24px);padding:12px 14px}#panel h1{font-size:17px}.tile b{font-size:13px}#sound{top:auto;bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){.badge.down,#sound.hint,#grade:after,.loader-logo{animation:none!important}}