:root{--bg:#03040a;--fg:#eef1ff;--muted:#dce4ff9e;--faint:#dce4ff2e;--glass:#0e10208c;--glass-border:#ffffff17;--accent:#9db4ff;--accent-2:#ffcf8a;--display:"Space Grotesk", "Inter", system-ui, sans-serif;--body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font:inherit;color:inherit}#gl{cursor:grab;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#gl:active{cursor:grabbing}#labels{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.label{pointer-events:auto;cursor:pointer;white-space:nowrap;text-shadow:0 1px 8px #000000e6;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;transition:opacity .2s;display:none;position:absolute;top:0;left:0}.label.show{display:flex}.label .n{font-family:var(--display);letter-spacing:.01em;font-size:13px;font-weight:500}.label .s{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.label.focus .n{font-size:clamp(17px,2.2vw,24px);font-weight:700}.label.focus .s{color:var(--accent-2);font-size:13px}.label.focus:after{content:"ⓘ";color:var(--muted);opacity:.8;margin-top:4px;font-size:11px}.top{padding:max(14px, env(safe-area-inset-top)) 18px 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.top>*{pointer-events:auto}.brand{color:var(--fg);font-family:var(--display);letter-spacing:.02em;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.brand svg{width:28px;height:28px;fill:var(--fg)}.actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);width:38px;height:38px;color:var(--fg);cursor:pointer;border-radius:12px;place-items:center;text-decoration:none;transition:background .2s,border-color .2s,transform .15s;display:grid}.icon-btn:hover{background:#282e50b3;border-color:#fff3}.icon-btn:active{transform:scale(.95)}.icon-btn.text{letter-spacing:.06em;font-size:12px;font-weight:600}.icon-btn svg{fill:currentColor;width:18px;height:18px}#btn-sound .wave{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;opacity:.25;transition:opacity .2s}#btn-sound[aria-pressed=true] .wave{opacity:1}#btn-sound[aria-pressed=true]{border-color:#9db4ff80}.intro{text-align:center;pointer-events:none;padding:0 16px;transition:opacity .6s,transform .6s;position:fixed;top:11vh;left:0;right:0}.intro h1{font-family:var(--display);letter-spacing:-.02em;background:linear-gradient(100deg,#fff 10%,#b9c8ff 45%,#ffcf8a 90%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(38px,7vw,86px);font-weight:700;line-height:1}.intro p{color:var(--muted);margin:14px 0 0;font-size:clamp(14px,1.6vw,18px)}.intro.hide{opacity:0;transform:translateY(-20px)}.hint{color:var(--muted);pointer-events:none;white-space:nowrap;align-items:center;gap:10px;font-size:13px;transition:opacity .6s;display:flex;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.hint .arrow{color:var(--fg);animation:1.6s ease-in-out infinite nudge}.hint.hide{opacity:0}@keyframes nudge{50%{transform:translate(6px)}}.outro{text-align:center;opacity:0;pointer-events:none;width:min(560px,100% - 32px);transition:opacity .8s,transform .8s;position:fixed;top:max(64px,7vh);left:50%;transform:translate(-50%,12px)}.outro.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.outro h2{font-family:var(--display);letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(20px,2.6vw,30px)}.outro p{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.5}.outro .row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pill{border:1px solid var(--glass-border);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--fg);cursor:pointer;border-radius:999px;padding:10px 18px;font-size:14px;text-decoration:none}.pill.primary{background:linear-gradient(100deg,#6c84ff,#b06cff);border-color:#0000;font-weight:600}.panel{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px)saturate(1.3);opacity:0;pointer-events:none;-webkit-user-select:text;user-select:text;z-index:10;background:#0a0c1ab8;border-radius:20px;width:min(360px,100% - 36px);max-height:calc(100% - 200px);padding:22px 22px 20px;transition:opacity .3s,transform .3s;position:fixed;top:76px;right:18px;overflow:auto;transform:translate(16px);box-shadow:0 20px 60px #00000080}.panel.open{opacity:1;pointer-events:auto;transform:none}.panel .close{cursor:pointer;background:#ffffff12;border:0;border-radius:50%;width:30px;height:30px;font-size:18px;line-height:1;position:absolute;top:12px;right:12px}.panel .cat{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:11px}.panel h2{font-family:var(--display);letter-spacing:-.01em;margin:6px 0 16px;padding-right:30px;font-size:26px}.panel dl{gap:10px;margin:0;display:grid}.panel dl>div{gap:2px;display:grid}.panel dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.panel dd{font-variant-numeric:tabular-nums;margin:0;font-size:16px}.panel dd small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.panel .ratio{color:var(--accent-2);margin:14px 0 0;font-size:13px}.panel .fact{color:#eef1ffe0;margin:12px 0 16px;font-size:14.5px;line-height:1.55}.panel .wiki{color:var(--accent);font-size:13px;text-decoration:none}.panel .wiki:hover{text-decoration:underline}.bottom{padding:0 18px max(18px, env(safe-area-inset-bottom));grid-template-columns:160px 1fr 140px;align-items:center;gap:18px;display:grid;position:fixed;bottom:0;left:0;right:0}.scale{color:var(--muted);font-variant-numeric:tabular-nums;flex-direction:column;gap:6px;font-size:11px;display:flex}.scale .bar{border:1px solid #ffffff8c;border-top:0;height:6px;transition:width .1s linear}.track{cursor:pointer;touch-action:none;height:34px;position:relative}.rail{background:var(--faint);border-radius:2px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0;right:0;overflow:hidden}.fill{background:linear-gradient(90deg,#7b8cff,#c49aff,#ffcf8a);height:100%}.ticks{position:absolute;top:0;bottom:0;left:0;right:0}.tick{cursor:pointer;background:#ffffff59;border:0;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;padding:0;position:absolute;top:50%}.tick:before{content:"";position:absolute;top:-8px;bottom:-8px;left:-2px;right:-2px}.tick:hover{background:#fff;transform:scale(1.6)}.thumb{pointer-events:none;background:#fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;box-shadow:0 0 0 4px #9db4ff40,0 0 20px #9db4ffcc}.nav{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;display:flex}.nogl{text-align:center;color:var(--muted);padding:40px}@media (max-width:700px){.bottom{grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:10px 12px}.track{grid-area:1/1/auto/-1}.scale,.nav{grid-row:2}.brand span{display:none}.hint{bottom:130px}.panel{width:100%;max-height:62%;padding-bottom:max(20px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;top:auto;bottom:0;left:0;right:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.hint .arrow{animation:none}}#btn-sound.waiting{animation:2.4s ease-in-out infinite callout}@keyframes callout{0%,to{box-shadow:0 0 #9db4ff00}50%{box-shadow:0 0 0 6px #9db4ff38}}body.clean .top,body.clean .bottom,body.clean .intro,body.clean .hint,body.clean .outro,body.clean #labels{display:none!important}.panel .credits{color:#dce4ff66;margin:14px 0 0;font-size:11px;line-height:1.4}.panel .credits:empty{display:none}.icon-btn.wide{gap:7px;width:auto;padding:0 12px 0 10px;font-size:13px;font-weight:500;display:flex}.icon-btn.wide svg{width:18px;height:18px}body.comparing .bottom,body.comparing .intro,body.comparing .hint,body.comparing .outro{display:none}body.comparing #btn-compare{background:#3c46828c;border-color:#9db4ff8c}.compare{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.cmp-bar{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#0a0c1ab3;border-radius:16px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.cmp-bar select{-webkit-appearance:none;appearance:none;width:230px;min-width:0;height:38px;color:var(--fg);font:500 14px var(--body);cursor:pointer;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23c8d2ff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #ffffff1f;border-radius:11px;padding:0 32px 0 14px}.cmp-bar select:focus{outline-offset:1px;outline:2px solid #9db4ff80}.cmp-bar select option,.cmp-bar select optgroup{color:var(--fg);background:#0d1022}.cmp-info{left:50%;bottom:max(28px, env(safe-area-inset-bottom));text-align:center;width:min(720px,100% - 32px);position:absolute;transform:translate(-50%)}.cmp-main{font-family:var(--display);letter-spacing:-.01em;text-shadow:0 2px 16px #000000e6;margin:0;font-size:clamp(17px,2.2vw,24px);font-weight:600}.cmp-sub{color:var(--accent-2);font-variant-numeric:tabular-nums;text-shadow:0 2px 12px #000000e6;margin:6px 0 0;font-size:14px}.cmp-inset{border:1px solid #9db4ff73;border-radius:18px;position:absolute;box-shadow:0 0 0 4px #9db4ff14,0 10px 40px #00000080}.cmp-inset span{color:var(--muted);letter-spacing:.04em;white-space:nowrap;font-size:11px;position:absolute;top:8px;left:10px}@media (max-width:700px){.icon-btn.wide span{display:none}.icon-btn.wide{justify-content:center;width:38px;padding:0}.cmp-bar{flex-wrap:wrap;width:calc(100% - 32px);top:62px}.cmp-bar select{flex:calc(100% - 54px);width:auto}}.cmp-leader{background:linear-gradient(#9db4ff80,#9db4ff1a);width:1px;position:absolute}.cmp-dot{border:1px solid #9db4ffb3;border-radius:50%;position:absolute}.cmp-dot.point{background:#fff;border:0;box-shadow:0 0 4px 1px #c8d7ffe6}.label .a{color:var(--muted);font-size:11px;display:none}.label.focus .a:not(:empty){margin-top:1px;display:block}[data-tip]{cursor:help;text-underline-offset:3px;-webkit-text-decoration:underline dotted #ffcf8a73;text-decoration:underline dotted #ffcf8a73;position:relative}[data-tip]:hover:after{content:attr(data-tip);border:1px solid var(--glass-border);width:max-content;max-width:260px;color:var(--fg);font:400 12px/1.45 var(--body);text-align:left;white-space:normal;text-shadow:none;z-index:20;pointer-events:none;background:#0a0c1aeb;border-radius:10px;padding:8px 11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}[data-tip]:focus-visible:after{content:attr(data-tip);border:1px solid var(--glass-border);width:max-content;max-width:260px;color:var(--fg);font:400 12px/1.45 var(--body);text-align:left;white-space:normal;text-shadow:none;z-index:20;pointer-events:none;background:#0a0c1aeb;border-radius:10px;padding:8px 11px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.scale [data-tip]:hover:after{left:0;transform:none}.scale span{pointer-events:auto;align-self:flex-start}.panel dd [data-tip]:hover:after,.panel dd[data-tip]:hover:after{left:0;transform:none}body.shot .top,body.shot .cmp-bar,body.shot .bottom,body.shot .intro,body.shot .hint,body.shot .outro{display:none!important}