@import url('/lab/brand.css');*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:var(--lyfar-font-sans);background:#10141d;color:#f5f5ef}canvas{display:block;touch-action:none}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #ffffff40;background:#ffffff12;color:inherit;padding:11px 16px;border-radius:5px;backdrop-filter:blur(12px)}button:hover,button[aria-pressed=true]{background:var(--lyfar-purple);border-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lyfar-orange);outline-offset:3px}header{position:absolute;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;z-index:3;pointer-events:none}header>*{pointer-events:auto}a{color:inherit;text-decoration:none}.signature{font-size:15px;font-weight:650;letter-spacing:-.4px}.signature small{font-weight:400;opacity:.55;margin-left:12px}.back{font-size:13px;opacity:.65}.copy{position:absolute;left:32px;top:110px;pointer-events:none;z-index:2}h1{font-size:clamp(44px,6.6vw,100px);line-height:.9;letter-spacing:-.07em;margin:0;font-weight:500}.copy p{font-size:14px;line-height:1.5;max-width:290px;opacity:.65;margin-top:22px}.panel{position:absolute;bottom:28px;left:32px;right:32px;z-index:3;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.panel label{font-size:12px;display:flex;gap:10px;align-items:center;background:#0003;border:1px solid #ffffff20;padding:10px 14px;border-radius:5px;backdrop-filter:blur(15px)}input[type=range]{width:100px;accent-color:var(--lyfar-orange)}.readout{margin-left:auto;font-size:13px;opacity:.75;font-variant-numeric:tabular-nums}.badge{font-size:12px;background:#0003;backdrop-filter:blur(12px);border:1px solid #ffffff22;padding:10px 14px;border-radius:30px}.status{position:absolute;right:32px;top:110px;font-size:12px;line-height:1.8;text-align:right;opacity:.65;z-index:2}.hint{position:absolute;left:50%;bottom:100px;transform:translateX(-50%);font-size:12px;opacity:.55;white-space:nowrap;pointer-events:none}.toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(30px,7vw,80px);letter-spacing:-.05em;pointer-events:none;opacity:0;transition:opacity .15s;z-index:5}.toast.show{opacity:1}@media(max-width:600px){header{top:20px;left:20px;right:20px}.signature small{display:none}.copy{left:20px;top:85px}.copy p{font-size:12px;max-width:220px;margin-top:14px}h1{font-size:52px}.panel{left:16px;right:16px;bottom:18px;gap:7px}.panel button{padding:10px 12px;font-size:12px}.panel label{font-size:11px;padding:9px}.readout{font-size:11px}.status{right:20px;top:235px;font-size:10px}.hint{bottom:145px;font-size:10px}.back{font-size:12px}input[type=range]{width:74px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.copy h1{font-size:clamp(55px,7vw,104px);font-weight:350}.copy p{max-width:250px}.reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:30px;font-weight:200;color:#b9e7f0;opacity:.65;pointer-events:none}.reticle:before{content:'';position:absolute;border:1px solid #8ff5ff55;width:55px;height:55px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.status{white-space:pre-line;line-height:2}.orbit .reticle{display:none}.panel{background:#07102066;padding:12px;border:1px solid #a2c5e622;border-radius:9px;backdrop-filter:blur(12px)}.hint{bottom:122px}.readout{font-size:11px}@media(max-width:600px){.copy p{max-width:185px}.copy h1{font-size:52px}.panel{padding:8px}.hint{bottom:176px;white-space:normal;text-align:center;width:230px}.status{top:225px}.panel label{flex:1}.readout{margin:0;font-size:10px}}