.syn-ui{--syn-line: #22e6ff;--syn-glow: #2a6bff;--syn-accent: #7dfff0;--syn-hot: #ffffff;position:absolute;inset:0;pointer-events:none;overflow:hidden;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;color:var(--syn-hot);text-shadow:0 0 12px var(--syn-line);user-select:none}.syn-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:16px;right:16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px}.syn-stat{display:flex;flex-direction:column;gap:2px}.syn-stat-right{align-items:flex-end}.syn-label{font-size:10px;letter-spacing:.3em;opacity:.6}.syn-value{font-size:clamp(18px,3.2vw,28px);font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums}.syn-area{display:flex;flex-direction:column;align-items:center;gap:6px}.syn-area-name{font-size:11px;letter-spacing:.32em;opacity:.85;white-space:nowrap}.syn-progress,.syn-boss-bar{width:clamp(120px,26vw,260px);height:3px;background:color-mix(in srgb,var(--syn-line) 22%,transparent);overflow:hidden}.syn-progress i,.syn-boss-bar i{display:block;height:100%;background:var(--syn-line);box-shadow:0 0 10px var(--syn-line);transform:scaleX(0);transform-origin:left}.syn-boss{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 56px);left:50%;translate:-50% 0;display:none;flex-direction:column;align-items:center;gap:6px}.syn-boss.on{display:flex}.syn-boss-name{font-size:12px;letter-spacing:.5em;padding-left:.5em}.syn-boss-bar{width:clamp(180px,40vw,420px);height:4px}.syn-boss-bar i{background:var(--syn-hot);box-shadow:0 0 12px var(--syn-accent)}.syn-form{position:absolute;left:18px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;gap:8px}.syn-form span{width:22px;height:22px;border:1.5px solid color-mix(in srgb,var(--syn-line) 55%,transparent);transform:rotate(45deg) scale(.8);transition:background .2s,box-shadow .2s,transform .2s}.syn-form span.on{background:var(--syn-line);box-shadow:0 0 14px var(--syn-line);transform:rotate(45deg) scale(1)}.syn-ui.danger .syn-form span:first-child{border-color:#ff3a4a;box-shadow:0 0 14px #ff3a4a;animation:syn-blink .5s steps(2) infinite}.syn-reticle{position:absolute;left:0;top:0;width:0;height:0;will-change:transform}.syn-reticle b{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border:1.5px solid var(--syn-hot);border-radius:50%;box-shadow:0 0 12px var(--syn-line),inset 0 0 12px var(--syn-line);transition:transform .14s ease-out,border-radius .14s ease-out,border-color .14s}.syn-reticle.hold b{transform:scale(1.5) rotate(45deg);border-radius:6px;border-color:var(--syn-accent)}.syn-locks,.syn-tether{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.syn-tether path{fill:none;stroke:var(--syn-accent);stroke-width:1.5;stroke-dasharray:3 7;opacity:.85;filter:drop-shadow(0 0 5px var(--syn-accent));animation:syn-tether .5s linear infinite}@keyframes syn-tether{to{stroke-dashoffset:-20}}.syn-lock{--s: 90px;position:absolute;left:0;top:0;display:none;will-change:transform}.syn-lock svg{position:absolute;left:calc(var(--s) / -2);top:calc(var(--s) / -2);width:var(--s);height:var(--s);overflow:visible;mix-blend-mode:screen;filter:drop-shadow(0 0 3px var(--syn-hot)) drop-shadow(0 0 10px var(--syn-accent));animation:syn-bracket .5s ease-in-out infinite}.syn-lock polygon{fill:color-mix(in srgb,var(--syn-accent) 9%,transparent);stroke:var(--syn-hot);stroke-width:3;stroke-linejoin:round;vector-effect:non-scaling-stroke}.syn-lock b{position:absolute;left:0;top:0;translate:-50% -50%;font-size:calc(var(--s) * .4);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px var(--syn-hot);text-shadow:0 0 8px var(--syn-accent);white-space:nowrap}.syn-lock.snap{animation:syn-snap .22s cubic-bezier(.2,1.6,.4,1)}.syn-lock.fired polygon{stroke:var(--syn-accent);stroke-dasharray:10 8;fill:none}.syn-lock.fired svg{animation:syn-fired .28s ease-in infinite}.syn-lock.fired b{opacity:.6}@keyframes syn-snap{0%{scale:2.6;opacity:0}to{scale:1;opacity:1}}@keyframes syn-bracket{50%{scale:.92}}@keyframes syn-fired{50%{opacity:.35}}@keyframes syn-blink{50%{opacity:.2}}.syn-callout{position:absolute;left:50%;top:26%;translate:-50% 0;font-size:clamp(22px,5vw,44px);font-weight:800;letter-spacing:.3em;padding-left:.3em;opacity:0;white-space:nowrap}.syn-callout.pop{animation:syn-pop 1.3s ease-out forwards}@keyframes syn-pop{0%{opacity:0;transform:scale(1.35)}12%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.syn-flash{position:absolute;inset:0;background:var(--syn-accent);opacity:0;mix-blend-mode:screen}.syn-card{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .6s;text-align:center}.syn-card.on{opacity:1}.syn-card-kicker{font-size:12px;letter-spacing:.6em;padding-left:.6em;opacity:.75}.syn-card-title{font-size:clamp(34px,9vw,92px);font-weight:800;letter-spacing:.22em;padding-left:.22em}.syn-card-sub{font-size:13px;letter-spacing:.4em;padding-left:.4em;opacity:.7;text-transform:uppercase}.syn-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0208148c,#000000eb);pointer-events:auto;cursor:default}.syn-overlay.on{display:flex}.syn-panel{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px;text-align:center;max-width:560px}.syn-title{margin:0;font-size:clamp(38px,10vw,84px);font-weight:800;letter-spacing:.24em;padding-left:.24em;color:#fff;text-shadow:0 0 24px var(--syn-line),0 0 60px var(--syn-glow)}.syn-title.small{font-size:clamp(28px,7vw,52px)}.syn-tagline{margin:0;font-size:13px;letter-spacing:.32em;text-transform:uppercase;opacity:.8}.syn-howto{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;letter-spacing:.06em;opacity:.85}.syn-howto b{color:var(--syn-accent);letter-spacing:.2em}.syn-btn{pointer-events:auto;cursor:pointer;font:inherit;font-size:15px;font-weight:700;letter-spacing:.4em;padding:14px 34px 14px 38px;color:var(--syn-hot);background:transparent;border:1.5px solid var(--syn-line);box-shadow:0 0 18px color-mix(in srgb,var(--syn-line) 60%,transparent),inset 0 0 18px color-mix(in srgb,var(--syn-line) 25%,transparent);text-shadow:0 0 10px var(--syn-line);transition:background .15s,transform .15s}.syn-btn:hover{background:color-mix(in srgb,var(--syn-line) 25%,transparent);transform:scale(1.04)}.syn-btn:focus-visible{outline:2px solid var(--syn-hot);outline-offset:4px}.syn-fine{margin:0;font-size:10px;letter-spacing:.18em;opacity:.5}@media(max-width:640px){.syn-top{left:10px;right:10px;gap:6px}.syn-area-name{letter-spacing:.16em;font-size:10px}.syn-form span{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.syn-lock svg,.syn-lock.snap,.syn-tether path,.syn-callout.pop,.syn-ui.danger .syn-form span:first-child{animation:none}.syn-callout.pop{opacity:1}}.syn-mix{display:none;position:absolute;right:12px;bottom:12px;width:min(300px,calc(100vw - 24px));padding:10px 12px;background:#040814db;border:1px solid color-mix(in srgb,var(--syn-line) 45%,transparent);font-size:11px;letter-spacing:.04em;text-shadow:none;pointer-events:auto;user-select:none}.syn-mix.on{display:block}.syn-mix-head{display:flex;justify-content:space-between;margin-bottom:6px;opacity:.85}.syn-mix-head span{opacity:.55}.syn-mix-row{display:grid;grid-template-columns:minmax(0,1fr) 84px 34px 22px;align-items:center;gap:6px;padding:2px 0}.syn-mix-row label{display:flex;align-items:center;gap:6px;white-space:nowrap}.syn-mix-row input[type=range]{width:100%;accent-color:var(--syn-line)}.syn-mix-row em{font-style:normal;opacity:.6;text-align:right;font-variant-numeric:tabular-nums}.syn-mix button{font:inherit;color:inherit;background:transparent;border:1px solid color-mix(in srgb,var(--syn-line) 45%,transparent);padding:0 4px;cursor:pointer}.syn-mix button:hover{background:color-mix(in srgb,var(--syn-line) 25%,transparent)}.syn-mix-foot{display:flex;gap:6px;margin-top:8px}.syn-page[data-astro-cid-5xpyvbu5]{position:relative;flex:1;width:100%;height:100%;display:flex;overflow:hidden;cursor:none}