:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07090d;color:#f4f0e7;--target-rgb: 105 188 215;--base-rgb: 240 241 231;--scene-liquid: 105 188 215;--harmony-0: 32 184 201;--harmony-1: 123 75 214;--harmony-2: 207 179 106;--harmony-3: 142 226 174;--harmony-4: 242 213 75;--surface: #10131a;--surface-2: #181923;--line: rgb(240 244 255 / 14%);--line-strong: rgb(240 244 255 / 24%);--muted: #b2aca1;--brass: #cfb36a;--graphite: #2c3036;--danger: #e65a5a;--ok: #8ee2ae;--panel-shadow: 0 24px 70px rgb(0 0 0 / 34%), inset 0 1px 0 rgb(255 255 255 / 7%);--press-shadow: inset 0 1px 0 rgb(255 255 255 / 9%), inset 0 -10px 20px rgb(0 0 0 / 18%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#050607;text-rendering:optimizeLegibility}body:before,body:after{position:fixed;inset:0;content:"";pointer-events:none}body:before{z-index:-2;background:linear-gradient(180deg,#05060752,#05060794),url(/assets/prizm-lab-bg-IFtCOaqp.jpg) center / cover no-repeat;filter:saturate(.94) brightness(.82)}body:after{z-index:-1;background:radial-gradient(circle at 50% 42%,rgb(var(--target-rgb) / 12%),transparent 30rem),linear-gradient(90deg,rgb(0 0 0 / 58%),transparent 18%,transparent 82%,rgb(0 0 0 / 58%)),linear-gradient(180deg,#00000038,#000000b3)}button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid rgb(var(--target-rgb) / 62%);outline-offset:2px}.app-shell{width:min(1180px,calc(100vw - 28px));min-height:100vh;margin:0 auto;padding:18px 0 22px;display:grid;grid-template-rows:auto 1fr auto auto;gap:14px}.topbar,.status-strip,.control-deck,.target-panel,.experiment-panel,.attempt-panel{border:1px solid rgb(235 245 255 / 18%);background:linear-gradient(180deg,#ffffff1a,#ffffff08),linear-gradient(135deg,rgb(var(--target-rgb) / 9%),transparent 34%),#080a0cb8;box-shadow:0 24px 90px #0000007a,0 1px #ffffff14 inset,0 -22px 60px #00000038 inset;-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1)}.topbar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-radius:8px;border-color:#f5ebd23d;background:linear-gradient(90deg,#040507bd,#121112ad),#0a0a0cc2}.eyebrow{margin:0 0 3px;color:var(--brass);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tagline{margin:8px 0 0;color:var(--muted);font-size:.86rem;line-height:1.25}h1{margin:0;font-size:clamp(2.1rem,5vw,4.4rem);line-height:.88;letter-spacing:0;color:#fff9ef;text-shadow:0 2px 22px rgb(var(--target-rgb) / 18%)}.day-chip{display:grid;justify-items:end;gap:4px;min-width:0;color:var(--muted);font-size:.82rem;text-align:right}.day-chip span{color:#f4f0e7;font-size:1.1rem;font-weight:800}.day-chip strong{max-width:180px;color:#fff8ed;font-size:.92rem;line-height:1.12;overflow-wrap:anywhere}.day-chip small{color:var(--brass);font-size:.72rem}.game-grid{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(330px,1.6fr) minmax(240px,.95fr);gap:14px;min-height:0}.target-panel,.experiment-panel,.attempt-panel{border-radius:8px;min-height:430px;overflow:hidden;contain:layout paint}.target-panel,.attempt-panel{padding:14px;background:linear-gradient(180deg,#ffffff14,#ffffff05),#08090bc2}.target-copy{min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;color:var(--muted);font-size:.8rem;letter-spacing:.02em}.panel-heading b{color:#f4f0e7;font-weight:700}.panel-heading span{text-transform:uppercase}.target-caption{margin:-4px 0 10px;color:#ddd7cc;font-size:.88rem;line-height:1.35}.target-standard{--touch-x: 50%;--touch-y: 44%;position:relative;isolation:isolate;height:min(52vh,340px);min-height:250px;margin:10px auto 16px;width:min(100%,210px);border:1px solid rgb(229 249 255 / 18%);border-radius:8px;color:inherit;cursor:default;overflow:hidden;background:radial-gradient(circle at var(--touch-x) var(--touch-y),rgb(255 255 255 / 20%),transparent 16%),radial-gradient(circle at 50% 66%,rgb(var(--target-rgb) / 30%),transparent 62%),linear-gradient(180deg,#ffffff14,#ffffff03),#0003;box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 48px #00000075,0 0 48px rgb(var(--target-rgb) / 18%);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.target-liquid-slab{position:absolute;isolation:isolate;left:50%;bottom:14%;width:72%;height:62%;border:1px solid rgb(255 255 255 / 20%);border-radius:42% 42% 22px 22px;transform:translate(-50%) perspective(520px) rotateX(5deg) rotateY(-4deg);background:radial-gradient(circle at var(--touch-x) var(--touch-y),rgb(255 255 255 / 50%),transparent 13%),radial-gradient(circle at 26% 34%,rgb(255 255 255 / 24%),transparent 22%),radial-gradient(circle at 74% 74%,rgb(0 0 0 / 32%),transparent 34%),radial-gradient(ellipse at 33% 70%,rgb(var(--harmony-0) / 54%),transparent 38%),radial-gradient(ellipse at 68% 62%,rgb(var(--harmony-1) / 42%),transparent 42%),radial-gradient(ellipse at 48% 82%,rgb(var(--harmony-3) / 42%),transparent 36%),linear-gradient(145deg,rgb(255 255 255 / 18%),transparent 34% 64%,rgb(var(--harmony-4) / 28%)),linear-gradient(180deg,rgb(var(--target-rgb) / 96%),rgb(var(--target-rgb) / 48%));box-shadow:inset 0 18px 26px #ffffff29,inset 0 -28px 38px #0000005c,0 0 42px rgb(var(--target-rgb) / 52%);filter:saturate(1.22);overflow:hidden;animation:targetTide 5.6s ease-in-out infinite;transition:transform .22s ease}.target-liquid-slab:before,.target-liquid-slab:after{position:absolute;content:"";pointer-events:none}.target-liquid-slab:before{inset:-18%;background:repeating-linear-gradient(102deg,transparent 0 18px,rgb(255 255 255 / 11%) 19px 20px,transparent 21px 38px),radial-gradient(ellipse at 50% 18%,rgb(255 255 255 / 30%),transparent 32%);mix-blend-mode:screen;opacity:.64;transform:translate(-9%);animation:causticSlide 7s linear infinite}.target-liquid-slab:after{left:50%;top:14%;width:72%;height:16%;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 38%),transparent),#ffffff1a;filter:blur(.2px);transform:translate(-50%)}.target-current{position:absolute;z-index:2;left:50%;top:50%;width:86%;height:48%;border:2px solid rgb(255 255 255 / 36%);border-left-color:transparent;border-bottom-color:rgb(var(--target-rgb) / 46%);border-radius:999px;pointer-events:none;mix-blend-mode:screen;transform:translate(-50%,-50%) rotate(var(--spin, 0deg));animation:liquidOrbit 6.2s ease-in-out infinite}.target-liquid-rotor,.target-facet-field{position:absolute;inset:0;transform:rotate(-3deg);transform-origin:50% 56%;animation:liquidDrift 8s ease-in-out infinite}.target-facet-field{z-index:5;mix-blend-mode:screen;opacity:.78;pointer-events:none}.target-facet{position:absolute;left:var(--facet-x);top:var(--facet-y);width:30%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 68%),rgb(var(--target-rgb) / 56%),transparent);box-shadow:0 0 8px #ffffff2e,0 0 16px rgb(var(--target-rgb) / 28%);transform:translate(-50%,-50%) rotate(var(--facet-tilt));opacity:.42;animation:facetBreath 4.2s ease-in-out infinite;animation-delay:calc(var(--facet-index) * -.44s)}.target-facet.bubble-rise{height:3px}.target-facet.bubble-drift{transform:translate(-50%,-50%) rotate(calc(var(--facet-tilt) + 18deg))}.target-facet.bubble-spiral{width:20%;height:20%;border:1px solid rgb(var(--target-rgb) / 40%);background:radial-gradient(circle at 50% 50%,transparent 0 38%,rgb(255 255 255 / 48%) 39% 43%,transparent 44%),radial-gradient(circle at 48% 50%,rgb(var(--target-rgb) / 32%),transparent 58%)}.target-facet.bubble-sink{top:calc(var(--facet-y) + 8%);opacity:.32}.target-facet.bubble-split:before,.target-facet.bubble-split:after{position:absolute;content:"";top:50%;width:42%;height:2px;border-radius:inherit;background:inherit;box-shadow:inherit}.target-facet.bubble-split:before{right:54%;transform:translateY(-50%) rotate(-14deg)}.target-facet.bubble-split:after{left:54%;transform:translateY(-50%) rotate(14deg)}.target-bubble{position:absolute;z-index:3;width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 34% 30%,#ffffffe0,#fff3 32%,#fff0 72%);box-shadow:inset 0 0 8px #ffffff5c,0 0 12px rgb(var(--target-rgb) / 34%);opacity:.72;animation:bubbleDrift 6.8s ease-in-out infinite}.target-bubble.bubble-rise{animation-name:targetBubbleRise;animation-duration:6.2s}.target-bubble.bubble-drift{animation-name:targetBubbleDrift;animation-duration:7.4s}.target-bubble.bubble-spiral{animation-name:targetBubbleSpiral;animation-duration:8.1s}.target-bubble.bubble-sink{animation-name:targetBubbleSink;animation-duration:6.9s}.target-bubble.bubble-split{animation-name:targetBubbleSplit;animation-duration:7.8s}.target-bubble.bubble-split:before,.target-bubble.bubble-split:after{position:absolute;content:"";inset:18%;border-radius:inherit;background:inherit;opacity:.62;animation:targetBubbleTwin 7.8s ease-in-out infinite}.target-bubble.bubble-split:after{animation-direction:reverse}.bubble-a{left:28%;bottom:18%}.bubble-b{left:64%;bottom:28%;width:7px;height:7px;opacity:.58;animation-duration:7.7s;animation-delay:-2.1s}.bubble-c{left:48%;bottom:44%;width:5px;height:5px;opacity:.48;animation-duration:5.9s;animation-delay:-3.5s}.current-a{--spin: -18deg}.current-b{--spin: 68deg;width:62%;height:34%;animation-duration:4.9s;animation-delay:-1.2s}.current-c{--spin: 142deg;width:48%;height:28%;animation-duration:7.4s;animation-delay:-2.4s}.target-glass-rim{position:absolute;left:50%;bottom:73%;width:58%;height:18px;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;transform:translate(-50%);background:#ffffff14;box-shadow:inset 0 1px #ffffff2e,0 0 24px rgb(var(--target-rgb) / 30%)}.target-standard:before,.target-standard:after{position:absolute;content:"";pointer-events:none}.target-standard:before{inset:9% 11%;border:1px solid rgb(231 250 255 / 18%);border-radius:999px 999px 18px 18px;background:linear-gradient(90deg,rgb(255 255 255 / 17%),transparent 16% 82%,rgb(0 0 0 / 12%)),linear-gradient(180deg,rgb(255 255 255 / 7%),transparent 54%);box-shadow:inset 14px 0 22px #ffffff0d,inset -14px 0 22px #00000029}.target-standard:after{left:50%;bottom:5%;width:70%;height:16px;border-radius:999px;background:radial-gradient(ellipse at center,rgb(var(--target-rgb) / 32%),transparent 68%);filter:blur(2px);transform:translate(-50%)}.target-sample-copy{position:absolute;left:10px;right:10px;bottom:9px;z-index:2;display:grid;gap:2px;padding:7px 8px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#00000057;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.target-sample-copy b{color:#fff8ed;font-size:.76rem}.target-sample-copy small{color:var(--muted);font-size:.65rem}.experiment-panel{display:grid;grid-template-rows:1fr auto;background:radial-gradient(circle at center 42%,rgb(var(--scene-liquid) / 32%),transparent 18rem),radial-gradient(ellipse at center 72%,rgb(207 179 106 / 12%),transparent 16rem),radial-gradient(circle at 32% 78%,rgb(207 179 106 / 8%),transparent 18rem),linear-gradient(180deg,#ffffff0d,#ffffff05),#070a0cb8;background-size:auto}.scene-wrap{position:relative;min-height:300px;overflow:hidden;contain:layout paint;background:conic-gradient(from 18deg at 50% 48%,rgb(var(--harmony-0) / 10%),rgb(var(--harmony-1) / 9%),rgb(var(--harmony-2) / 8%),rgb(var(--harmony-3) / 9%),rgb(var(--harmony-4) / 10%),rgb(var(--harmony-0) / 10%)),radial-gradient(circle at center 46%,rgb(var(--scene-liquid) / 18%),transparent 16rem),radial-gradient(circle at 32% 36%,rgb(var(--harmony-0) / 12%),transparent 10rem),radial-gradient(circle at 68% 40%,rgb(var(--harmony-1) / 10%),transparent 10rem),radial-gradient(ellipse at center 88%,rgb(207 179 106 / 12%),transparent 12rem),linear-gradient(180deg,#0000000d,#0000003d)}.scene-wrap:before,.scene-wrap:after{position:absolute;left:50%;content:"";pointer-events:none}.scene-wrap:before{z-index:0;bottom:3%;width:min(72%,420px);height:78%;border-radius:999px;transform:translate(-50%);background:conic-gradient(from 115deg at 50% 52%,rgb(var(--harmony-0) / 16%),transparent 14%,rgb(var(--harmony-1) / 14%),transparent 42%,rgb(var(--harmony-2) / 13%),transparent 70%,rgb(var(--harmony-3) / 14%),rgb(var(--harmony-0) / 16%)),radial-gradient(ellipse at center,rgb(var(--scene-liquid) / 24%),transparent 62%),radial-gradient(ellipse at center 72%,rgb(255 255 255 / 7%),transparent 52%);filter:blur(18px) saturate(1.22);opacity:.88}.scene-wrap:after{z-index:0;bottom:4%;width:min(58%,360px);height:24px;border-radius:999px;transform:translate(-50%);background:linear-gradient(90deg,rgb(var(--harmony-0) / 18%),rgb(var(--harmony-1) / 12%),rgb(var(--harmony-2) / 16%),rgb(var(--harmony-3) / 12%),rgb(var(--harmony-4) / 18%)),radial-gradient(ellipse at center,rgb(var(--scene-liquid) / 32%),transparent 70%),#ffffff0a;filter:blur(2px);opacity:.72}.scene-wrap.is-reacting{animation:chamberPulse .9s ease-out}.scene-wrap.is-mixing{animation:chamberPulse .54s ease-out}.control-deck.is-mixing .drop-slot,.control-deck.is-mixing .reagent,.control-deck.is-mixing .icon-command{filter:saturate(.72) brightness(.88)}.control-deck.is-mixing .drop-slot,.control-deck.is-mixing .reagent{transition:border-color .14s ease,transform .14s ease,background .14s ease,filter .14s ease}.reaction-veil{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen}.scene-wrap.is-empty-chamber:before{background:conic-gradient(from 115deg at 50% 52%,rgb(var(--target-rgb) / 22%),transparent 14%,rgb(var(--harmony-1) / 16%),transparent 42%,rgb(var(--harmony-2) / 16%),transparent 70%,rgb(var(--harmony-3) / 16%),rgb(var(--target-rgb) / 22%)),radial-gradient(ellipse at center,rgb(var(--target-rgb) / 34%),transparent 62%),radial-gradient(ellipse at center 72%,rgb(255 255 255 / 8%),transparent 52%);opacity:1}.scene-wrap.is-empty-chamber .beaker-scene:before{background:radial-gradient(ellipse at center 38%,rgb(255 255 255 / 16%),transparent 24%),radial-gradient(ellipse at center,rgb(var(--target-rgb) / 36%),transparent 68%);opacity:.74}.target-dream-layer{position:absolute;z-index:3;left:50%;top:18%;width:min(46%,260px);height:66%;opacity:0;pointer-events:none;transform:translate(-50%) scale(.96);transition:opacity .22s ease;mix-blend-mode:screen;filter:drop-shadow(0 0 28px rgb(var(--target-rgb) / 18%)) saturate(.92)}.target-dream-layer.is-visible{opacity:.46}.target-dream-layer .mixture-art{opacity:.82}.mixture-art-layer{position:absolute;z-index:3;left:50%;top:19%;width:min(35%,220px);height:62%;opacity:0;pointer-events:none;transform:translate(-50%) scale(.92);transition:opacity .24s ease,transform .24s ease;mix-blend-mode:screen}.mixture-art-layer:before,.mixture-art-layer:after{position:absolute;content:"";inset:7%;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .26s ease}.mixture-art-layer:before{background:radial-gradient(circle at 50% 50%,rgb(var(--art-rgb) / 34%),transparent 60%);filter:blur(16px)}.mixture-art-layer:after{border:1px solid rgb(255 255 255 / 16%);box-shadow:inset 0 0 22px #ffffff14,0 0 34px rgb(var(--art-rgb) / 22%);transform:scale(.86)}.mixture-art-layer.is-visible{opacity:.78;transform:translate(-50%) scale(1)}.mixture-art-layer.is-visible:before,.mixture-art-layer.is-visible:after{opacity:1}.mixture-art-layer.is-brewing{opacity:.94;transform:translate(-50%) scale(1.12)}.mixture-art-layer.is-partial{opacity:.74;transform:translate(-50%) scale(.86)}.mixture-art-layer.is-partial:after{opacity:.58}.mixture-art-layer.is-attuned{opacity:.86}.mixture-art{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 18px rgb(var(--art-rgb) / 28%)) saturate(1.18)}.art-vessel{fill:#ffffff08;stroke:#ebfaff33;stroke-width:.9;vector-effect:non-scaling-stroke}.art-vessel-rim{fill:#ffffff12;stroke:#ffffff42;stroke-width:.9;vector-effect:non-scaling-stroke;mix-blend-mode:screen}.art-depth{fill:rgb(var(--art-rgb, var(--target-rgb)) / 18%);opacity:.6;filter:blur(2px)}.art-surface{fill:color-mix(in srgb,rgb(var(--surface-rgb)) 68%,white 26%);stroke:#ffffff5c;stroke-width:.9;opacity:calc(.5 + var(--surface-resonance, 0) * .34);vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgb(var(--surface-rgb) / 34%));animation:artSurfaceBreathe 2.8s ease-in-out infinite}.art-surface.attuned{stroke:rgb(var(--target-rgb) / 54%);filter:drop-shadow(0 0 8px rgb(var(--surface-rgb) / 38%)) drop-shadow(0 0 14px rgb(var(--target-rgb) / 28%))}.art-caustic{fill:none;stroke:#ffffff7f;stroke-width:.7;stroke-linecap:round;opacity:.22;mix-blend-mode:screen;stroke-dasharray:18 16;animation:artCausticDrift 4.6s ease-in-out infinite;animation-delay:calc(var(--stream-step) * -.32s)}.art-stream{fill:none;stroke:rgb(var(--stream-rgb));stroke-width:calc(var(--stream-width) * 1px);stroke-linecap:round;stroke-linejoin:round;opacity:.34;filter:url(#liquid-art-soft);stroke-dasharray:160;animation:artStreamBloom 1.6s ease-out both;animation-delay:calc(var(--stream-step) * 90ms)}.art-stream.resonant{opacity:.46;stroke-width:calc(var(--stream-width) * 1.16px)}.art-bloom{fill:rgb(var(--stream-rgb));opacity:.16;filter:url(#liquid-art-soft);mix-blend-mode:screen;animation:artBloom 1.8s ease-out both;animation-delay:calc(var(--stream-step) * 80ms)}.art-veil{fill:rgb(var(--stream-rgb));opacity:.12;mix-blend-mode:screen;animation:artVeilBloom 1.9s ease-out both;animation-delay:calc(var(--stream-step) * 70ms)}.art-bloom.resonant{opacity:.24}.art-veil.resonant{opacity:.2}.art-thread{fill:none;stroke:rgb(var(--stream-rgb));stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.42;mix-blend-mode:screen;stroke-dasharray:92;animation:artThreadTrace 1.7s ease-out both;animation-delay:calc(var(--stream-step) * 105ms)}.art-star{fill:#ffffffc2;stroke:rgb(var(--stream-rgb));stroke-width:.7px;opacity:0;filter:drop-shadow(0 0 5px rgb(var(--stream-rgb) / 62%));animation:artStarWake 1.6s ease-out both;animation-delay:calc(.36s + var(--stream-step) * 95ms)}.art-pearl{fill:rgb(var(--stream-rgb) / 34%);stroke:rgb(var(--stream-rgb));stroke-width:.55;opacity:.44;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgb(var(--stream-rgb) / 42%));animation:artPearlDrift 2.9s ease-in-out infinite;animation-delay:calc(var(--stream-step) * -.36s)}.art-pearl.resonant{opacity:.78;stroke:rgb(var(--target-rgb));filter:drop-shadow(0 0 5px rgb(var(--stream-rgb) / 48%)) drop-shadow(0 0 10px rgb(var(--target-rgb) / 32%))}.mixture-art.settled .art-stream,.mixture-art.settled .art-bloom,.mixture-art.settled .art-veil,.mixture-art.settled .art-thread,.mixture-art.settled .art-star,.mixture-art.settled .art-pearl{animation-duration:3.2s;animation-iteration-count:infinite;animation-direction:alternate}.mixture-art.thumb{display:block;filter:drop-shadow(0 0 10px rgb(var(--art-rgb, var(--attempt-rgb)) / 20%)) saturate(1.08)}.mixture-art.thumb .art-stream,.mixture-art.thumb .art-bloom,.mixture-art.thumb .art-veil,.mixture-art.thumb .art-thread,.mixture-art.thumb .art-star,.mixture-art.thumb .art-pearl,.mixture-art.thumb .art-surface,.mixture-art.thumb .art-caustic{animation:none}.mixture-art.thumb .art-star{opacity:.64}.mixture-art.thumb .art-pearl{opacity:.5}.liquid-level-layer{--level: 0;--surface-resonance: 0;--surface-tilt: 0deg;--surface-tilt-inverse: 0deg;position:absolute;z-index:2;left:50%;bottom:9%;width:min(25%,132px);height:66%;border-radius:999px 999px 26px 26px;overflow:hidden;pointer-events:none;transform:translate(-50%);mix-blend-mode:screen;opacity:.9;-webkit-mask-image:radial-gradient(ellipse at 50% 52%,#000 0 66%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 52%,#000 0 66%,transparent 78%)}.liquid-level-layer.is-empty{opacity:.28}.liquid-level-layer.is-attuned .liquid-surface{border-color:rgb(var(--target-rgb) / 42%);box-shadow:0 0 22px rgb(var(--target-rgb) / 38%),inset 0 1px #ffffff61}.liquid-level-layer.is-attuned .liquid-level-fill{filter:saturate(1.16) brightness(1.04);box-shadow:inset 0 18px 24px #ffffff1c,inset 0 -18px 24px #0000002e,0 0 34px rgb(var(--target-rgb) / 24%),0 0 22px rgb(var(--level-rgb) / 20%)}.liquid-level-fill{position:absolute;left:6%;right:6%;bottom:0;height:calc(12% + var(--level) * 15%);border-radius:999px 999px 20px 20px;background:radial-gradient(circle at 34% 22%,rgb(255 255 255 / 28%),transparent 18%),radial-gradient(ellipse at 50% 92%,rgb(0 0 0 / 24%),transparent 42%),linear-gradient(135deg,rgb(var(--surface-a) / 22%),rgb(var(--surface-b) / 20%),rgb(var(--surface-c) / 18%)),rgb(var(--level-rgb) / 36%);box-shadow:inset 0 18px 24px #ffffff14,inset 0 -18px 24px #0003,0 0 28px rgb(var(--level-rgb) / 22%);transition:height .52s cubic-bezier(.18,.82,.18,1)}.liquid-surface{position:absolute;left:50%;top:-8px;width:112%;height:18px;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;background:radial-gradient(ellipse at 38% 42%,rgb(255 255 255 / 36%),transparent 42%),linear-gradient(90deg,rgb(var(--surface-a) / 18%),#ffffff47,rgb(var(--surface-b) / 18%));box-shadow:0 0 18px rgb(var(--level-rgb) / 34%),inset 0 1px #ffffff4d;opacity:calc(.68 + var(--surface-resonance) * .26);transform:translate(-50%) rotate(var(--surface-tilt));animation:surfaceSway 2.8s ease-in-out infinite}.liquid-surface:before,.liquid-surface:after{position:absolute;content:"";inset:2px 10%;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 32%),transparent);opacity:.55;animation:surfaceGlint 2.4s ease-in-out infinite}.liquid-surface:after{inset:5px 22%;opacity:.34;animation-delay:-1.1s}.reaction-veil:before,.reaction-veil:after{position:absolute;content:"";left:50%;top:50%;border-radius:999px;transform:translate(-50%,-50%)}.reaction-veil:before{width:min(72%,360px);height:min(72%,360px);background:conic-gradient(from 0deg,rgb(var(--harmony-0) / 0%),rgb(var(--harmony-0) / 24%),rgb(var(--harmony-1) / 18%),rgb(var(--harmony-2) / 24%),rgb(var(--harmony-3) / 18%),rgb(var(--harmony-4) / 24%),rgb(var(--harmony-0) / 0%));filter:blur(14px) saturate(1.2);opacity:.22}.reaction-veil:after{width:116px;height:116px;border:1px solid rgb(255 255 255 / 12%);background:radial-gradient(circle at 50% 40%,rgb(255 255 255 / 38%),transparent 16%),radial-gradient(circle,rgb(var(--scene-liquid) / 28%),transparent 62%);box-shadow:0 0 42px rgb(var(--scene-liquid) / 34%),inset 0 0 18px #ffffff1a;opacity:.72;transform:translate(-50%,-50%) scale(.22)}.scene-wrap.is-mixing .reaction-veil{opacity:1}.scene-wrap.is-mixing .reaction-veil:before{animation:reactionFlow .76s ease-out forwards}.scene-wrap.is-mixing .reaction-veil:after{animation:reactionBloom .82s ease-out forwards}.beaker-scene{position:absolute;inset:0;--scene-liquid: var(--base-rgb)}.beaker-scene:before{position:absolute;left:50%;bottom:8%;width:min(42%,250px);height:68%;content:"";border-radius:999px;transform:translate(-50%);background:radial-gradient(ellipse at center 38%,rgb(255 255 255 / 12%),transparent 24%),radial-gradient(ellipse at center,rgb(var(--scene-liquid) / 34%),transparent 68%);filter:blur(14px) saturate(1.28);opacity:.6;pointer-events:none}.beaker-scene:after{position:absolute;z-index:2;left:50%;bottom:7%;width:min(25%,132px);height:72%;content:"";border:1px solid rgb(232 250 255 / 32%);border-radius:999px 999px 28px 28px;transform:translate(-50%);background:linear-gradient(90deg,rgb(255 255 255 / 18%),transparent 16% 80%,rgb(0 0 0 / 14%)),radial-gradient(ellipse at 50% 92%,rgb(var(--scene-liquid) / 24%),transparent 38%),linear-gradient(180deg,rgb(255 255 255 / 5%),transparent 44%,rgb(255 255 255 / 4%));box-shadow:inset 0 1px #ffffff38,inset 12px 0 22px #ffffff0d,inset -12px 0 24px #0000002e,0 0 34px rgb(var(--scene-liquid) / 24%);pointer-events:none}.beaker-scene canvas{position:relative;z-index:1;width:100%;height:100%;display:block;pointer-events:none}.lens-sweep{position:absolute;z-index:2;top:12%;bottom:14%;left:50%;width:24%;border:1px solid rgb(255 255 255 / 12%);border-radius:50%;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at center,rgb(255 255 255 / 7%),transparent 58%),linear-gradient(90deg,transparent,rgb(255 255 255 / 5%),transparent);mix-blend-mode:screen;opacity:.36;animation:lensDrift 5s ease-in-out infinite}.reaction-effects{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden;--reaction-rgb: var(--scene-liquid)}.falling-drop{position:absolute;top:6%;left:var(--drop-left);width:16px;height:26px;border-radius:999px 999px 999px 8px;background:radial-gradient(circle at 35% 24%,rgb(255 255 255 / 76%),transparent 18%),rgb(var(--drop-rgb));box-shadow:0 0 18px rgb(var(--drop-rgb) / 64%),0 0 44px rgb(var(--drop-rgb) / 32%);transform:rotate(42deg) translateY(-20px) scale(.7);opacity:0;animation:fallingDrop .72s cubic-bezier(.16,.72,.2,1) forwards;animation-delay:var(--drop-delay)}.law-bubble,.reaction-bubble{position:absolute;left:var(--bubble-left, 50%);top:55%;width:12px;height:12px;border-radius:999px;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 88%),rgb(255 255 255 / 28%) 34%,rgb(var(--bubble-rgb) / 34%) 70%,transparent 72%);box-shadow:inset 0 0 8px #ffffff47,0 0 18px rgb(var(--bubble-rgb) / 48%);opacity:0;pointer-events:none;mix-blend-mode:screen;animation-delay:var(--bubble-delay, 0ms)}.law-bubble.resonant,.reaction-bubble.resonant{filter:saturate(1.1) brightness(1.04);box-shadow:inset 0 0 8px #ffffff4d,0 0 14px rgb(var(--bubble-rgb) / 42%),0 0 20px rgb(var(--target-rgb) / 16%)}.law-bubble.bubble-rise{animation:lawBubbleRise .94s ease-out forwards}.law-bubble.bubble-drift{animation:lawBubbleDrift .98s ease-out forwards}.law-bubble.bubble-spiral{animation:lawBubbleSpiral 1.06s ease-out forwards}.law-bubble.bubble-sink{animation:lawBubbleSink .86s ease-in forwards}.law-bubble.bubble-split{animation:lawBubbleSplit .98s ease-out forwards}.reaction-bubble{left:50%;top:52%;width:8px;height:8px;box-shadow:inset 0 0 6px #ffffff38,0 0 12px rgb(var(--bubble-rgb) / 34%);transform:translate(calc(-50% + var(--bubble-x)),-50%) scale(.4)}.reaction-bubble.bubble-rise{animation:reactionBubbleRise 1.18s ease-out forwards}.reaction-bubble.bubble-drift{animation:reactionBubbleDrift 1.18s ease-out forwards}.reaction-bubble.bubble-spiral{animation:reactionBubbleSpiral 1.26s ease-out forwards}.reaction-bubble.bubble-sink{animation:reactionBubbleSink 1.04s ease-in forwards}.reaction-bubble.bubble-split{animation:reactionBubbleSplit 1.18s ease-out forwards}.law-bubble.bubble-split:before,.law-bubble.bubble-split:after,.reaction-bubble.bubble-split:before,.reaction-bubble.bubble-split:after{position:absolute;content:"";width:74%;height:74%;border-radius:999px;background:inherit;box-shadow:inherit}.law-bubble.bubble-split:before,.reaction-bubble.bubble-split:before{left:-64%;top:20%}.law-bubble.bubble-split:after,.reaction-bubble.bubble-split:after{right:-64%;top:20%}.reaction-ring{position:absolute;left:50%;top:48%;width:80px;height:80px;border:1px solid rgb(var(--reaction-rgb) / 72%);border-radius:999px;transform:translate(-50%,-50%) scale(.4);box-shadow:0 0 22px rgb(var(--reaction-rgb) / 52%),inset 0 0 18px rgb(var(--reaction-rgb) / 28%);opacity:0;animation:reactionRing .96s ease-out forwards;animation-delay:calc(var(--ring-index) * 72ms)}.reaction-spark{position:absolute;left:50%;top:48%;width:13px;height:13px;border-radius:999px;background:radial-gradient(circle at 32% 26%,rgb(255 255 255 / 86%),transparent 24%),rgb(var(--spark-rgb));box-shadow:0 0 18px rgb(var(--spark-rgb) / 78%),0 0 46px rgb(var(--spark-rgb) / 42%),0 0 82px rgb(var(--spark-rgb) / 18%);opacity:0;transform:translate(-50%,-50%) scale(.2);animation:harmonySpark .98s cubic-bezier(.16,.72,.18,1) forwards;animation-delay:var(--spark-delay)}.merge-stream{position:absolute;left:50%;top:9%;width:26px;height:216px;border-radius:999px;background:linear-gradient(90deg,rgb(var(--stream-rgb) / 0%),rgb(var(--stream-rgb) / 42%) 34%,#ffffff8f,rgb(var(--stream-rgb) / 36%) 66%,rgb(var(--stream-rgb) / 0%)),linear-gradient(180deg,rgb(var(--stream-rgb) / 0%),rgb(var(--stream-rgb) / 44%) 20%,#ffffff85 58%,rgb(var(--stream-rgb) / 0%));box-shadow:0 0 20px rgb(var(--stream-rgb) / 42%),0 0 46px rgb(var(--stream-rgb) / 20%);opacity:0;filter:blur(1.3px) saturate(1.22);mix-blend-mode:screen;transform:translate(var(--stream-x)) translateY(-32px) rotate(var(--stream-tilt)) scaleY(.18);transform-origin:50% 100%;animation:mergeStream .86s cubic-bezier(.16,.72,.16,1) forwards;animation-delay:var(--stream-delay)}.merge-stream.bubble-spiral{border-radius:46% 54% 999px 999px}.merge-stream.bubble-sink{filter:blur(1.8px) saturate(1.05) brightness(.9)}.merge-stream.is-attuned{width:34px;filter:blur(1px) saturate(1.5) brightness(1.08);animation-duration:1.04s}.merge-stream.is-near{width:30px;filter:blur(1.1px) saturate(1.34);animation-duration:.98s}.merge-stream.is-false-color{animation-name:mergeStreamFalse}.merge-stream.is-drift{animation-name:mergeStreamDrift}.merge-stream.is-sunken{top:22%;height:154px;filter:blur(2.2px) saturate(.92) brightness(.82);animation-name:mergeStreamSink}.merge-stream.is-wild{animation-name:mergeStreamWild}.merge-surface-wave{position:absolute;left:50%;top:53%;width:108px;height:21px;border:1px solid rgb(var(--wave-rgb) / 54%);border-radius:999px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 34%),transparent),rgb(var(--wave-rgb) / 10%);box-shadow:0 0 22px rgb(var(--wave-rgb) / 34%),inset 0 1px #ffffff38;opacity:0;mix-blend-mode:screen;transform:translate(calc(-50% + var(--wave-x)),-50%) scale(.38,.42);animation:mergeSurfaceWave .94s ease-out forwards;animation-delay:var(--wave-delay)}.merge-surface-wave.bubble-spiral{border-radius:52% 48% 999px 999px}.merge-surface-wave.bubble-sink{top:62%}.merge-surface-wave.bubble-split:before,.merge-surface-wave.bubble-split:after{position:absolute;content:"";top:50%;width:42%;height:100%;border:inherit;border-radius:inherit;background:inherit;box-shadow:inherit}.merge-surface-wave.bubble-split:before{right:56%;transform:translateY(-50%) rotate(-8deg)}.merge-surface-wave.bubble-split:after{left:56%;transform:translateY(-50%) rotate(8deg)}.merge-surface-wave.is-attuned,.merge-surface-wave.is-near{border-color:rgb(var(--wave-rgb) / 64%);box-shadow:0 0 28px rgb(var(--wave-rgb) / 38%),0 0 40px rgb(var(--target-rgb) / 16%),inset 0 1px #ffffff47}.merge-surface-wave.is-false-color{animation-name:mergeSurfaceFalse}.merge-surface-wave.is-sunken{top:62%;height:14px;filter:saturate(.76) brightness(.82)}.merge-surface-wave.is-wild{animation-name:mergeSurfaceWild}.merge-orb{position:absolute;left:50%;top:49%;width:14px;height:14px;border-radius:999px;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 88%),transparent 24%),rgb(var(--orb-rgb));box-shadow:0 0 16px rgb(var(--orb-rgb) / 74%),0 0 36px rgb(var(--orb-rgb) / 34%);opacity:0;mix-blend-mode:screen;transform:translate(calc(-50% + var(--orb-x)),calc(-50% + var(--orb-y))) scale(.58);animation:mergeOrbGather .84s cubic-bezier(.18,.72,.14,1) forwards;animation-delay:var(--orb-delay)}.merge-orb.bubble-sink{top:57%}.merge-orb.bubble-split:before,.merge-orb.bubble-split:after{position:absolute;content:"";inset:18%;border-radius:inherit;background:inherit;box-shadow:inherit}.merge-orb.bubble-split:before{transform:translate(-92%)}.merge-orb.bubble-split:after{transform:translate(92%)}.merge-orb.is-attuned{width:18px;height:18px;animation-duration:.98s}.merge-orb.is-near{animation-duration:.92s}.merge-orb.is-false-color{animation-name:mergeOrbFalse}.merge-orb.is-drift{animation-name:mergeOrbOrbit}.merge-orb.is-sunken{animation-name:mergeOrbSink}.merge-orb.is-wild{animation-name:mergeOrbScatter}.completion-bloom,.completion-iris{position:absolute;left:50%;top:49%;opacity:0;pointer-events:none;mix-blend-mode:screen}.completion-bloom{width:128px;height:128px;border-radius:999px;background:conic-gradient(from 0deg,rgb(var(--harmony-0) / 0%),rgb(var(--harmony-0) / 28%),rgb(var(--harmony-1) / 22%),rgb(var(--harmony-2) / 28%),rgb(var(--harmony-3) / 22%),rgb(var(--harmony-4) / 28%),rgb(var(--harmony-0) / 0%)),radial-gradient(circle at 50% 50%,rgb(var(--completion-rgb) / 42%),transparent 64%);filter:blur(10px) saturate(1.28);transform:translate(-50%,-50%) scale(.12) rotate(0);animation:completionBloom .98s ease-out forwards}.completion-bloom.is-attuned{width:164px;height:164px;filter:blur(9px) saturate(1.48) brightness(1.08);animation-duration:1.18s}.completion-bloom.is-near{width:150px;height:150px}.completion-bloom.is-false-color{animation-name:completionFalseBloom}.completion-bloom.is-sunken{top:58%;filter:blur(12px) saturate(.9) brightness(.82);animation-name:completionSinkBloom}.completion-bloom.is-wild{animation-name:completionWildBloom}.completion-iris{width:178px;height:64px;border:1px solid rgb(var(--completion-rgb) / 42%);border-radius:999px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 34%),transparent),radial-gradient(ellipse at center,rgb(var(--completion-rgb) / 24%),transparent 66%);box-shadow:0 0 30px rgb(var(--completion-rgb) / 28%),inset 0 0 22px #ffffff1c;transform:translate(-50%,-50%) scale(.28,.22);animation:completionIris .92s ease-out forwards}.completion-iris.is-attuned{width:214px;height:76px;border-color:rgb(var(--target-rgb) / 54%);animation-duration:1.1s}.completion-iris.is-false-color{animation-name:completionFalseIris}.completion-iris.is-sunken{top:60%;height:44px;opacity:0;animation-name:completionSinkIris}.completion-iris.is-wild{animation-name:completionWildIris}.lens-sweep[data-lens=prism]{background:radial-gradient(ellipse at center,rgb(255 255 255 / 9%),transparent 55%),linear-gradient(90deg,#ff5a5a1a,#ffde5a14,#5adcff1a)}.lens-sweep[data-lens=shadow]{background:radial-gradient(circle at center,#0000000d,#ffffff17,#00000014)}.lens-panel{border-top:1px solid var(--line);padding:12px;background:linear-gradient(180deg,rgb(255 255 255 / 5%),transparent),#0000005c}.lens-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.lens-tab{min-height:34px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,#ffffff0f,#ffffff03),#121318;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;color:#d9d4ca;box-shadow:var(--press-shadow);transition:border-color .14s ease,background .14s ease,transform .14s ease}.lens-tab:hover{border-color:var(--line-strong);transform:translateY(-1px)}.lens-tab.active{border-color:rgb(var(--target-rgb) / 62%);background:rgb(var(--target-rgb) / 17%);color:#fffaf0}.shadow-tab-pips{display:inline-flex;gap:3px;align-items:center}.shadow-tab-pips b{width:6px;height:6px;border-radius:999px;background:radial-gradient(circle at 35% 28%,rgb(255 255 255 / 80%),transparent 26%),#cfb36a;box-shadow:0 0 8px #cfb36a6b}.lens-tab.shadow-locked .shadow-tab-pips{opacity:.34}.lens-tab.shadow-spent-1 .shadow-tab-pips b:nth-child(2),.lens-tab.shadow-spent-all .shadow-tab-pips b{background:#ffffff29;box-shadow:inset 0 1px 2px #00000052}.lens-readout{min-height:62px;padding:2px}.readout-empty,.clear-readout,.shadow-readout{display:flex;align-items:center;gap:12px;min-width:0}.clear-readout>div,.shadow-contract>div{min-width:0}.readout-empty{justify-content:space-between;color:var(--muted)}.readout-empty strong,.clear-readout strong{display:block;color:#fff8ed;overflow-wrap:anywhere}.readout-empty span,.clear-readout span,.readout-caption{color:var(--muted);font-size:.82rem}.readout-caption{margin:8px 0 0;line-height:1.45;overflow-wrap:anywhere}.distance-orb{width:42px;height:42px;border-radius:999px;background:radial-gradient(circle at 32% 28%,rgb(255 255 255 / 56%),transparent 24%),rgb(var(--orb-rgb));box-shadow:0 0 22px rgb(var(--orb-rgb) / 45%);flex:0 0 auto}.prism-readout{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.prism-band{position:relative;height:48px;border-radius:14px 14px 8px 8px;border:1px solid rgb(231 250 255 / 16%);background:linear-gradient(90deg,rgb(255 255 255 / 18%),transparent 18% 78%,rgb(0 0 0 / 16%)),linear-gradient(180deg,#ffffff12,#ffffff05),#07090ca3;box-shadow:inset 0 1px #ffffff1f,inset 0 -12px 18px #0000002e;overflow:hidden;animation:bandJitter 1.4s ease-in-out infinite;animation-delay:var(--delay)}.prism-band:before,.prism-band:after,.prism-band i{position:absolute;content:"";pointer-events:none}.prism-band:before{left:50%;bottom:6px;width:min(42px,calc(100% - 14px));height:34px;border:1px solid rgb(231 250 255 / 14%);border-radius:999px 999px 10px 10px;background:linear-gradient(90deg,rgb(255 255 255 / 15%),transparent 18% 78%,rgb(0 0 0 / 12%)),#ffffff0a;transform:translate(-50%)}.prism-band i{left:50%;top:9px;width:9px;height:26px;border-radius:999px;background:linear-gradient(180deg,rgb(255 255 255 / 34%),transparent);opacity:.36;transform:translate(-16px)}.prism-band.exact{border-color:#7ee8ce7a;box-shadow:inset 0 1px #ffffff24,0 0 18px #7ee8ce38}.prism-band.exact:after{left:50%;top:7px;width:18px;height:35px;border-radius:999px;background:radial-gradient(circle at 50% 14%,#fffbd0,transparent 20%),linear-gradient(180deg,#fff8c9,#7ee8ceeb 68%,#7ee8ce3d);box-shadow:0 0 16px #7ee8ce9e,0 0 34px #7ee8ce47;transform:translate(-50%)}.prism-band.present{border-color:#cfb36a70;box-shadow:inset 0 1px #ffffff1f,0 0 16px #cfb36a29}.prism-band.present:after{left:calc(50% + 8px);top:14px;width:26px;height:26px;border:7px solid rgb(207 179 106 / 78%);border-radius:999px;box-shadow:0 0 14px #cfb36a5c,inset 0 0 8px #ffffff2e;transform:translate(-50%)}.prism-band.absent{opacity:.78}.prism-band.absent:after{left:50%;bottom:8px;width:34px;height:10px;border-radius:999px;background:radial-gradient(ellipse at center,rgb(120 128 138 / 48%),rgb(20 23 28 / 72%) 66%,transparent 72%);box-shadow:inset 0 0 9px #00000085,0 0 12px #00000057;transform:translate(-50%)}.shadow-readout{flex-wrap:wrap;margin-top:8px}.shadow-readout span{min-width:76px;padding:8px 10px;border-radius:6px;border:1px solid var(--line);background:#ffffff0f;text-align:center;font-size:.84rem}.shadow-readout .too-light,.shadow-readout .too-vivid,.shadow-readout .clockwise{border-color:#f2d54b6b}.shadow-readout .too-dark,.shadow-readout .too-muted,.shadow-readout .counterclockwise{border-color:#74a0ff75}.shadow-readout .balanced,.shadow-readout .aligned{border-color:#8ee2ae75}.shadow-contract{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 9px;border:1px solid rgb(207 179 106 / 30%);border-radius:6px;background:linear-gradient(135deg,rgb(207 179 106 / 12%),transparent 58%),#ffffff0a}.shadow-contract.locked{border-color:#ffffff24;background:#ffffff0a}.shadow-contract strong{display:block;color:#fff7e6;font-size:.86rem}.shadow-contract span{color:var(--muted);font-size:.76rem;line-height:1.35}.shadow-charges{display:inline-flex;gap:6px;flex:0 0 auto}.shadow-charges i{width:13px;height:13px;border-radius:999px;background:#ffffff1f;box-shadow:inset 0 1px 2px #00000057}.shadow-charges i.lit{background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 82%),transparent 26%),#cfb36a;box-shadow:0 0 12px #cfb36a6b,inset 0 1px 2px #ffffff29}.attempt-panel{display:grid;grid-template-rows:auto auto auto 1fr auto}.run-summary{margin:-2px 0 10px}.summary-card{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid rgb(207 179 106 / 24%);border-radius:6px;background:linear-gradient(135deg,rgb(207 179 106 / 12%),transparent 52%),#0000002e}.summary-card strong{color:#fff7e6;font-size:.88rem;overflow-wrap:anywhere}.summary-card span{color:var(--muted);font-size:.78rem;line-height:1.42;overflow-wrap:anywhere}.move-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.summary-card .move-plan span{min-width:0;display:grid;justify-items:center;gap:1px;padding:6px 4px;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:#ffffff0d;color:#fff8ed}.move-plan b{font-size:1rem;line-height:1}.move-plan small{color:var(--muted);font-size:.64rem;white-space:nowrap}.move-plan .keep{border-color:#7ee8ce57;background:#7ee8ce14}.move-plan .move{border-color:#cfb36a5c;background:#cfb36a14}.move-plan .drop{border-color:#747e8a4d;background:#747e8a12}.attempt-list{display:grid;align-content:start;gap:8px;overflow:auto;padding-right:2px;scrollbar-color:var(--graphite) transparent}.empty-record{display:grid;gap:8px;padding:18px 2px;color:var(--muted);line-height:1.5}.empty-record span{color:#fff8ed}.attempt-row{display:grid;grid-template-columns:28px 42px 1fr 34px;align-items:center;gap:8px;min-height:50px;border:1px solid var(--line);border-radius:6px;background:linear-gradient(90deg,rgb(var(--attempt-rgb) / 18%),transparent 58%),#101116;cursor:pointer;padding:0 8px;box-shadow:inset 0 1px #ffffff0d;transition:border-color .14s ease,transform .14s ease,background .14s ease}.attempt-art{position:relative;display:block;overflow:hidden;border:1px solid rgb(255 255 255 / 12%);border-radius:6px;background:radial-gradient(circle at 50% 50%,rgb(var(--attempt-rgb, var(--target-rgb)) / 16%),transparent 64%),#ffffff0a}.attempt-art{width:42px;height:34px}.attempt-art svg{position:absolute;inset:7%;width:86%;height:86%}.prism-omens{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.summary-card .prism-omens{margin-top:7px}.prism-omens span{position:relative;min-width:0;height:14px;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;overflow:hidden;background:#ffffff0d;box-shadow:inset 0 1px 1px #0000004d}.prism-omens span:before{position:absolute;inset:2px;border-radius:inherit;content:"";background:radial-gradient(circle at 32% 36%,rgb(255 255 255 / 72%),transparent 24%),rgb(var(--omen-rgb) / 42%);opacity:.72}.prism-omens span i{position:absolute;inset:3px;border-radius:inherit;background:rgb(var(--omen-rgb) / 42%);filter:blur(2px);transform:translate(calc((var(--omen-index) - 2) * 4%))}.prism-omens span.exact{border-color:#8ee2ae7a;box-shadow:inset 0 1px 1px #ffffff24,0 0 16px #8ee2ae2e}.prism-omens span.exact:before{background:linear-gradient(180deg,#ffffffc7,#8ee2aec7);opacity:.92}.prism-omens span.present{border-color:#cfb36a75}.prism-omens span.present:before{background:radial-gradient(ellipse at 70% 50%,transparent 0 32%,rgb(207 179 106 / 82%) 34% 62%,transparent 64%),rgb(var(--omen-rgb) / 34%)}.prism-omens span.absent{border-color:#ffffff1a;opacity:.58}.prism-omens span.absent:before{background:radial-gradient(ellipse at 50% 64%,rgb(255 255 255 / 16%),transparent 48%),#363a40b8}.prism-omens span.veiled{border-color:rgb(var(--omen-rgb) / 24%);opacity:.76}.prism-omens span.veiled:before{background:radial-gradient(circle at 34% 32%,rgb(255 255 255 / 52%),transparent 22%),linear-gradient(90deg,rgb(var(--omen-rgb) / 42%),rgb(var(--omen-rgb) / 16%))}.prism-omens span.law-watch{border-color:#cfb36a52}.prism-omens span.law-watch:after,.prism-omens span.law-match:after{position:absolute;inset:4px;border-radius:inherit;content:"";border:1px solid rgb(207 179 106 / 42%);opacity:.8}.prism-omens span.law-match{border-color:#8ee2ae8a;box-shadow:inset 0 1px 1px #ffffff29,0 0 18px #8ee2ae38}.prism-omens span.law-match:before{background:radial-gradient(circle at 34% 32%,rgb(255 255 255 / 74%),transparent 22%),linear-gradient(90deg,#8ee2ae94,rgb(var(--omen-rgb) / 24%));opacity:.92}.prism-omens span.law-match:after{border-color:#8ee2ae9e}.summary-nudge{margin-top:6px;padding:6px 8px;border:1px solid rgb(var(--attempt-rgb, var(--target-rgb)) / 18%);border-radius:6px;color:#e4d5b2d1;font-size:.72rem;line-height:1.35;background:rgb(var(--attempt-rgb, var(--target-rgb)) / 6%)}.attempt-row:hover,.attempt-row:focus-visible{border-color:rgb(var(--attempt-rgb) / 48%);background:linear-gradient(90deg,rgb(var(--attempt-rgb) / 24%),transparent 62%),#13151b;transform:translateY(-1px)}.attempt-row.selected{border-color:rgb(var(--attempt-rgb) / 62%);box-shadow:inset 0 1px #ffffff14,0 0 0 1px rgb(var(--attempt-rgb) / 18%),0 0 24px rgb(var(--attempt-rgb) / 12%)}.attempt-row.mode-shadow{background:radial-gradient(ellipse at 16% 50%,rgb(var(--attempt-rgb) / 16%),transparent 42%),linear-gradient(90deg,rgb(var(--attempt-rgb) / 8%),transparent 62%),#0c0d11}.attempt-row.mode-shadow .attempt-art{border-color:rgb(var(--attempt-rgb) / 26%);background:radial-gradient(circle at 50% 42%,rgb(var(--attempt-rgb) / 22%),transparent 62%),#ffffff08;filter:saturate(.74) brightness(.82)}.attempt-row.mode-shadow.selected{border-color:rgb(var(--attempt-rgb) / 46%);box-shadow:inset 0 1px #ffffff12,0 0 0 1px rgb(var(--attempt-rgb) / 12%),0 0 28px rgb(var(--attempt-rgb) / 10%)}.attempt-index,.attempt-score{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:radial-gradient(circle at 32% 24%,rgb(255 255 255 / 18%),transparent 32%),#ffffff0d}.attempt-index i,.attempt-score i{display:block;width:10px;height:10px;border-radius:999px;background:#ffffff38;box-shadow:0 0 12px #ffffff1f}.attempt-row.selected .attempt-index i{background:rgb(var(--attempt-rgb));box-shadow:0 0 12px rgb(var(--attempt-rgb) / 58%),0 0 28px rgb(var(--attempt-rgb) / 26%)}.attempt-row.best .attempt-score{border-color:#f2d54b75;box-shadow:0 0 18px #f2d54b29}.attempt-row.grade-s .attempt-score,.attempt-row.grade-a .attempt-score{border-color:#f2d54b8f;box-shadow:0 0 18px #f2d54b3d}.attempt-row.grade-s .attempt-score i,.attempt-row.grade-a .attempt-score i{width:15px;height:15px;background:radial-gradient(circle at 34% 28%,#fff9cd,rgb(242 213 75 / 74%) 58%,transparent 62%);box-shadow:0 0 18px #f2d54b85}.attempt-row.grade-b .attempt-score{border-color:#8ee2ae7a;box-shadow:0 0 16px #8ee2ae2e}.attempt-row.grade-b .attempt-score i{width:13px;height:13px;background:radial-gradient(circle at 34% 28%,#eafff0,rgb(142 226 174 / 74%) 62%,transparent 64%);box-shadow:0 0 14px #8ee2ae61}.attempt-row.grade-c .attempt-score{border-color:#74a0ff57}.attempt-row.grade-c .attempt-score i{width:12px;height:12px;background:radial-gradient(circle at 34% 28%,#eef3ff,rgb(116 160 255 / 58%) 62%,transparent 65%)}.attempt-drops{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.feedback{display:grid;grid-template-areas:"stack";place-items:center;min-width:0;aspect-ratio:1;border-radius:999px;font-style:normal;font-size:.82rem;background:radial-gradient(circle at 32% 24%,rgb(255 255 255 / 38%),transparent 24%),linear-gradient(180deg,rgb(var(--drop-rgb) / 84%),rgb(var(--drop-rgb) / 38%));box-shadow:inset 0 1px 2px #ffffff1f,inset 0 -8px 14px #0000002e;position:relative;overflow:hidden}.feedback-signal{grid-area:stack;width:46%;height:46%;border-radius:999px;background:#ffffff61;box-shadow:0 0 10px #ffffff2e,inset 0 1px 2px #ffffff38;transform:translateZ(0);cursor:copy;transition:transform .13s ease,filter .13s ease}.feedback:hover .feedback-signal,.feedback:focus-visible .feedback-signal{filter:brightness(1.18);transform:scale(1.08)}.feedback.veiled{border:1px solid rgb(235 226 210 / 12%);background:radial-gradient(circle at 34% 24%,rgb(255 255 255 / 18%),transparent 25%),linear-gradient(180deg,#cdc4b729,#24252670);box-shadow:inset 0 1px 2px #ffffff12,inset 0 -8px 14px #00000038}.feedback.veiled .feedback-signal{width:42%;height:42%;background:radial-gradient(circle,rgb(235 226 210 / 18%),rgb(235 226 210 / 4%) 62%,transparent 64%);box-shadow:inset 0 0 0 1px #ebe2d21a;cursor:default}.feedback.color-veiled{border:1px solid rgb(var(--drop-rgb) / 34%);background:radial-gradient(circle at 32% 22%,rgb(255 255 255 / 52%),transparent 24%),radial-gradient(circle at 58% 72%,rgb(var(--drop-rgb) / 46%),transparent 52%),linear-gradient(180deg,rgb(var(--drop-rgb) / 88%),rgb(var(--drop-rgb) / 38%));box-shadow:inset 0 1px 2px #ffffff21,inset 0 -8px 14px #0000002e,0 0 12px rgb(var(--drop-rgb) / 12%)}.feedback.color-veiled .feedback-signal{width:42%;height:42%;background:radial-gradient(circle at 36% 28%,rgb(255 255 255 / 52%),rgb(255 255 255 / 10%) 58%,transparent 62%);box-shadow:inset 0 0 0 1px #ffffff1a,0 0 12px rgb(var(--drop-rgb) / 18%);cursor:default}.feedback.shadow-veiled{border:1px solid rgb(var(--drop-rgb) / 20%);background:radial-gradient(circle at 34% 22%,rgb(255 255 255 / 20%),transparent 25%),radial-gradient(ellipse at 50% 74%,rgb(var(--drop-rgb) / 28%),transparent 58%),linear-gradient(180deg,rgb(var(--drop-rgb) / 28%),#181a1fad);box-shadow:inset 0 1px 2px #ffffff12,inset 0 -8px 14px #0000003d,0 0 10px rgb(var(--drop-rgb) / 8%);filter:saturate(.68) brightness(.84)}.feedback.shadow-veiled .feedback-signal{width:52%;height:28%;background:radial-gradient(ellipse at 50% 50%,rgb(var(--drop-rgb) / 44%),rgb(var(--drop-rgb) / 10%) 62%,transparent 65%);box-shadow:inset 0 0 0 1px #ffffff12,0 0 12px rgb(var(--drop-rgb) / 16%);cursor:default;animation:shadowDropBreath 2.8s ease-in-out infinite;animation-delay:calc(var(--drop-index) * -.26s)}.feedback.exact{border:2px solid var(--ok);color:#eaffef;box-shadow:inset 0 1px 2px #ffffff24,inset 0 -8px 14px #0000002e,0 0 14px #8ee2ae57}.feedback.exact .feedback-signal{width:30%;height:76%;background:linear-gradient(180deg,#fff8ca,#7ee8cef0);box-shadow:0 0 14px #7ee8ce94,0 0 26px #7ee8ce47}.feedback.present{border:2px solid rgb(207 179 106 / 74%);color:#fff0b7;box-shadow:inset 0 1px 2px #ffffff1f,inset 0 -8px 14px #0000002e,0 0 12px #cfb36a33}.feedback.present .feedback-signal{width:52%;height:52%;background:radial-gradient(circle at 70% 50%,transparent 0 34%,rgb(255 236 168 / 96%) 35% 58%,transparent 59%),#cfb36a6b;transform:translate(20%);box-shadow:0 0 12px #cfb36a6b}.feedback.absent{border:1px solid rgb(255 255 255 / 16%);color:#ffffff85;filter:grayscale(.72) brightness(.74)}.feedback.absent .feedback-signal{width:34%;height:34%;background:#1f2227c2;box-shadow:inset 0 0 8px #00000070}.beaker-bands{position:absolute;z-index:3;left:50%;top:18%;bottom:10%;width:min(34%,168px);display:block;pointer-events:none;transform:translate(-50%)}.beaker-band{position:absolute;left:calc(50% + var(--band-x));top:var(--band-y);width:42px;height:42px;border-radius:999px;opacity:.86;filter:blur(.1px);transform:translate(-50%,-50%) scale(.96);animation:echoFloat 2.7s ease-in-out infinite;animation-delay:calc(var(--band-index) * .12s)}.beaker-band i,.beaker-band:before,.beaker-band:after{position:absolute;content:"";pointer-events:none}.bubble-trace{position:absolute;inset:2px;border-radius:inherit;pointer-events:none}.law-echo{position:absolute;left:50%;bottom:8px;z-index:2;width:8px;height:8px;border-radius:999px;background:radial-gradient(circle at 34% 30%,rgb(255 255 255 / 86%),rgb(255 255 255 / 22%) 32%,rgb(var(--bubble-rgb) / 32%) 70%,transparent 72%);box-shadow:inset 0 0 6px #ffffff3d,0 0 10px rgb(var(--bubble-rgb) / 28%);opacity:.56;transform:translate(-50%);animation:targetBubbleRise 3.6s ease-in-out infinite;animation-delay:calc(var(--band-index) * -.34s);pointer-events:none}.law-echo.bubble-split:before,.law-echo.bubble-split:after{position:absolute;content:"";inset:18%;border-radius:inherit;background:inherit;opacity:.58;animation:targetBubbleTwin 3.8s ease-in-out infinite}.law-echo.bubble-split:after{animation-direction:reverse}.bubble-trace b{position:absolute;left:50%;bottom:8px;width:calc(5px + var(--bubble-index) * 1px);height:calc(5px + var(--bubble-index) * 1px);border-radius:999px;background:radial-gradient(circle at 34% 28%,rgb(255 255 255 / 88%),rgb(255 255 255 / 22%) 34%,rgb(var(--bubble-rgb) / 34%) 72%,transparent 74%);box-shadow:0 0 8px rgb(var(--bubble-rgb) / 34%);opacity:.62;transform:translate(-50%);animation-duration:2.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-delay:calc(var(--bubble-index) * -.42s)}.beaker-band.bubble-rise .bubble-trace b{animation-name:traceBubbleRise}.beaker-band.bubble-rise .law-echo{animation-name:targetBubbleRise}.beaker-band.bubble-drift .bubble-trace b{animation-name:traceBubbleDrift}.beaker-band.bubble-drift .law-echo{animation-name:targetBubbleDrift}.beaker-band.bubble-spiral .bubble-trace b{animation-name:traceBubbleSpiral}.beaker-band.bubble-spiral .law-echo{animation-name:targetBubbleSpiral}.beaker-band.bubble-sink .bubble-trace b{bottom:22px;animation-name:traceBubbleSink}.beaker-band.bubble-sink .law-echo{bottom:22px;animation-name:targetBubbleSink}.beaker-band.bubble-split .bubble-trace b{animation-name:traceBubbleSplit}.beaker-band.bubble-split .law-echo{animation-name:targetBubbleSplit}.beaker-band.exact{border:1px solid rgb(142 226 174 / 42%);background:radial-gradient(circle at 50% 18%,rgb(255 255 255 / 42%),transparent 18%),radial-gradient(circle,rgb(142 226 174 / 30%),transparent 68%);box-shadow:0 0 22px #8ee2ae75,inset 0 0 18px #ffffff17}.beaker-band.exact:after{left:50%;top:6px;width:12px;height:31px;border-radius:999px;background:linear-gradient(180deg,#fff8c7,rgb(142 226 174 / 86%) 72%,transparent);box-shadow:0 0 16px #8ee2ae8a;transform:translate(-50%)}.beaker-band.present{border:1px solid rgb(207 179 106 / 36%);background:radial-gradient(circle at 50% 50%,transparent 0 35%,rgb(207 179 106 / 46%) 36% 55%,transparent 56%),radial-gradient(circle,rgb(207 179 106 / 14%),transparent 72%);box-shadow:0 0 18px #cfb36a57,inset 0 0 14px #ffffff12;transform:translate(calc(-50% + 8px),-50%) scale(.92)}.beaker-band.absent{width:30px;height:14px;border:1px solid rgb(255 255 255 / 12%);background:radial-gradient(ellipse at center,rgb(116 126 138 / 24%),rgb(17 19 23 / 44%) 64%,transparent 74%);box-shadow:inset 0 0 8px #00000047,0 0 10px #00000038;opacity:.42}.finish{margin-top:12px;padding:12px;border-radius:6px;display:grid;gap:8px;min-width:0}.finish strong{overflow-wrap:anywhere;line-height:1.18}.finish.solved{background:#8ee2ae21;border:1px solid rgb(142 226 174 / 42%)}.finish.failed{background:#e65a5a21;border:1px solid rgb(230 90 90 / 42%)}.finish span{color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}.finish small{color:var(--brass);font-size:.76rem;overflow-wrap:anywhere}.finish-share{min-height:36px;border:1px solid rgb(255 255 255 / 16%);border-radius:6px;background:linear-gradient(135deg,rgb(var(--target-rgb) / 28%),#cfb36a2e),#0f1012e0;color:#fff9ed;font-weight:800;cursor:pointer}.finish-share:hover,.finish-share:focus-visible{border-color:rgb(var(--target-rgb) / 48%)}.control-deck{position:relative;padding:12px;border-radius:8px;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(360px,1.5fr);gap:12px;align-items:center;border-color:#f5ebd233;background:linear-gradient(180deg,#ffffff17,#ffffff08),linear-gradient(90deg,rgb(207 179 106 / 6%),transparent 18%,rgb(var(--target-rgb) / 6%)),#090a0cc2;box-shadow:0 26px 86px #0000007f,0 0 0 1px #cfb36a0d,0 1px #ffffff1a inset,0 -24px 58px #0000003d inset;contain:layout paint;overflow:hidden}.control-deck:before{position:absolute;top:0;right:10px;left:10px;height:2px;content:"";background:linear-gradient(90deg,transparent,rgb(207 179 106 / 40%),rgb(var(--target-rgb) / 38%),transparent);opacity:.82;pointer-events:none}.control-deck>*{position:relative;z-index:1}.control-primer{grid-column:1 / -1;display:flex;justify-content:space-between;gap:10px;align-items:stretch;margin-bottom:-2px}.mini-target,.turn-meter{min-width:0;border:1px solid rgb(255 255 255 / 11%);border-radius:7px;background:linear-gradient(180deg,#ffffff12,#ffffff05),#00000038}.mini-target{flex:1 1 360px;display:grid;grid-template-columns:46px 1fr;align-items:center;gap:10px;padding:8px 10px}.mini-target-orb{width:42px;height:42px;border-radius:999px;background:radial-gradient(circle at 34% 26%,rgb(255 255 255 / 62%),transparent 25%),radial-gradient(circle at 72% 78%,rgb(0 0 0 / 28%),transparent 38%),rgb(var(--target-rgb));box-shadow:inset 0 0 0 1px #ffffff2e,0 0 24px rgb(var(--target-rgb) / 42%)}.mini-target b,.turn-meter b{display:block;color:#fff8ed;font-size:.84rem}.mini-target small,.turn-meter span{display:block;margin-top:2px;color:var(--muted);font-size:.76rem}.turn-meter{flex:0 0 auto;min-width:138px;padding:8px 12px;text-align:right}.turn-meter small{display:block;max-width:178px;margin-top:2px;color:var(--brass);font-size:.68rem;line-height:1.2}.rule-strip{grid-column:1 / -1;display:grid;grid-template-columns:minmax(230px,2fr) repeat(3,minmax(88px,1fr));gap:7px;margin-bottom:-2px}.rule-strip span{min-width:0;padding:7px 9px;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;background:linear-gradient(180deg,#ffffff14,#ffffff05),#00000038;color:var(--muted);font-size:.78rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-strip b{color:#fff8ed;margin-right:4px}.rule-dot{display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:999px;vertical-align:-2px;background:#ffffff24}.rule-dot.exact{background:linear-gradient(180deg,#fdf8c7,#7ee8ce);box-shadow:0 0 10px #7ee8ce6b}.rule-dot.present{background:radial-gradient(circle at 70% 50%,transparent 0 35%,rgb(207 179 106 / 96%) 36% 58%,transparent 59%),#cfb36a52;box-shadow:0 0 10px #cfb36a42}.rule-dot.absent{background:radial-gradient(circle at center,rgb(255 255 255 / 18%),transparent 56%),#42464edb}.wide-rule{color:#e7e0d3}.harmony-lane{grid-column:1 / -1;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(300px,1fr);gap:8px;align-items:stretch}.harmony-core,.harmony-tones{min-width:0;border:1px solid rgb(255 255 255 / 11%);border-radius:7px;background:linear-gradient(180deg,#ffffff12,#ffffff05),#0003;box-shadow:inset 0 1px #ffffff0d}.harmony-core{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center;padding:7px 9px}.harmony-orb{width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 34% 25%,rgb(255 255 255 / 62%),transparent 24%),radial-gradient(circle at 74% 76%,rgb(0 0 0 / 28%),transparent 38%),rgb(var(--mix-rgb));box-shadow:inset 0 0 0 1px #ffffff29,0 0 22px rgb(var(--mix-rgb) / 36%)}.harmony-core b{display:block;color:#fff8ed;font-size:.78rem}.harmony-core small{display:block;margin-top:2px;color:var(--muted);font-size:.72rem;line-height:1.25}.harmony-tones{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:7px}.harmony-tone{position:relative;min-width:0;min-height:38px;border:1px solid rgb(255 255 255 / 10%);border-radius:6px;display:grid;place-items:center;color:#ffffff94;background:linear-gradient(180deg,#ffffff0d,#ffffff03),#050608b3;overflow:hidden}.harmony-tone:before,.harmony-tone:after{position:absolute;content:"";pointer-events:none;opacity:0}.harmony-tone:before{inset:0;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 18%),transparent),linear-gradient(180deg,rgb(var(--tone-rgb) / 78%),rgb(var(--tone-rgb) / 26%));transform:translateY(12px);transition:opacity .16s ease,transform .16s ease}.harmony-tone:after{left:50%;top:50%;width:58px;height:58px;border:1px solid rgb(var(--tone-rgb) / 42%);border-radius:999px;transform:translate(-50%,-50%) scale(.62);box-shadow:0 0 18px rgb(var(--tone-rgb) / 32%)}.harmony-tone.filled{border-color:rgb(var(--tone-rgb) / 54%);color:#fff}.harmony-tone.filled:before,.harmony-tone.filled:after{opacity:1;transform:translate(-50%,-50%) scale(1)}.harmony-tone.filled:before{transform:translateY(0)}.harmony-tone i{position:relative;z-index:1;font-style:normal;font-size:.82rem;text-shadow:0 1px 3px rgb(0 0 0 / 72%)}.drop-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.drop-slot{--slot-rgb: var(--base-rgb);--drop-rgb: var(--base-rgb);--ghost-rgb: var(--base-rgb);position:relative;min-width:0;height:82px;border:1px solid rgb(231 250 255 / 18%);border-radius:8px;background:radial-gradient(circle at 50% 20%,rgb(255 255 255 / 13%),transparent 28%),linear-gradient(90deg,rgb(255 255 255 / 7%),transparent 22% 78%,rgb(0 0 0 / 12%)),#090a0dbd;display:grid;place-items:center;gap:2px;cursor:pointer;box-shadow:var(--press-shadow);transition:border-color .14s ease,transform .14s ease,background .14s ease;overflow:hidden}.drop-slot:before{position:absolute;top:8px;bottom:8px;left:50%;width:min(52px,calc(100% - 16px));content:"";border:1px solid rgb(231 250 255 / 26%);border-radius:999px 999px 18px 18px;background:linear-gradient(90deg,rgb(255 255 255 / 24%),transparent 17% 78%,rgb(0 0 0 / 18%)),radial-gradient(ellipse at 50% 88%,rgb(var(--slot-rgb) / 26%),transparent 46%),#ffffff0a;box-shadow:inset 0 1px #fff3,inset 10px 0 16px #ffffff0d,inset -10px 0 18px #00000024,0 0 20px rgb(var(--slot-rgb) / 12%);opacity:.72;transform:translate(-50%) translateY(3px) scale(.92);transition:opacity .16s ease,transform .16s ease}.drop-slot:after{position:absolute;left:50%;top:16px;width:16px;height:42px;content:"";border-radius:999px;background:radial-gradient(circle at 50% 8%,rgb(255 255 255 / 54%),transparent 15%),linear-gradient(180deg,rgb(255 255 255 / 28%),transparent);filter:blur(.2px);opacity:.42;transform:translate(-14px);pointer-events:none}.drop-slot:hover,.drop-slot:focus-visible{border-color:var(--line-strong);transform:translateY(-1px)}.slot-echo,.slot-liquid,.slot-drop{position:absolute;z-index:1;pointer-events:none;opacity:0}.slot-echo{left:50%;bottom:12px;width:min(38px,calc(100% - 26px));height:28px;border-radius:999px 999px 13px 13px;background:radial-gradient(circle at 38% 18%,rgb(255 255 255 / 38%),transparent 18%),linear-gradient(180deg,rgb(var(--ghost-rgb) / 42%),rgb(var(--ghost-rgb) / 12%));box-shadow:inset 0 8px 14px #ffffff14,0 0 22px rgb(var(--ghost-rgb) / 22%);transform:translate(-50%) translateY(8px) scale(.8);transition:opacity .16s ease,transform .16s ease}.slot-liquid{left:50%;bottom:10px;width:min(44px,calc(100% - 22px));height:43px;border-radius:999px 999px 16px 16px;background:radial-gradient(circle at 36% 18%,rgb(255 255 255 / 62%),transparent 16%),radial-gradient(circle at 70% 76%,rgb(0 0 0 / 24%),transparent 34%),linear-gradient(180deg,rgb(var(--slot-rgb) / 96%),rgb(var(--slot-rgb) / 48%));box-shadow:inset 0 10px 14px #ffffff24,inset 0 -14px 20px #0000003d,0 0 20px rgb(var(--slot-rgb) / 28%);transform:translate(-50%) translateY(14px) scale(.68);transition:opacity .18s ease,transform .18s ease}.slot-liquid:after{position:absolute;inset:0;content:"";border-radius:inherit;opacity:0;mix-blend-mode:screen;pointer-events:none}.drop-slot.stage-0.filled .slot-liquid:after{opacity:.8;background:radial-gradient(ellipse at 50% 92%,rgb(255 255 255 / 52%),transparent 34%)}.drop-slot.stage-1.filled .slot-liquid{border-radius:70% 999px 18px 14px}.drop-slot.stage-1.filled .slot-liquid:after{opacity:.58;background:linear-gradient(115deg,transparent 0 38%,rgb(255 255 255 / 34%) 42% 50%,transparent 54%),radial-gradient(circle at 72% 36%,rgb(255 255 255 / 24%),transparent 28%)}.drop-slot.stage-2.filled .slot-liquid:after{opacity:.66;background:radial-gradient(ellipse at 50% 34%,rgb(235 255 248 / 44%),transparent 42%),linear-gradient(180deg,rgb(255 255 255 / 18%),transparent 46%)}.drop-slot.stage-3.filled .slot-liquid{background:radial-gradient(circle at 36% 18%,rgb(255 255 255 / 50%),transparent 16%),linear-gradient(180deg,rgb(var(--slot-rgb) / 84%),#0000003d 96%)}.drop-slot.stage-3.filled .slot-liquid:after{opacity:.62;background:radial-gradient(ellipse at 50% 94%,rgb(0 0 0 / 42%),transparent 46%);mix-blend-mode:multiply}.drop-slot.stage-4.filled .slot-liquid:after{opacity:.76;background:radial-gradient(circle at 50% 48%,transparent 0 34%,rgb(255 255 255 / 34%) 37% 45%,transparent 49%),radial-gradient(circle at 50% 48%,rgb(255 255 255 / 22%),transparent 26%)}.slot-drop{top:11px;left:50%;width:13px;height:18px;border-radius:999px 999px 999px 5px;background:radial-gradient(circle at 34% 24%,rgb(255 255 255 / 76%),transparent 19%),rgb(var(--drop-rgb));box-shadow:0 0 14px rgb(var(--drop-rgb) / 62%),0 0 34px rgb(var(--drop-rgb) / 26%);transform:translate(-50%) rotate(42deg) translateY(-3px) scale(.72);transition:opacity .18s ease,transform .18s ease}.drop-slot.selected{border-color:rgb(var(--target-rgb) / 52%);box-shadow:var(--press-shadow),0 0 0 1px rgb(var(--target-rgb) / 26%),0 0 26px rgb(var(--target-rgb) / 16%)}.drop-slot.ghost{border-color:rgb(var(--ghost-rgb) / 24%)}.drop-slot.ghost .slot-echo{opacity:.54;transform:translate(-50%) translateY(0) scale(1)}.drop-slot.ghost.exact .slot-echo{height:48px;background:linear-gradient(180deg,#fff8ca57,rgb(var(--ghost-rgb) / 36%)),radial-gradient(circle at 50% 18%,rgb(255 255 255 / 42%),transparent 18%);box-shadow:0 0 20px #7ee8ce38,0 0 28px rgb(var(--ghost-rgb) / 24%)}.drop-slot.ghost.present .slot-echo{background:radial-gradient(circle at 68% 32%,transparent 0 30%,rgb(207 179 106 / 38%) 31% 56%,transparent 57%),linear-gradient(180deg,rgb(var(--ghost-rgb) / 34%),rgb(var(--ghost-rgb) / 10%));transform:translate(calc(-50% + 6px)) translateY(0) scale(1)}.drop-slot.ghost.absent .slot-echo{height:18px;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgb(var(--ghost-rgb) / 26%),rgb(31 34 39 / 40%) 62%,transparent 66%);filter:grayscale(.7) brightness(.72);box-shadow:inset 0 0 10px #00000047}.drop-slot.ghost.selected .slot-echo{opacity:.82}.drop-slot.filled{background:linear-gradient(180deg,rgb(var(--slot-rgb) / 18%),#ffffff0a),#161820}.drop-slot:disabled{cursor:not-allowed}.drop-slot.locked.filled{border-color:rgb(var(--slot-rgb) / 68%);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px rgb(var(--slot-rgb) / 16%);animation:tubePour .62s cubic-bezier(.18,.76,.16,1) both}.drop-slot.locked.filled:nth-child(1){--tube-tilt: 11deg;animation-delay:0ms}.drop-slot.locked.filled:nth-child(2){--tube-tilt: 6deg;animation-delay:45ms}.drop-slot.locked.filled:nth-child(3){--tube-tilt: 0deg;animation-delay:90ms}.drop-slot.locked.filled:nth-child(4){--tube-tilt: -6deg;animation-delay:135ms}.drop-slot.locked.filled:nth-child(5){--tube-tilt: -11deg;animation-delay:.18s}.drop-slot.filled:before{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.drop-slot.filled .slot-liquid,.drop-slot.filled .slot-drop{opacity:1}.drop-slot.filled .slot-liquid{transform:translate(-50%) translateY(0) scale(1)}.drop-slot.filled .slot-drop{transform:translate(-50%) rotate(42deg) translateY(0) scale(1)}.action-row{display:flex;gap:8px;align-items:center}.icon-command{height:48px;width:48px;border-radius:7px;border:1px solid rgb(255 255 255 / 16%);background:linear-gradient(180deg,#ffffff1a,#ffffff08),#111215e0;display:grid;place-items:center;cursor:pointer;box-shadow:var(--press-shadow);transition:border-color .14s ease,transform .14s ease,filter .14s ease}.icon-command:hover{border-color:rgb(var(--target-rgb) / 42%);transform:translateY(-1px);filter:brightness(1.06)}.icon-command:disabled{opacity:.38;cursor:not-allowed;transform:none;filter:saturate(.35) brightness(.84)}.command-icon{width:25px;height:25px;fill:none;stroke:#dfe8ee;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgb(var(--target-rgb) / 14%))}.mix-progress{flex:1 1 auto;min-width:150px;height:48px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:0 14px;border:1px solid rgb(var(--target-rgb) / 22%);border-radius:7px;appearance:none;color:inherit;cursor:default;background:linear-gradient(135deg,rgb(var(--target-rgb) / 20%),#cfb36a1f),linear-gradient(180deg,rgb(255 255 255 / 7%),transparent),#090b0ddb;box-shadow:inset 0 1px #ffffff14,0 0 24px rgb(var(--target-rgb) / 10%);transition:border-color .16s ease,box-shadow .16s ease,filter .16s ease,transform .16s ease}.mix-progress.is-ready{border-color:rgb(var(--target-rgb) / 54%);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px rgb(var(--target-rgb) / 14%),0 0 36px rgb(var(--target-rgb) / 26%)}.mix-progress strong{color:#fff9ed;font-size:.86rem;letter-spacing:0;white-space:nowrap}.mix-pips,.attempt-pips{display:flex;gap:7px;align-items:center}.mix-pips span,.attempt-pips span{width:11px;height:11px;border-radius:999px;background:#ffffff21;box-shadow:inset 0 1px 2px #00000052}.mix-pips span.filled,.attempt-pips span.used{background:radial-gradient(circle at 32% 26%,rgb(255 255 255 / 82%),transparent 26%),rgb(var(--target-rgb));box-shadow:0 0 12px rgb(var(--target-rgb) / 44%),inset 0 1px 2px #ffffff2e}.mix-pips span.next,.attempt-pips span.next{border:1px solid rgb(var(--target-rgb) / 62%);background:rgb(var(--target-rgb) / 18%)}.attempt-pips{margin:-4px 0 12px}.attempt-pips span.solved{background:radial-gradient(circle at 32% 26%,#fffbd5,transparent 26%),#f2d54b;box-shadow:0 0 15px #f2d54b8a,0 0 28px #f2d54b33}.reagent-tray{display:grid;grid-template-columns:repeat(8,minmax(52px,1fr));gap:7px}.reagent{position:relative;min-width:0;min-height:108px;border:1px solid rgb(var(--reagent-rgb) / 22%);border-radius:8px;background:radial-gradient(ellipse at 50% 82%,rgb(var(--reagent-rgb) / 28%),transparent 44%),linear-gradient(180deg,#ffffff0d,rgb(var(--reagent-rgb) / 5%) 58%,#0000002e),#040507e0;display:grid;grid-template-rows:1fr auto;gap:2px;place-items:center;padding:5px 5px 7px;cursor:pointer;box-shadow:inset 0 1px #ffffff0f,inset 0 -14px 22px #0000002e;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease;overflow:hidden}.reagent:before{position:absolute;left:10%;right:10%;bottom:9px;height:22px;content:"";background:radial-gradient(ellipse at center,rgb(var(--reagent-rgb) / 40%),transparent 70%);filter:blur(4px);opacity:.68;pointer-events:none}.reagent:after{position:absolute;inset:7px;content:"";border:1px solid rgb(var(--reagent-rgb) / 0%);border-radius:6px;pointer-events:none;opacity:0;box-shadow:0 0 rgb(var(--reagent-rgb) / 0%);transition:opacity .16s ease,border-color .16s ease,box-shadow .16s ease}.reagent:hover,.reagent:focus-visible{border-color:rgb(var(--reagent-rgb) / 74%);box-shadow:inset 0 1px #ffffff17,0 0 24px rgb(var(--reagent-rgb) / 22%);transform:translateY(-1px)}.reagent.queued{border-color:rgb(var(--reagent-rgb) / 88%);box-shadow:inset 0 1px #ffffff14,0 0 0 1px rgb(var(--reagent-rgb) / 20%),0 0 28px rgb(var(--reagent-rgb) / 22%)}.reagent.armed{border-color:#fff8cac2;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #fff8ca2e,0 0 34px rgb(var(--reagent-rgb) / 34%)}.reagent.shadow-pull,.reagent.trajectory-pull{border-color:rgb(var(--reagent-rgb) / 58%);box-shadow:inset 0 1px #ffffff14,0 0 22px rgb(var(--reagent-rgb) / var(--pull-alpha))}.reagent.shadow-pull:after,.reagent.trajectory-pull:after{border-color:rgb(var(--reagent-rgb) / var(--pull-glow));opacity:var(--pull-glow);box-shadow:0 0 18px rgb(var(--reagent-rgb) / var(--pull-alpha)),inset 0 0 18px rgb(var(--reagent-rgb) / 10%);animation:shadowPulse 1.9s ease-in-out infinite}.reagent.trajectory-pull:after{background:radial-gradient(circle at 50% 50%,rgb(var(--reagent-rgb) / 16%),transparent 64%)}.reagent.shadow-pull .bottle,.reagent.trajectory-pull .bottle{box-shadow:inset 0 1px #ffffff2e,inset 0 -10px 18px #00000029,0 0 28px rgb(var(--reagent-rgb) / var(--pull-glow))}.reagent.shadow-pull .bottle{animation:shadowBottleDrift 2.7s ease-in-out infinite}.reagent.trajectory-pull .bottle{animation:trajectoryBottleLean 2.2s ease-in-out infinite}.reagent.shadow-pull .bottle:before,.reagent.trajectory-pull .bottle:before{opacity:.78;filter:saturate(1.28) brightness(1.08)}.reagent.shadow-pull em,.reagent.trajectory-pull em{color:#fff6df}.bottle{position:relative;z-index:1;width:min(88%,64px);height:76px;border:0;border-radius:0;display:grid;place-items:center;background:none;box-shadow:0 0 24px rgb(var(--reagent-rgb) / 24%),0 10px 18px #0000003d;overflow:visible;mix-blend-mode:screen;filter:saturate(1.18) contrast(1.08) brightness(1.04)}.bottle img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.bottle:before{position:absolute;inset:13% 14% 12%;z-index:1;content:"";border-radius:42% 42% 18% 18%;background:radial-gradient(circle at 42% 78%,rgb(255 255 255 / 38%),transparent 16%),radial-gradient(circle at 60% 64%,rgb(var(--reagent-rgb) / 24%),transparent 30%);mix-blend-mode:screen;opacity:.58;animation:reagentInnerTide 3.4s ease-in-out infinite}.bottle:after{position:absolute;left:16%;top:16%;z-index:2;width:20%;height:62%;content:"";border-radius:999px 999px 40% 40%;background:linear-gradient(180deg,rgb(255 255 255 / 42%),transparent 76%);filter:blur(.2px);opacity:.76}.vial-liquid{display:none}.bottle i{position:relative;z-index:1;grid-area:1 / 1;font-style:normal;color:#fff;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 36%);border-radius:999px;background:#0000004d;font-size:.72rem;text-shadow:0 1px 2px #000;line-height:1}.reagent em{position:relative;z-index:1;font-size:.69rem;line-height:1.05}.reagent em{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;color:#e5ded3;font-style:normal;text-shadow:0 1px 4px rgb(0 0 0 / 82%)}.status-strip{min-height:46px;border-radius:8px;padding:10px 14px;display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:14px;background:linear-gradient(180deg,#ffffff14,#ffffff05),#08090bc7}.lab-note{color:#ddd7cc;font-size:.9rem;line-height:1.45}.stats{display:flex;gap:10px;color:var(--muted);font-size:.78rem;white-space:nowrap}.stats span{padding:4px 7px;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;background:#ffffff0a}.motion-toggle{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.78rem;white-space:nowrap}.motion-toggle input{accent-color:rgb(var(--target-rgb))}@keyframes targetPulse{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.18) brightness(1.08)}}@keyframes targetTide{0%,to{border-radius:42% 42% 22px 22px;transform:translate(-50%) perspective(520px) rotateX(5deg) rotateY(-4deg) skew(-1deg)}50%{border-radius:48% 38% 24px 20px;transform:translate(-50%) perspective(520px) rotateX(4deg) rotateY(3deg) skew(1.5deg) translateY(-2px)}}@keyframes causticSlide{0%{transform:translate(-12%) translateY(0)}to{transform:translate(12%) translateY(-4%)}}@keyframes liquidOrbit{0%,to{opacity:.55;transform:translate(-50%,-50%) rotate(var(--spin)) scale(.92)}50%{opacity:.9;transform:translate(-50%,-50%) rotate(calc(var(--spin) + 18deg)) scale(1.06)}}@keyframes bubbleDrift{0%,to{transform:translateY(8px) scale(.78)}42%{transform:translate(7px,-18px) scale(1)}74%{transform:translate(-5px,-36px) scale(.86)}}@keyframes targetBubbleRise{0%,to{transform:translateY(10px) scale(.78);opacity:.48}48%{transform:translateY(-34px) scale(1.04);opacity:.78}}@keyframes targetBubbleDrift{0%,to{transform:translate(-10px,2px) scale(.82)}50%{transform:translate(18px,-18px) scale(1)}}@keyframes targetBubbleSpiral{0%,to{transform:translate(-5px,4px) rotate(0) scale(.78)}34%{transform:translate(15px,-13px) rotate(120deg) scale(1.04)}68%{transform:translate(-12px,-28px) rotate(260deg) scale(.88)}}@keyframes targetBubbleSink{0%,to{transform:translateY(-24px) scale(.82);opacity:.62}50%{transform:translateY(18px) scale(1.02,.76);opacity:.46}}@keyframes targetBubbleSplit{0%,to{transform:translateY(4px) scale(.82)}50%{transform:translateY(-24px) scale(1)}}@keyframes targetBubbleTwin{0%,to{transform:translate(-2px) scale(.72)}50%{transform:translate(8px,-10px) scale(.86)}}@keyframes liquidDrift{0%,to{transform:rotate(-3deg) translateZ(0)}50%{transform:rotate(2deg) translate3d(1px,-2px,0)}}@keyframes facetBreath{0%,to{filter:blur(0);opacity:.32}52%{filter:blur(.4px);opacity:.62}}@keyframes surfaceSway{0%,to{border-radius:58% 42% 999px 999px;transform:translate(-50%) rotate(var(--surface-tilt)) translateY(0) scaleX(1)}50%{border-radius:42% 58% 999px 999px;transform:translate(-50%) rotate(var(--surface-tilt-inverse)) translateY(-2px) scaleX(1.04)}}@keyframes surfaceGlint{0%,to{transform:translate(-18%);opacity:.22}50%{transform:translate(18%);opacity:.62}}@keyframes artSurfaceBreathe{0%,to{transform:scaleX(1) translateY(0);opacity:calc(.46 + var(--surface-resonance, 0) * .34)}50%{transform:scaleX(1.06) translateY(-1px);opacity:calc(.62 + var(--surface-resonance, 0) * .3)}}@keyframes artCausticDrift{0%,to{stroke-dashoffset:0;opacity:.14}50%{stroke-dashoffset:-22;opacity:.34}}@keyframes artStreamBloom{0%{opacity:0;stroke-dashoffset:160;filter:blur(2px)}52%{opacity:.46}to{opacity:.34;stroke-dashoffset:0;filter:blur(.6px)}}@keyframes artBloom{0%{opacity:0;transform:scale(.34);transform-origin:center}62%{opacity:.2}to{opacity:.14;transform:scale(1);transform-origin:center}}@keyframes artVeilBloom{0%{opacity:0;transform:scale(.82);transform-origin:center}to{opacity:.12;transform:scale(1);transform-origin:center}}@keyframes artThreadTrace{0%{opacity:0;stroke-dashoffset:92}to{opacity:.42;stroke-dashoffset:0}}@keyframes artStarWake{0%{opacity:0;transform:scale(.24);transform-origin:center}72%{opacity:.84}to{opacity:.66;transform:scale(1);transform-origin:center}}@keyframes artPearlDrift{0%,to{transform:translateY(4px) scale(.82);opacity:.34}48%{transform:translateY(-8px) scale(1.04);opacity:.72}}@keyframes lensDrift{0%,to{transform:translate(-58%) rotate(-2deg)}50%{transform:translate(-42%) rotate(3deg)}}@keyframes bandJitter{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes echoFloat{0%,to{filter:blur(.1px) saturate(1)}50%{filter:blur(.1px) saturate(1.28);margin-top:-5px}}@keyframes traceBubbleRise{0%,to{opacity:.2;transform:translate(-50%,8px) scale(.72)}50%{opacity:.74;transform:translate(-50%,-18px) scale(1)}}@keyframes traceBubbleDrift{0%,to{opacity:.22;transform:translate(-50%,5px) scale(.72)}50%{opacity:.72;transform:translate(calc(-50% + 14px),-8px) scale(.96)}}@keyframes traceBubbleSpiral{0%,to{opacity:.22;transform:translate(calc(-50% - 8px),4px) scale(.72)}50%{opacity:.74;transform:translate(calc(-50% + 10px),-14px) scale(1)}}@keyframes traceBubbleSink{0%,to{opacity:.18;transform:translate(-50%,-8px) scale(.84)}50%{opacity:.58;transform:translate(-50%,12px) scale(1.08,.58)}}@keyframes traceBubbleSplit{0%,to{opacity:.22;transform:translate(calc(-50% - 8px),2px) scale(.7)}50%{opacity:.72;transform:translate(calc(-50% + 8px),-16px) scale(.96)}}@keyframes shadowPulse{0%,to{transform:scale(.98)}50%{transform:scale(1.02)}}@keyframes shadowDropBreath{0%,to{opacity:.46;transform:translateY(2px) scale(.82,.72)}45%{opacity:.82;transform:translateY(-1px) scale(1.08,.92)}}@keyframes shadowBottleDrift{0%,to{transform:translateY(0) rotate(-.6deg)}48%{transform:translateY(-3px) rotate(.8deg)}}@keyframes trajectoryBottleLean{0%,to{transform:translate(0) rotate(0)}44%{transform:translate(2px) rotate(1.6deg)}}@keyframes reagentInnerTide{0%,to{transform:translateY(1px) scaleX(.96);opacity:.42}50%{transform:translateY(-2px) scaleX(1.04);opacity:.72}}@keyframes fallingDrop{0%{opacity:0;transform:rotate(42deg) translateY(-24px) scale(.62)}18%{opacity:1}78%{opacity:1;transform:rotate(42deg) translateY(165px) scale(1)}to{opacity:0;transform:rotate(42deg) translateY(196px) scale(.42)}}@keyframes lawBubbleRise{0%{opacity:0;transform:translate(-50%,22px) scale(.5)}28%{opacity:.86}to{opacity:0;transform:translate(-50%,-82px) scale(1.18)}}@keyframes lawBubbleDrift{0%{opacity:0;transform:translate(-50%,14px) scale(.52)}30%{opacity:.86}to{opacity:0;transform:translate(calc(-50% + var(--bubble-drift)),-48px) scale(.95)}}@keyframes lawBubbleSpiral{0%{opacity:0;transform:translate(-50%,18px) rotate(0) scale(.46)}32%{opacity:.9;transform:translate(calc(-50% - 16px),-12px) rotate(120deg) scale(.92)}70%{opacity:.72;transform:translate(calc(-50% + 18px),-42px) rotate(260deg) scale(1.08)}to{opacity:0;transform:translate(-50%,-72px) rotate(360deg) scale(.82)}}@keyframes lawBubbleSink{0%{opacity:0;transform:translate(-50%,-22px) scale(.76)}32%{opacity:.7}to{opacity:0;transform:translate(-50%,42px) scale(1.18,.42)}}@keyframes lawBubbleSplit{0%{opacity:0;transform:translate(-50%,12px) scale(.45)}30%{opacity:.88}to{opacity:0;transform:translate(-50%,-62px) scale(.74)}}@keyframes reactionBubbleRise{0%{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),18px) scale(.48)}28%{opacity:.88}to{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),-118px) scale(1.18)}}@keyframes reactionBubbleDrift{0%{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),12px) scale(.48)}28%{opacity:.88}to{opacity:0;transform:translate(calc(-50% + var(--bubble-x) + var(--bubble-drift)),-72px) scale(1)}}@keyframes reactionBubbleSpiral{0%{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),16px) rotate(0) scale(.42)}30%{opacity:.9;transform:translate(calc(-50% + var(--bubble-x) - var(--bubble-drift)),-20px) rotate(120deg) scale(.96)}68%{opacity:.72;transform:translate(calc(-50% + var(--bubble-x) + var(--bubble-drift)),-60px) rotate(260deg) scale(1.12)}to{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),-104px) rotate(360deg) scale(.8)}}@keyframes reactionBubbleSink{0%{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),-36px) scale(.72)}34%{opacity:.66}to{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),48px) scale(1.22,.38)}}@keyframes reactionBubbleSplit{0%{opacity:0;transform:translate(calc(-50% + var(--bubble-x)),12px) scale(.44)}30%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--bubble-x) + var(--bubble-drift)),-92px) scale(.76)}}@keyframes reactionRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}20%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}@keyframes harmonySpark{0%{opacity:0;filter:saturate(1.4) blur(0);transform:translate(-50%,-50%) scale(.15)}18%{opacity:1;transform:translate(calc(-50% + var(--spark-x-in)),calc(-50% + var(--spark-y-in))) scale(1.25)}58%{opacity:.9;transform:translate(calc(-50% + var(--spark-x-back)),calc(-50% + var(--spark-y-back))) scale(.82)}to{opacity:0;filter:saturate(1.8) blur(2px);transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) scale(.1)}}@keyframes mergeStream{0%{opacity:0;transform:translate(var(--stream-x)) translateY(-44px) rotate(var(--stream-tilt)) scaleY(.08)}36%{opacity:.62;filter:blur(.9px) saturate(1.45);transform:translate(calc(var(--stream-x) * .48)) translateY(32px) rotate(calc(var(--stream-tilt) * .45)) scaleY(1)}68%{opacity:.72;filter:blur(1.6px) saturate(1.6);transform:translate(calc(var(--stream-x) * .12)) translateY(70px) rotate(0) scaleY(.7)}to{opacity:0;filter:blur(7px) saturate(1.8);transform:translate(0) translateY(92px) rotate(0) scaleY(.08)}}@keyframes mergeStreamFalse{0%{opacity:0;filter:blur(1.8px) saturate(1.1);transform:translate(var(--stream-x)) translateY(-42px) rotate(var(--stream-tilt)) scaleY(.08)}42%{opacity:.68;filter:blur(.8px) saturate(1.9);transform:translate(calc(var(--stream-x) * .22)) translateY(54px) rotate(calc(var(--stream-tilt) * -.25)) scaleY(.96)}to{opacity:0;filter:blur(6px) saturate(.9);transform:translate(calc(var(--stream-x) * -.22)) translateY(86px) rotate(calc(var(--stream-tilt) * -1)) scaleY(.12)}}@keyframes mergeStreamDrift{0%{opacity:0;transform:translate(var(--stream-x)) translateY(-42px) rotate(calc(var(--stream-tilt) - 8deg)) scaleY(.1)}46%{opacity:.68;transform:translate(calc(var(--stream-x) * -.18)) translateY(52px) rotate(calc(var(--stream-tilt) + 18deg)) scaleY(.9)}to{opacity:0;transform:translate(calc(var(--stream-x) * .34)) translateY(94px) rotate(calc(var(--stream-tilt) - 24deg)) scaleY(.1)}}@keyframes mergeStreamSink{0%{opacity:0;transform:translate(var(--stream-x)) translateY(-24px) rotate(var(--stream-tilt)) scaleY(.08)}42%{opacity:.54;transform:translate(calc(var(--stream-x) * .46)) translateY(48px) rotate(calc(var(--stream-tilt) * .2)) scaleY(.7)}to{opacity:0;filter:blur(8px) saturate(.8);transform:translate(calc(var(--stream-x) * .12)) translateY(124px) rotate(0) scaleY(.04)}}@keyframes mergeStreamWild{0%{opacity:0;transform:translate(var(--stream-x)) translateY(-46px) rotate(calc(var(--stream-tilt) * 1.4)) scaleY(.06)}36%{opacity:.64;transform:translate(calc(var(--stream-x) * -.2)) translateY(42px) rotate(calc(var(--stream-tilt) + 28deg)) scaleY(.82)}to{opacity:0;filter:blur(8px) saturate(1.9);transform:translate(calc(var(--stream-x) * .82)) translateY(76px) rotate(calc(var(--stream-tilt) - 46deg)) scaleY(.1)}}@keyframes mergeSurfaceWave{0%{opacity:0;transform:translate(calc(-50% + var(--wave-x)),-50%) scale(.24,.28);filter:blur(0) saturate(1)}32%{opacity:.9}70%{opacity:.64;transform:translate(calc(-50% + var(--wave-x) * .32),-50%) scale(1.06,.9);filter:blur(.4px) saturate(1.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.42,.22);filter:blur(3px) saturate(1.7)}}@keyframes mergeSurfaceFalse{0%{opacity:0;transform:translate(calc(-50% + var(--wave-x)),-50%) scale(.22,.26) rotate(0);filter:blur(0) saturate(1.4)}40%{opacity:.86}to{opacity:0;transform:translate(calc(-50% - var(--wave-x) * .16),-50%) scale(1.28,.2) rotate(-4deg);filter:blur(3px) saturate(.86)}}@keyframes mergeSurfaceWild{0%{opacity:0;transform:translate(calc(-50% + var(--wave-x)),-50%) scale(.2,.22) rotate(-8deg)}36%{opacity:.78;transform:translate(calc(-50% - var(--wave-x) * .28),-50%) scale(.98,.72) rotate(9deg)}to{opacity:0;transform:translate(calc(-50% + var(--wave-x) * .72),-50%) scale(1.62,.14) rotate(-12deg);filter:blur(4px) saturate(1.6)}}@keyframes mergeOrbGather{0%{opacity:0;filter:blur(1px) saturate(1.1);transform:translate(calc(-50% + var(--orb-x)),calc(-50% + var(--orb-y))) scale(.44)}24%{opacity:.92;filter:blur(0) saturate(1.4)}62%{opacity:1;transform:translate(calc(-50% + var(--orb-x) * .18),calc(-50% + var(--orb-y) * .18)) scale(1.18)}to{opacity:0;filter:blur(3px) saturate(2);transform:translate(-50%,-50%) scale(.18)}}@keyframes mergeOrbFalse{0%{opacity:0;transform:translate(calc(-50% + var(--orb-x)),calc(-50% + var(--orb-y))) scale(.42)}30%{opacity:.96;transform:translate(calc(-50% + var(--orb-x) * .2),calc(-50% + var(--orb-y) * .12)) scale(1.22)}to{opacity:0;filter:blur(3px) saturate(.8);transform:translate(calc(-50% - var(--orb-x) * .28),-50%) scale(.12)}}@keyframes mergeOrbOrbit{0%{opacity:0;transform:translate(calc(-50% + var(--orb-x)),calc(-50% + var(--orb-y))) rotate(0) scale(.44)}36%{opacity:.94;transform:translate(calc(-50% + var(--orb-x) * -.18),calc(-50% + var(--orb-y) * .18)) rotate(140deg) scale(1.08)}to{opacity:0;transform:translate(calc(-50% + var(--orb-x) * .16),-50%) rotate(360deg) scale(.16)}}@keyframes mergeOrbSink{0%{opacity:0;transform:translate(calc(-50% + var(--orb-x)),calc(-50% + var(--orb-y) - 18px)) scale(.48)}38%{opacity:.72}to{opacity:0;filter:blur(4px) saturate(.72);transform:translate(calc(-50% + var(--orb-x) * .1),calc(-50% + 82px)) scale(.2,.08)}}@keyframes mergeOrbScatter{0%{opacity:0;transform:translate(calc(-50% + var(--orb-x)),calc(-50% + var(--orb-y))) scale(.4)}34%{opacity:.92;transform:translate(calc(-50% + var(--orb-x) * -.16),calc(-50% + var(--orb-y) * .24)) scale(1.1)}to{opacity:0;filter:blur(4px) saturate(1.8);transform:translate(calc(-50% + var(--orb-x) * 1.2),calc(-50% + var(--orb-y) * -.8)) scale(.08)}}@keyframes completionBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotate(0)}30%{opacity:.82}to{opacity:0;transform:translate(-50%,-50%) scale(2.5) rotate(74deg)}}@keyframes completionFalseBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotate(0)}30%{opacity:.74;filter:blur(9px) saturate(1.9)}to{opacity:0;filter:blur(18px) saturate(.8);transform:translate(-50%,-50%) scale(2.2) rotate(-68deg)}}@keyframes completionSinkBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}34%{opacity:.46}to{opacity:0;transform:translate(-50%,-20%) scale(1.65,.28)}}@keyframes completionWildBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotate(0)}28%{opacity:.7}to{opacity:0;filter:blur(20px) saturate(1.9);transform:translate(-50%,-50%) scale(2.8) rotate(126deg)}}@keyframes completionIris{0%{opacity:0;filter:blur(1px) saturate(1);transform:translate(-50%,-50%) scale(.28,.18)}30%{opacity:.86;filter:blur(0) saturate(1.5);transform:translate(-50%,-50%) scale(1.1,.82)}74%{opacity:.48;transform:translate(-50%,-50%) scale(1.38,.34)}to{opacity:0;filter:blur(3px) saturate(1.8);transform:translate(-50%,-50%) scale(1.62,.12)}}@keyframes completionFalseIris{0%{opacity:0;transform:translate(-50%,-50%) scale(.28,.18) rotate(0)}34%{opacity:.72;transform:translate(-50%,-50%) scale(1.16,.76) rotate(4deg)}to{opacity:0;filter:blur(4px) saturate(.82);transform:translate(-50%,-50%) scale(1.3,.12) rotate(-7deg)}}@keyframes completionSinkIris{0%{opacity:0;transform:translate(-50%,-50%) scale(.24,.14)}36%{opacity:.52;transform:translate(-50%,-50%) scale(1.02,.28)}to{opacity:0;transform:translate(-50%,18%) scale(1.36,.06)}}@keyframes completionWildIris{0%{opacity:0;transform:translate(-50%,-50%) scale(.2,.18) rotate(-8deg)}32%{opacity:.68;transform:translate(-50%,-50%) scale(1.08,.78) rotate(12deg)}to{opacity:0;filter:blur(5px) saturate(1.6);transform:translate(-50%,-50%) scale(1.72,.08) rotate(-18deg)}}@keyframes tubePour{0%{transform:translateY(0) rotate(0) scale(1);filter:saturate(1)}34%{transform:translateY(-4px) rotate(var(--tube-tilt, 0deg)) scale(1.02);filter:saturate(1.32) brightness(1.08)}72%{transform:translateY(3px) rotate(calc(var(--tube-tilt, 0deg) * -.38)) scale(.98);filter:saturate(1.12) brightness(1.02)}to{transform:translateY(0) rotate(0) scale(1);filter:saturate(1)}}@keyframes chamberPulse{0%,to{filter:saturate(1) brightness(1)}28%{filter:saturate(1.38) brightness(1.16)}}@keyframes reactionFlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.54) rotate(0)}28%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(44deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.26) rotate(86deg)}}@keyframes reactionBloom{0%{opacity:0;transform:translate(-50%,-50%) scale(.16);filter:blur(0)}26%{opacity:1;transform:translate(-50%,-50%) scale(1.08);filter:blur(0)}62%{opacity:.9;transform:translate(-50%,-50%) scale(.98)}to{opacity:0;transform:translate(-50%,-50%) scale(1.16);filter:blur(1px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:920px){.app-shell{width:min(100vw - 18px,760px);padding-bottom:14px}.game-grid{grid-template-columns:1fr}.target-panel,.attempt-panel{min-height:auto}.target-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(138px,178px);align-items:center;gap:12px}.target-caption{margin:-2px 0 0}.target-standard{width:100%;height:clamp(188px,30vw,236px);min-height:188px;margin:0;justify-self:end}.target-sample-copy{display:none}.experiment-panel{min-height:420px}.control-deck{grid-template-columns:1fr;align-items:stretch}.control-primer{margin-bottom:-1px}.rule-strip{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(84px,1fr))}.harmony-lane{grid-template-columns:minmax(210px,.8fr) minmax(280px,1fr)}.action-row{justify-content:center}.status-strip{grid-template-columns:1fr}.stats{flex-wrap:wrap;gap:7px}}@media(max-width:560px){.app-shell{width:calc(100vw - 12px);padding-top:8px;gap:8px}.topbar{order:1;min-height:50px;padding:7px 10px;gap:8px}.control-deck{order:3}.game-grid{display:contents}.status-strip{order:6}.experiment-panel{order:2}.target-panel{order:4}.attempt-panel{order:5}.day-chip{font-size:.72rem}.day-chip strong{max-width:116px;font-size:.76rem}.day-chip small{display:none}h1{font-size:1.82rem}.tagline,.target-panel{display:none}.panel-heading{margin-bottom:8px;font-size:.74rem}.target-caption{font-size:.78rem;max-width:34rem}.target-standard{width:min(72vw,260px);height:clamp(210px,72vw,284px);min-height:210px;justify-self:center}.target-glass-rim{bottom:75%}.target-standard:before{inset:7% 13%}.experiment-panel{min-height:auto}.scene-wrap{min-height:228px}.beaker-scene:before{width:min(58%,260px);height:78%;opacity:.74}.beaker-scene:after,.liquid-level-layer{width:min(36%,150px)}.mixture-art-layer{top:17%;width:min(46%,184px);height:67%}.target-dream-layer{top:15%;width:min(60%,224px);height:72%}.control-deck{position:sticky;z-index:12;bottom:5px;padding:7px;gap:7px;border-radius:10px;border-color:#f5ebd247;background:linear-gradient(180deg,#ffffff1f,#ffffff0a),linear-gradient(90deg,rgb(207 179 106 / 10%),transparent 22%,rgb(var(--target-rgb) / 10%)),#08090be0;box-shadow:0 -10px 32px #00000057,0 18px 48px #0000007a,0 0 0 1px rgb(var(--target-rgb) / 8%),0 1px #ffffff1f inset,0 -18px 42px #0000003d inset}.control-primer{display:none}.mini-target{grid-template-columns:36px 1fr;gap:8px;padding:7px 8px}.mini-target-orb{width:34px;height:34px}.turn-meter{display:none}.mini-target b,.turn-meter b{font-size:.76rem}.mini-target small,.turn-meter span{font-size:.68rem}.rule-strip,.harmony-lane{display:none}.harmony-tones{min-height:28px;padding:5px;gap:4px;border-radius:6px;background:linear-gradient(90deg,rgb(var(--harmony-0) / 10%),rgb(var(--harmony-1) / 9%),rgb(var(--harmony-2) / 10%),rgb(var(--harmony-3) / 9%),rgb(var(--harmony-4) / 10%)),#0000003d}.harmony-tone{min-height:20px;border-radius:999px}.harmony-tone:after{width:38px;height:38px}.lens-panel{padding:7px 8px}.lens-tabs{gap:5px;margin-bottom:6px}.lens-tab{min-height:29px}.lens-readout{min-height:42px}.readout-empty span,.clear-readout span,.readout-caption{font-size:.72rem;line-height:1.32}.readout-empty strong,.clear-readout strong{font-size:.92rem}.prism-readout{gap:5px}.prism-band{height:34px}.shadow-readout{gap:5px}.shadow-readout span{min-width:0;padding:6px 7px;font-size:.72rem}.drop-slots{gap:5px}.drop-slot{height:54px}.drop-slot:before{top:7px;bottom:7px;width:min(42px,calc(100% - 14px))}.slot-liquid{width:min(32px,calc(100% - 16px));height:31px;bottom:8px}.slot-echo{width:min(32px,calc(100% - 20px));height:24px;bottom:10px}.slot-drop{top:8px;width:11px;height:15px}.share-command{display:none}.mix-progress{height:42px;min-width:0;grid-template-columns:1fr;gap:3px;justify-items:center;padding:5px 8px}.mix-progress strong{font-size:.78rem;line-height:1.05}.mix-pips{gap:5px}.reagent-tray{grid-template-columns:repeat(4,1fr);gap:5px}.reagent{min-height:88px;padding:4px 4px 5px}.bottle{width:min(88%,56px);height:62px}.reagent em{font-size:.6rem}.status-strip{padding:9px 10px;gap:8px}.lab-note{font-size:.84rem;line-height:1.5}}@media(max-width:360px),(max-height:620px){.app-shell{width:calc(100vw - 8px);padding-top:5px;gap:6px}.control-deck{position:relative;bottom:auto}.topbar{min-height:44px;padding:6px 9px}.eyebrow{display:none}h1{font-size:1.58rem}.day-chip span{font-size:.96rem}.day-chip strong{font-size:.78rem}.target-standard{width:min(66vw,218px);height:198px;min-height:198px}.target-caption{font-size:.72rem}.scene-wrap{min-height:194px}.lens-readout{min-height:30px}.readout-empty{min-height:26px}.readout-empty span{display:none}.readout-empty strong{font-size:.86rem}.clear-readout .distance-orb{width:34px;height:34px}.clear-readout span,.readout-caption{display:none}.drop-slot{height:50px}.mix-progress{height:40px}.mix-progress strong{font-size:.72rem}.reagent{min-height:82px}.bottle{width:min(88%,50px);height:56px}}