:root{font-family:Century Gothic,Avenir Next,Avenir,Arial,sans-serif;color:#172750;background:#e4dafa;font-synthesis:none;--ink:#172750;--glass:rgba(255,255,255,.58)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;transition:background .2s,transform .2s}button:hover{background:#ffffffb3}button:active{transform:scale(.96)}button:focus-visible,input:focus-visible{outline:3px solid #4963aa;outline-offset:4px}button:disabled{opacity:.65;cursor:wait}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#experience,#world{width:100%;height:100dvh;display:block}#world{touch-action:none;background:linear-gradient(110deg,#f8d4e8,#dcd9fa 50%,#abcdf6)}header{position:absolute;top:28px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}h1{font-size:44px;letter-spacing:-1.8px;line-height:1.1;margin:0 0 8px;font-weight:600}header p{font-size:15px;letter-spacing:1px;margin:0}#status{font-size:14px;padding-top:8px}.dock{position:absolute;bottom:38px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid rgba(255,255,255,.85);background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:50px;box-shadow:0 10px 40px #664f8b12}.dock button{height:48px;padding:0 16px;border-radius:30px;font-size:13px}.modes{display:flex;gap:3px}.modes button[aria-pressed=true]{background:#fff;box-shadow:0 3px 15px #8984ae0a}.dock .primary{background:#172750;color:#fff;padding:0 23px;min-width:170px;box-shadow:0 5px 16px #17275020}.dock .primary:hover{background:#2d4275}.divider{height:30px;width:1px;background:#17275026;margin:0 2px}footer{position:absolute;bottom:18px;left:36px;right:36px;display:flex;justify-content:space-between;gap:20px;font-size:12px;pointer-events:none}#privacy{opacity:.65}#notice{position:absolute;top:125px;left:50%;transform:translate(-50%);background:#fffc;padding:15px 22px;max-width:540px;width:calc(100% - 48px);border-radius:16px;font-size:14px;line-height:1.6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#options{position:absolute;bottom:130px;right:max(30px,calc(50% - 410px));width:300px;padding:22px;background:#fffffff0;border:1px solid white;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;box-shadow:0 12px 50px #17275016;font-size:13px}.option-heading{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-bottom:24px}.option-heading button{font-size:25px}#options label{display:flex;justify-content:space-between;align-items:center;margin-top:18px}input[type=range]{width:100%;accent-color:#637ab8;margin-top:14px}#options .check{justify-content:flex-start;gap:9px}input[type=checkbox]{accent-color:#637ab8}#options p{font-size:12px;line-height:1.7;opacity:.65;margin-bottom:0}body.live header,body.live footer{color:#fff;text-shadow:0 1px 8px #0009}body.live header{background:linear-gradient(#17275050,transparent);inset:0 0 auto;padding:28px 40px 45px}body.pastel header,body.pastel footer{color:var(--ink);text-shadow:none}body.pastel header{background:none}[hidden]{display:none!important}@media(max-width:850px){header{left:24px;right:24px;top:24px}h1{font-size:34px}header p{font-size:12px;letter-spacing:.3px}.dock{gap:3px;padding:9px;bottom:52px}.dock button{padding:0 12px}.dock #fullscreen span,.dock #reset span{display:none}.dock .primary{min-width:145px;padding:0 16px}footer{left:24px;right:24px;font-size:11px}#privacy{display:none}#options{bottom:140px;right:24px}}@media(max-width:560px){h1{font-size:30px}header p{max-width:220px;line-height:1.6}#status{max-width:100px;text-align:right;font-size:11px}.dock{width:calc(100% - 32px);max-width:390px;flex-wrap:wrap;border-radius:26px;justify-content:center;padding:10px;bottom:52px}.modes{width:100%;justify-content:center;border-bottom:1px solid #17275012;padding-bottom:8px;margin-bottom:3px}.modes button{width:50%;height:36px}.dock button{height:42px}.dock .primary{min-width:145px}.divider{display:none}#options{bottom:190px;right:16px;width:calc(100% - 32px);max-width:350px}body.live header{padding:24px}footer{bottom:20px}}@media(prefers-reduced-motion:reduce){button{transition:none}}#gesture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;pointer-events:none;z-index:30}header{z-index:3}.dock{z-index:15}#notice{z-index:35}#options{z-index:22}footer{z-index:4}#menu{position:absolute;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:430px;max-width:calc(100% - 40px)}.menu-heading{text-align:center;margin:0 auto 22px;max-width:395px}.menu-heading h2{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:0 0 12px}.menu-heading p{font-size:13px;line-height:1.6;margin:0;opacity:.8}.world-choices{display:flex;flex-direction:column;gap:14px}.world-choice{position:relative;display:flex;justify-content:flex-start;text-align:left;width:100%;height:114px;padding:12px 20px 12px 10px;border:1px solid #ffffffc9;border-radius:24px;gap:16px;background:#ffffffa6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 30px #6a568310;transition:background .2s,box-shadow .2s,transform .2s}.world-choice:hover,.world-choice.holding{background:#fffffff0;box-shadow:0 0 0 3px #8462ba66,0 8px 30px #6a568320;transform:translateY(-1px)}.choice-art{width:88px;height:88px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:18px;overflow:hidden}.choice-art img{object-fit:contain}.spheres-art{background:linear-gradient(130deg,#efd3e7,#d4e3f8)}.spheres-art img{position:absolute;width:58px;height:58px;left:0;top:9px}.spheres-art img+img{left:32px;top:30px}.syringe-art{background:#f0f2f6}.syringe-art img{height:82px;transform:rotate(20deg)}.vial-art{background:radial-gradient(at 35% 25%,#a58bcf,#523491)}.vial-art img{height:76px;transform:rotate(-12deg)}.choice-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.choice-copy strong{font-size:18px;font-weight:500;letter-spacing:-.3px}.choice-copy small{font-size:11px;opacity:.7}.choice-number{margin-left:auto;align-self:flex-start;padding-top:9px;font-size:10px;opacity:.4}.menu-caption{font-size:11px;text-align:center;opacity:.65;margin:18px 0 0}#world-menu{position:absolute;right:40px;top:75px;padding:11px 20px;border-radius:24px;background:#ffffffc9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:13px;z-index:15}#world-menu.holding{box-shadow:0 0 0 3px #9b80ca}.choosing .dock .modes,.choosing .dock #reset,.choosing .dock .divider{display:none}.choosing .dock{bottom:35px}.choosing footer{bottom:14px}#quality{margin-top:10px;width:100%;padding:10px;border:1px solid #ddd4ec;border-radius:10px;background:#fff;color:#172750;font:inherit}#options{max-height:calc(100dvh - 180px);overflow:auto}#tracking-info{font-variant-numeric:tabular-nums}body[data-world=vials] header,body[data-world=vials] footer,body[data-world=vials] .menu-heading,body[data-world=vials] .menu-caption{color:#fff;text-shadow:none}body[data-world=vials] .world-choice{color:#172750}body[data-world=vials] .dock,body[data-world=vials] #world-menu{background:#f4edffdc}body[data-world=vials] #options{color:#172750}body.choosing.live header{background:none}@media(min-width:1000px){.choosing.live #menu{left:70%;width:420px}.choosing.live .menu-heading{text-shadow:0 1px 4px #fff6}}@media(max-width:560px){#menu{top:46%;max-width:calc(100% - 36px)}.menu-heading{margin-bottom:14px}.menu-heading h2{font-size:25px}.menu-heading p{font-size:12px}.world-choice{height:100px;padding:9px 12px;gap:12px;border-radius:21px}.choice-art{height:74px;width:74px}.choice-copy strong{font-size:16px}.choice-copy small{font-size:10px}.choice-number{display:none}.world-choices{gap:10px}.menu-caption{margin-top:12px}.choosing .dock{width:auto;min-width:270px;bottom:44px;border-radius:40px}.choosing .dock .primary{min-width:160px}.choosing footer{bottom:16px}#world-menu{top:99px;right:24px;font-size:11px;padding:9px 14px}.choosing #options{bottom:115px;max-height:calc(100dvh - 180px)}}@media(max-height:720px){#menu{top:46%}.menu-heading{margin-bottom:12px}.menu-heading h2{font-size:23px}.world-choice{height:82px}.choice-art{height:64px;width:64px}.vial-art img{height:58px}.syringe-art img{height:62px}.world-choices{gap:8px}.menu-caption{margin-top:10px}.choosing header p{display:none}}.choosing .dock{width:max-content;flex-wrap:nowrap;min-width:0}#performance{font-variant-numeric:tabular-nums;font-size:11px}#performance[data-below-target=true]{font-weight:600}.dock,#options,.world-choice,#world-menu{-webkit-backdrop-filter:none;backdrop-filter:none}.world-choice{background:#ffffffe8}.dock{background:#ffffffdf}@media(max-width:560px){footer{display:flex;flex-direction:column;gap:5px;bottom:8px}.choosing footer{bottom:8px}#performance{font-size:9px}}#phone-dialog{border:1px solid white;border-radius:28px;padding:32px;max-width:440px;width:calc(100% - 32px);text-align:center;background:#faf7ff;color:#172750;box-shadow:0 20px 100px #17275040}#phone-dialog::backdrop{background:#17275066;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}#phone-dialog h2{font-size:25px;font-weight:500;letter-spacing:-.6px}#phone-dialog p{font-size:14px;line-height:1.6}#phone-dialog small{display:block;font-size:12px;line-height:1.6;opacity:.7;margin-top:20px}#phone-cancel{position:absolute;right:12px;top:8px;font-size:28px;padding:8px}#phone-qr{max-width:100%;height:auto;border-radius:16px}#phone-link{font-size:12px;color:#523491}.dock #phone-camera{padding:0 12px}#phone-camera span{font-size:12px}@media(max-width:1000px){.dock #phone-camera span{display:none}}@media(max-width:560px){.choosing .dock{max-width:calc(100% - 24px)}.dock #phone-camera{padding:0 10px}.dock{gap:1px}.dock .primary{min-width:130px;padding:0 12px}.choosing .dock .primary{min-width:140px}}