:root{color-scheme:dark;--sq-primary: #6248ff;--sq-primary-hover: #4f36e8;--sq-bg: rgba(10, 12, 24, .72);--sq-panel: rgba(18, 20, 36, .94);--sq-text: #f5f5f7;--sq-muted: #b8bdd6}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0a0c18;color:var(--sq-text)}#app{position:relative;width:100%;height:100%}#app canvas{display:block;width:100%;height:100%}.sq-start{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(98,72,255,.35),transparent 45%),radial-gradient(circle at 80% 70%,rgba(19,110,245,.25),transparent 40%),linear-gradient(160deg,#0b1024,#151933);z-index:20}.sq-start__card{width:min(520px,100%);padding:28px 28px 24px;border-radius:20px;background:var(--sq-panel);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #00000073}.sq-start__badge{margin:0 0 10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#a89cff;font-weight:700}.sq-start__title{margin:0 0 12px;font-size:clamp(1.6rem,4vw,2rem);line-height:1.15}.sq-start__desc{margin:0 0 20px;color:var(--sq-muted);line-height:1.55}.sq-start__desc kbd{display:inline-block;padding:.1em .45em;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:.92em}.sq-start__play{width:100%}.sq-start__loading{margin:12px 0 0;color:#a89cff;font-size:.88rem;text-align:center}.sq-start__play:disabled{opacity:.55;cursor:wait}.sq-start__skip{display:inline-block;margin-top:14px;color:var(--sq-muted);font-size:.92rem;text-decoration:none}.sq-start__skip:hover{color:#fff}.sq-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.78rem 1.25rem;font:inherit;font-weight:650;cursor:pointer;transition:transform .15s ease,background .15s ease}.sq-btn:active{transform:scale(.98)}.sq-btn--primary{background:var(--sq-primary);color:#fff}.sq-btn--primary:hover{background:var(--sq-primary-hover)}.sq-btn--ghost{background:#ffffff14;color:var(--sq-text)}.sq-btn--ghost:hover{background:#ffffff24}.sq-hud{position:absolute;left:16px;bottom:16px;z-index:8;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.sq-hud__pill{padding:.45rem .8rem;border-radius:999px;background:var(--sq-bg);border:1px solid rgba(255,255,255,.1);font-size:.82rem;color:var(--sq-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sq-hud__hint{color:#fff;border-color:#a89cff73;background:#6248ff47}.sq-crosshair{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;z-index:6}.sq-crosshair span{position:absolute;background:#ffffffd9;border-radius:1px}.sq-crosshair span:first-child{width:14px;height:2px}.sq-crosshair span:last-child{width:2px;height:14px}.sq-popup[hidden],.sq-start[hidden],.sq-pause[hidden],.sq-hud[hidden],.sq-crosshair[hidden]{display:none!important}.sq-pause{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;place-items:center;padding:24px;background:#0608126b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.sq-pause__card{width:min(420px,100%);padding:24px 24px 20px;border-radius:18px;background:#121424e0;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 60px #00000059;text-align:center}.sq-pause__badge{margin:0 0 8px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#a89cff;font-weight:700}.sq-pause__title{margin:0 0 10px;font-size:1.5rem}.sq-pause__desc{margin:0 0 18px;color:var(--sq-muted);line-height:1.5}.sq-pause__resume{width:100%}.sq-pause__hint{margin:14px 0 0;color:var(--sq-muted);font-size:.88rem}.sq-pause__hint kbd{display:inline-block;padding:.1em .45em;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:.92em}.sq-popup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:20px}.sq-popup__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0406109e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sq-popup__panel{position:relative;width:min(420px,100%);padding:24px;border-radius:18px;background:var(--sq-panel);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.sq-popup__eyebrow{margin:0 0 6px;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#a89cff}.sq-popup__title{margin:0 0 10px;font-size:1.65rem}.sq-popup__text{margin:0 0 18px;color:var(--sq-muted);line-height:1.5}.sq-popup__actions{display:grid;gap:10px}.sq-mobile{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;pointer-events:none}.sq-mobile__stick-zone{position:absolute;left:16px;bottom:20px;width:130px;height:130px;pointer-events:auto;touch-action:none}.sq-mobile__stick-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0a0c1873;border:2px solid rgba(255,255,255,.18)}.sq-mobile__stick-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;background:#6248ffd9;border:2px solid rgba(255,255,255,.35);box-shadow:0 4px 16px #00000059}.sq-mobile__look-zone{position:absolute;right:0;top:0;width:55%;bottom:0;pointer-events:auto;touch-action:none}.sq-mobile__interact{position:absolute;right:18px;bottom:28px;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.85rem 1.35rem;font:inherit;font-weight:700;background:var(--sq-primary);color:#fff;box-shadow:0 8px 24px #6248ff73}.sq-mobile__interact[hidden]{display:none!important}