@import "https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,800;1,800&display=swap";:root{--color-background:#2c256c;--color-white:#fff;--color-black:#000;--color-turquoise:#6fd8d8;--color-cyan:#00dff7;--color-lavender:#d68efd;--color-purple:#953cba;--color-blue:#88a9fd;--color-indigo:#413bbc;--color-green:#b1db6e;--color-coral:#f98c8c;--color-indigo-glow:#413bbc42;--color-indigo-glow-soft:#413bbc2b;--color-grid:#88a9fd25;--color-border-soft:#88a9fd30;--color-border:#88a9fd40;--color-border-strong:#88a9fd50;--color-surface:#2c256c80;--color-panel:#2c256cf5;--color-surface-accent:#413bbc40;--color-success-glow:#b1db6e70;--color-shadow:#0006;--color-turquoise-rgb:111, 216, 216;--shadow-connected:0 0 10px var(--color-success-glow);--shadow-panel:0 16px 50px var(--color-shadow);color:var(--color-white);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Open Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--color-cyan);outline-offset:6px}.value-emblem{--value-size:clamp(120px, 22vmin, 260px);width:var(--value-size);z-index:1;pointer-events:none;isolation:isolate;flex-direction:column;align-items:center;gap:14px;height:auto;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.value-emblem[hidden]{display:none}.value-emblem:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in srgb, var(--value-color) 22%, transparent), transparent 65%);border-radius:50%;animation:4s ease-in-out infinite value-light;position:absolute;inset:-45%}.value-emblem img{width:var(--value-size);height:var(--value-size);object-fit:contain;filter:drop-shadow(0 0 5px var(--value-color)) drop-shadow(0 0 18px var(--value-color));animation:4s ease-in-out infinite value-icon-light;display:block}.value-emblem-name{color:var(--value-color);letter-spacing:.04em;white-space:nowrap;text-shadow:0 0 12px color-mix(in srgb, var(--value-color) 45%, transparent);font-family:inherit;font-size:clamp(20px,3vmin,34px);font-weight:600;line-height:1.2}@keyframes value-light{0%,to{opacity:.55}50%{opacity:1}}@keyframes value-icon-light{0%,to{filter:drop-shadow(0 0 4px var(--value-color)) drop-shadow(0 0 12px var(--value-color))}50%{filter:drop-shadow(0 0 8px var(--value-color)) drop-shadow(0 0 24px var(--value-color))}}.experience .welcome{top:calc(50% + clamp(60px,11vmin,130px) + 58px);transform:translate(-50%)}.experience .welcome h1,.experience .welcome>p,.experience .welcome>.eyebrow{display:none}.experience .welcome .waiting{margin-top:0}.experience .topbar,.experience .bottom-bar{z-index:2}.experience .settings-panel{z-index:3}@media (prefers-reduced-motion:reduce){.value-emblem:before,.value-emblem img{animation:none}}.experience{--motion-accent:var(--color-turquoise);--motion-rgb:var(--color-turquoise-rgb);background:radial-gradient(ellipse at center, rgba(var(--motion-rgb), .12), transparent 65%), var(--color-background);height:100svh;min-height:480px;position:relative;overflow:hidden}.node-cloud{width:100%;height:100%;position:absolute;inset:0}.topbar{z-index:2;position:absolute;top:18px;left:24px;right:24px}.brand{align-items:center;display:inline-flex}.brand-logo{object-fit:contain;object-position:left center;width:220px;height:48px;display:block}.values-group{pointer-events:none;grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;gap:clamp(12px,3vw,48px);width:min(88%,1100px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.unified .value-emblem{--value-size:clamp(64px, 9vw, 130px);gap:12px;position:relative;top:auto;left:auto;transform:none}.unified .value-emblem-name{font-size:clamp(12px,1.6vw,22px)}.community-message{text-align:center;pointer-events:none;position:absolute;bottom:18px;left:16px;right:16px}.waiting{color:var(--color-blue);align-items:center;gap:9px;font-size:11px;display:inline-flex}.waiting i{background:var(--color-coral);border-radius:50%;width:6px;height:6px}.message{color:var(--color-coral);margin-top:8px;font-size:11px;display:block}.image-error{text-align:center;color:var(--color-coral);font-size:12px;position:absolute;top:80px;left:16px;right:16px}@media (width<=600px){.topbar{left:16px;right:16px}.brand-logo{width:170px;height:38px}.values-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px}.unified .value-emblem{--value-size:clamp(52px, 16vw, 86px)}.unified .value-emblem-name{font-size:clamp(11px,3vw,16px)}}