.fx{background:radial-gradient(ellipse 70% 55% at 50% 58%, #1c242d 0%, #1c242d00 70%), var(--deep);position:fixed;inset:0;overflow:hidden}.fx__stage{touch-action:none;cursor:grab;outline:none;position:absolute;inset:0}.fx__stage:active{cursor:grabbing}.fx__stage:focus-visible{box-shadow:inset 0 0 0 2px var(--amber)}.fx__canvas,.fx__poster{width:100%;height:100%;display:block;position:absolute;inset:0}.fx__poster{object-fit:cover;transition:opacity var(--t-panel) var(--ease)}.fx[data-state=ready] .fx__poster{opacity:0;pointer-events:none}.fx__canvas{opacity:0;transition:opacity var(--t-panel) var(--ease)}.fx[data-state=ready] .fx__canvas{opacity:1}.fx__loader{grid-template-columns:repeat(3,10px);gap:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fx__loader span{background:var(--amber);opacity:.15;width:10px;height:10px;animation:fx-pixel 1.2s var(--ease) infinite;animation-delay:calc(var(--i) * 90ms)}@keyframes fx-pixel{40%{opacity:1}}.fx[data-state=ready] .fx__loader,.fx[data-state=static] .fx__loader,html:not(.js) .fx__loader{display:none}.fx__hint{color:var(--text-dim);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--t-panel) var(--ease);position:absolute;bottom:112px;left:50%;transform:translate(-50%)}.fx[data-state=ready] .fx__hint{opacity:1}.fx[data-state=ready] .fx__hint.is-gone{opacity:0}.fx__info{top:calc(84px + var(--safe-t));left:calc(var(--s4) + var(--safe-l));z-index:var(--z-ui);flex-direction:column;align-items:flex-start;gap:6px;max-width:300px;display:flex;position:absolute}.fx__kicker{margin-top:var(--s1);color:var(--amber)}.fx__title{letter-spacing:-.025em;font-size:clamp(28px,3.2vw,40px);font-weight:800;line-height:1.05}.fx__dims{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.fx__note{color:var(--text-dim);font-size:13px}.fx__cta{margin-top:var(--s2);color:var(--text-dim);flex-direction:column;gap:2px;font-size:14px;display:flex}.fx__cta a{color:var(--amber);align-items:center;min-height:32px;font-weight:700;text-decoration:none;display:inline-flex}.fx__cta a:hover{color:var(--text)}.fx__back{margin-top:var(--s1);color:var(--text-dim);align-items:center;min-height:44px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.fx__back:hover{color:var(--amber)}.fx__bar{left:50%;bottom:calc(var(--s3) + var(--safe-b));z-index:var(--z-ui);align-items:center;gap:var(--s1);padding:6px;display:none;position:absolute;transform:translate(-50%)}.js .fx__bar{display:flex}.fx__bar button{align-items:center;gap:var(--s1);min-height:44px;padding:0 var(--s2);letter-spacing:.04em;transition:background-color var(--t-fast), color var(--t-fast), border-color var(--t-fast);border-radius:2px;font-size:13px;font-weight:700;display:inline-flex}.fx__open{background:var(--amber);color:var(--on-amber);justify-content:center;min-width:112px}.fx__open:hover{background:var(--text)}.fx__ar{border:1px solid var(--glass-border)}.fx__ar:hover,.fx__icon:hover{color:var(--amber);border-color:var(--amber)}.fx__bar .fx__icon{border:1px solid var(--glass-border);justify-content:center;width:44px;padding:0}.fx__finishes{align-items:center;gap:var(--s1);padding:0 var(--s1);border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);margin:0;display:flex}.fx__finishes legend{float:left;margin-right:var(--s1);color:var(--text-dim);flex-direction:column;font-size:10px;display:flex}.fx__finish-name{color:var(--text);letter-spacing:.02em;text-transform:none;min-width:9.5em;font-size:12px}.fx__swatches{display:flex}.fx__swatch{cursor:pointer;place-items:center;width:40px;height:44px;display:grid;position:relative}.fx__swatch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.fx__chip{background:var(--c);width:26px;height:26px;transition:transform var(--t-fast) var(--ease);border-radius:2px;box-shadow:inset 0 0 0 1px #edeff12e}.fx__swatch:hover .fx__chip{transform:scale(1.1)}.fx__swatch input:checked+.fx__chip,.fx__swatch.is-on .fx__chip{box-shadow:inset 0 0 0 1px #edeff12e, 0 0 0 2px var(--deep), 0 0 0 4px var(--amber)}.fx__swatch input:focus-visible+.fx__chip{outline:2px solid var(--amber);outline-offset:5px}.fx[data-state=static] .fx__open,.fx[data-state=static] .fx__ar,.fx[data-state=static] .fx__icon,.fx[data-state=static] .fx__hint{display:none}.fx[data-state=static] .fx__stage{cursor:default}.fx[data-state=loading] .fx__open,.fx[data-state=loading] .fx__ar,.fx[data-state=loading] .fx__icon{opacity:.4;pointer-events:none}.fx__msg{left:50%;bottom:calc(96px + var(--safe-b));z-index:var(--z-ui);text-align:center;max-width:min(420px,100vw - 32px);color:var(--text);font-size:14px;position:absolute;transform:translate(-50%)}.fx__msg:not(:empty){padding:var(--s1) var(--s2);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);backdrop-filter:blur(var(--blur))}.fx-ar{padding:calc(var(--s3) + var(--safe-t)) var(--s2) calc(var(--s4) + var(--safe-b));pointer-events:none;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.fx-ar[hidden]{display:none}.fx-ar__tip{padding:var(--s1) var(--s2);background:var(--glass);border-radius:var(--radius);color:var(--text);font-size:15px}.fx-ar__exit{pointer-events:auto}@media (width<=767px){.fx__info{top:calc(68px + var(--safe-t));left:calc(var(--s2) + var(--safe-l));gap:2px}.fx__info .rule,.fx__note,.fx__cta{display:none}.fx__back{min-height:36px;margin-top:0}.fx__bar{left:calc(var(--s2) + var(--safe-l));right:calc(80px + var(--safe-r));bottom:calc(var(--s2) + var(--safe-b));justify-content:space-between;gap:4px;transform:none}.fx__bar button{padding:0 var(--s1)}.fx__open{min-width:0}.fx__finishes{padding:0 2px}.fx__finishes legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.fx__swatch{width:34px}.fx__ar span,.fx__open span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.fx__bar .fx__ar,.fx__open{justify-content:center;width:44px;padding:0}.fx__hint{bottom:calc(84px + var(--safe-b))}.fx__msg{bottom:calc(80px + var(--safe-b))}}
