@font-face{font-family:Avengeance;src:url(/fonts/avengeance.ttf) format("truetype");font-display:swap}@font-face{font-family:Comback;src:url(/fonts/comback.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body{margin:0;background:#010611;color:#d7ecff;font-family:Comback,Arial,sans-serif}.topnote{text-align:center;background:#122237;color:#ffc466;border-bottom:1px solid #396080;padding:9px;font-size:12px;letter-spacing:1px}.viewport{width:100%;max-width:1536px;margin:0 auto;position:relative;aspect-ratio:1536/1024;overflow:hidden;box-shadow:0 0 30px #003d7c}.stage{position:absolute;width:1536px;height:1024px;left:0;top:0;transform-origin:top left}.reference{width:1536px;height:1024px;position:absolute;top:0;right:0;bottom:0;left:0}.effects{position:absolute;top:0;right:0;bottom:0;left:0;width:1536px;height:1024px;pointer-events:none}.hotspot{position:absolute;border:0;background:transparent;cursor:pointer;z-index:4;border-radius:25px}.hotspot:hover{outline:2px solid rgba(255,255,255,.65);background:#00bcff1f}.hotspot:focus-visible{outline:3px solid #fff}.font-heading{font-family:Avengeance,Impact,sans-serif}.font-body{font-family:Comback,Arial,sans-serif}.heading-sample{position:absolute;left:125px;top:10px;width:306px;height:33px;background:#020917;color:#f0f5ff;font-size:25px;letter-spacing:1px;z-index:2;padding-left:4px;text-shadow:0 0 4px #39aaff}.body-sample{position:absolute;left:128px;top:44px;width:420px;height:19px;background:#020916;color:#91d9ff;font-size:13px;z-index:2;white-space:nowrap}.demo-state{position:absolute;z-index:3;color:#a4eaff;background:#061a2de8;padding:2px 5px;font-size:10px;white-space:nowrap}.selected-label{position:absolute;z-index:3;top:555px;left:625px;background:#04152cdd;border:1px solid #149ce0;border-radius:5px;padding:3px 8px;font-size:11px;color:#53ffbd}.details{max-width:1536px;margin:12px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 10px 20px}.details>div{border:1px solid #17609a;border-radius:10px;padding:14px;background:#071a2d}.details strong{font-family:Avengeance,Impact;font-size:17px;color:#53cfff}.details p{line-height:1.5;color:#a5cce9}.details .avengeance{font-family:Avengeance,Impact;font-size:20px;color:#f3aaff}.details .comback{font-family:Comback,Arial;font-size:17px;color:#ffca6d}.modal-cover{position:fixed;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;z-index:10}.dialog{border:1px solid #00aaff;border-radius:12px;background:#071b30;padding:30px;width:min(90vw,440px)}.dialog h2{font-family:Avengeance,Impact}.dialog button{background:#063963;border:1px solid #00baff;color:#fff;padding:10px 24px;cursor:pointer}@media(max-width:850px){.details{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.effects{display:none}}.heading-sample{left:126px;top:7px;width:312px;height:34px;background:#020714;font-size:27px;line-height:33px;color:#f1f4ff;letter-spacing:1.2px}.body-sample{left:127px;top:42px;width:427px;height:20px;background:#020714;font-size:13px;line-height:19px;color:#9ddcff}.selected-label{color:#5dffc2;font-family:Comback,Arial,sans-serif}.demo-state{font-family:Comback,Arial,sans-serif}.backend-status{background:#071a2b;color:#e5f8ff;padding:14px 20px;display:flex;flex-direction:column;gap:6px;border-top:2px solid #0ab8ff;font:14px system-ui,sans-serif}.backend-status strong{color:#63dcff}.backend-status span:last-child{color:#ffc66d}.control-feedback{background:#09182b;border-top:2px solid #15b9f4;color:#e6f5ff;padding:12px 20px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;font:13px system-ui,sans-serif}.control-feedback strong{color:#5edcff}.control-feedback button{background:#063a65;color:#fff;border:1px solid #2eafff;border-radius:6px;padding:7px 12px;cursor:pointer}.control-feedback span{max-width:650px}