:root{--abyss:#02040a;--deep:#061229;--glow-cyan:#3ff0d8;--glow-blue:#4aa8ff;--ink:#e6f0fb;--ink-dim:#d6e8fa9e;--ink-faint:#d6e8fa66;--surface-1:#070f1ec7;--surface-2:#ffffff0a;--surface-2-hover:#ffffff17;--surface-active:#3ff0d824;--border-1:#96bee124;--border-2:#96bee142;--border-active:#3ff0d88c;--r-sm:6px;--r-md:9px;--r-lg:13px;--ctl-h:34px;--font-ui:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--abyss);height:100%;color:var(--ink);font-family:var(--font-ui);overflow:hidden}#ocean{touch-action:none;width:100vw;height:100vh;display:block}.pg-panel{background:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink);font-family:var(--font-ui);box-shadow:0 12px 40px #00000059}.pg-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px;font-weight:500}.pg-btn{height:var(--ctl-h);background:var(--surface-2);color:var(--ink);border:1px solid var(--border-1);border-radius:var(--r-md);font:500 12.5px var(--font-ui);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 12px;transition:background .13s,border-color .13s,color .13s;display:inline-flex}.pg-btn:hover{background:var(--surface-2-hover);border-color:var(--border-2)}.pg-btn:active{transform:translateY(.5px)}.pg-iconbtn{width:var(--ctl-h);height:var(--ctl-h);gap:0;padding:0}.pg-btn.is-active{background:var(--surface-active);border-color:var(--border-active);color:var(--glow-cyan)}.pg-row{justify-content:flex-start;width:100%;height:32px}.pg-chip{background:var(--surface-2);height:28px;color:var(--ink-dim);border:1px solid var(--border-1);font:500 11.5px var(--font-ui);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 11px;transition:background .13s,color .13s,border-color .13s;display:inline-flex}.pg-chip:hover{background:var(--surface-2-hover);color:var(--ink)}.pg-switch{background:var(--surface-2);border:1px solid var(--border-1);height:28px;font:500 11.5px var(--font-ui);color:var(--ink-dim);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 8px;display:inline-flex}.pg-switch .pg-knob{background:#ffffff24;border-radius:999px;flex:none;width:26px;height:15px;transition:background .15s;position:relative}.pg-switch .pg-knob:after{content:"";background:var(--ink-dim);border-radius:50%;width:11px;height:11px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.pg-switch.is-on{color:var(--ink);border-color:var(--border-active)}.pg-switch.is-on .pg-knob{background:#3ff0d859}.pg-switch.is-on .pg-knob:after{background:var(--glow-cyan);transform:translate(11px)}input[type=range].pg-range{appearance:none;cursor:pointer;background:#ffffff1f;border-radius:999px;width:100%;height:4px}input[type=range].pg-range::-webkit-slider-thumb{appearance:none;background:var(--glow-cyan);border:2px solid var(--abyss);border-radius:50%;width:14px;height:14px;box-shadow:0 0 8px #3ff0d880}input[type=range].pg-range::-moz-range-thumb{border:2px solid var(--abyss);background:var(--glow-cyan);border-radius:50%;width:14px;height:14px}.pg-divider{background:var(--border-1);border:0;height:1px;margin:12px 0}.loading{z-index:10;background:radial-gradient(circle,#0b1f3a 0%,#061229 55%,#02040a 100%);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.loading.hide{opacity:0;pointer-events:none}.loading-title{letter-spacing:.15em;color:var(--glow-cyan);text-shadow:0 0 30px #3ff0d88c;font-size:clamp(2rem,9vw,6rem);font-weight:600}.loading-sub{color:var(--ink-dim);text-align:center;margin-top:.6rem;font-size:clamp(.7rem,2.2vw,1rem);animation:1.8s ease-in-out infinite pelagia-pulse}@keyframes pelagia-pulse{0%,to{opacity:.4}50%{opacity:.9}}.banner{max-width:min(92vw,460px);color:var(--ink);background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0006}.banner a{color:var(--glow-cyan)}.banner button{color:var(--ink-dim);cursor:pointer;background:0 0;border:0;flex:none;margin:-2px -2px 0 0;padding:2px;font-size:18px;line-height:1}.banner button:hover{color:var(--ink)}@media (max-width:640px){.pg-hud{transform-origin:0 0;transform:scale(.82)}.pg-legend{max-width:calc(100vw - 130px)!important;padding:5px 9px!important;font-size:11px!important;top:8px!important;left:auto!important;right:8px!important;overflow:hidden!important;transform:none!important}.pg-transport{gap:3px!important;padding:5px!important;bottom:10px!important}.pg-transport .pg-btn{padding:0 9px!important}.pg-brushdock{justify-content:flex-start!important;bottom:64px!important;left:8px!important;right:8px!important;overflow-x:auto!important}.pg-float{width:auto!important;max-width:none!important;max-height:calc(100vh - 150px)!important;inset:54px 8px auto!important}.pg-iconbtn{min-width:var(--ctl-h)}}