.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hq-game{--hq-night:#1b1426;--hq-ink:#2a1d2e;--hq-cream:#fffaf0;background:var(--hq-night);overscroll-behavior:none;height:100dvh;position:fixed;inset:0;overflow:hidden}.hq-game canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.hq-hud{padding:max(12px, env(safe-area-inset-top)) 12px 12px;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.hq-hud>*{pointer-events:auto}.hq-badge{color:var(--hq-cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1b1426d1;border-radius:14px;align-items:center;gap:10px;padding:8px 14px 8px 10px;text-decoration:none;transition:background .2s;display:flex;box-shadow:0 6px 20px #00000040}.hq-badge:hover{background:#1b1426f2}.hq-badge:focus-visible{outline:2px solid var(--you);outline-offset:2px}.hq-badge-mark{background:var(--you);border-radius:9px;place-items:center;width:28px;height:28px;font-weight:700;display:grid}.hq-badge b{font-size:var(--t-md);line-height:1.1;display:block}.hq-badge small{font-size:var(--t-xs);opacity:.7;display:block}.hq-hud-actions{gap:8px;display:flex}.hq-hud-btn{font:600 var(--t-sm)/1 var(--font-sans), sans-serif;cursor:pointer;height:40px;color:var(--hq-cream);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s var(--ease), background .2s;background:#1b1426d1;border:0;border-radius:12px;padding:0 14px;box-shadow:0 6px 20px #00000040}.hq-hud-btn:hover{background:#1b1426f2}.hq-hud-btn:active{transform:scale(.97)}.hq-hud-btn:focus-visible{outline:2px solid var(--you);outline-offset:2px}.hq-hud-btn.cta{background:var(--you);color:#fff}.hq-hud-btn.cta:hover{background:#cf4f0b}.hq-people{right:12px;top:calc(max(12px, env(safe-area-inset-top)) + 52px);background:var(--surface);width:min(300px,100vw - 24px);max-height:calc(100dvh - 90px);box-shadow:var(--shadow-lg);animation:hq-pop .18s var(--ease);border-radius:16px;gap:2px;padding:6px;display:grid;position:absolute;overflow-y:auto}.hq-people button{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.hq-people button:hover,.hq-people button:focus-visible{background:var(--hover);outline:none}.hq-people b{font-size:var(--t-sm);display:block}.hq-people small{font-size:var(--t-xs);color:var(--muted);display:block}.hq-avatar{color:#fff;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;font-weight:700;display:inline-grid;box-shadow:inset 0 -3px #0000002e}.hq-hint{left:50%;bottom:max(20px, env(safe-area-inset-bottom));text-align:center;max-width:calc(100vw - 32px);font:500 var(--t-sm)/1.4 var(--font-sans), sans-serif;color:var(--hq-cream);pointer-events:none;animation:hq-fade .4s var(--ease);background:#1b1426d9;border-radius:999px;margin:0;padding:10px 16px;position:absolute;transform:translate(-50%)}.hq-bubble{background:var(--hq-cream);width:max-content;min-width:170px;max-width:min(300px,100vw - 24px);color:var(--hq-ink);border:3px solid var(--hq-ink);animation:hq-pop .18s var(--ease);border-radius:18px;padding:18px 16px 12px;position:absolute;top:0;left:0;box-shadow:0 8px 24px #0000004d}.hq-bubble:after{content:"";left:calc(var(--tail-x,50%) - 10px);border:10px solid #0000;border-top:12px solid var(--hq-ink);border-bottom:0;position:absolute;bottom:-13px}.hq-bubble[data-side=below]:after{border-top:0;border-bottom:12px solid var(--hq-ink);top:-13px;bottom:auto}.hq-bubble[data-side=right]:after{bottom:auto;left:-13px;top:calc(var(--tail-y,50%) - 10px);border:10px solid #0000;border-right:12px solid var(--hq-ink);border-left:0}.hq-bubble[data-side=left]:after{bottom:auto;left:auto;right:-13px;top:calc(var(--tail-y,50%) - 10px);border:10px solid #0000;border-left:12px solid var(--hq-ink);border-right:0}.hq-tag{max-width:calc(100% - 24px);font:600 12px/1 var(--font-sans), sans-serif;color:#fff;white-space:nowrap;text-overflow:ellipsis;border:2px solid var(--hq-ink);border-radius:999px;padding:6px 10px;position:absolute;top:-13px;left:12px;overflow:hidden}.hq-tag small{opacity:.85;font-size:12px;font-weight:500}.hq-bubble>p{text-wrap:pretty;min-height:1.45em;margin:0;font-size:16px;line-height:1.45}.hq-x{cursor:pointer;color:#2a1d2e66;background:0 0;border:0;border-radius:7px;width:24px;height:24px;font-size:17px;line-height:1;position:absolute;top:4px;right:4px}.hq-x:hover,.hq-x:focus-visible{color:var(--hq-ink);background:#2a1d2e14;outline:none}.hq-link{font-size:var(--t-sm);color:var(--you);margin-top:6px;font-weight:600;display:inline-block}.hq-chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.hq-chips button{font:500 13px/1.25 var(--font-sans), sans-serif;color:var(--hq-ink);text-align:left;cursor:pointer;background:0 0;border:1.5px solid #2a1d2e38;border-radius:999px;padding:6px 11px;transition:background .15s,border-color .15s}.hq-chips button:hover{background:#2a1d2e0f;border-color:#2a1d2e73}.hq-chips button:active{background:#2a1d2e1f}.hq-chips button:focus-visible{outline:2px solid var(--you);outline-offset:2px}.hq-dots{align-items:center;gap:4px;height:1.45em;display:inline-flex}.hq-dots i{background:#2a1d2e73;border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite hq-dot}.hq-dots i:nth-child(2){animation-delay:.15s}.hq-dots i:nth-child(3){animation-delay:.3s}@keyframes hq-dot{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.hq-mine{max-width:min(260px,100vw - 24px);font:500 14px/1.35 var(--font-sans), sans-serif;color:#fff;animation:hq-pop .16s var(--ease);pointer-events:none;background:#12a27a;border-radius:14px;padding:8px 12px;position:absolute;top:0;left:0;box-shadow:0 6px 16px #00000040}.hq-mine:before{content:"";top:-8px;left:calc(var(--tail-x,50%) - 7px);border:7px solid #0000;border-top:0;border-bottom:8px solid #12a27a;position:absolute}.hq-name{gap:6px;margin-top:10px;display:flex}.hq-name input{min-width:0;height:40px;font:inherit;background:#fff;border:2px solid #2a1d2e33;border-radius:10px;flex:1;padding:0 12px;font-size:16px}.hq-name input:focus-visible{border-color:var(--you);outline:none}.hq-name button{font:600 13px/1 var(--font-sans), sans-serif;cursor:pointer;background:var(--hq-ink);color:#fff;border:0;border-radius:10px;padding:0 14px}.hq-name button:focus-visible{outline:2px solid var(--you);outline-offset:2px}.hq-pad{--pad:54px;right:max(14px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));grid-template-columns:repeat(3, var(--pad));grid-template-rows:repeat(3, var(--pad));touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-areas:".up.""left.right"".down.";gap:4px;display:grid;position:absolute}.hq-pad button{cursor:pointer;color:var(--hq-cream);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent;touch-action:none;background:#1b14269e;border:0;border-radius:16px;place-items:center;font-size:18px;transition:transform 80ms,background 80ms;display:grid;box-shadow:inset 0 -3px #0000004d,0 4px 14px #00000040}.hq-pad button:active{background:#e8590ce6;transform:translateY(2px);box-shadow:inset 0 -1px #0000004d}.hq-pad button:focus-visible{outline:2px solid var(--you);outline-offset:2px}.hq-pad-up{grid-area:up}.hq-pad-left{grid-area:left}.hq-pad-right{grid-area:right}.hq-pad-down{grid-area:down}@media (pointer:coarse){.hq-hint{text-align:left;border-radius:14px;min-width:140px;max-width:calc(100vw - 220px);left:14px;transform:none}}.hq-modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:hq-fade .2s var(--ease);background:#0d0a1499;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.hq-modal-card{background:var(--surface);width:min(560px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow-lg);animation:hq-pop .2s var(--ease);border-radius:18px;padding:clamp(16px,3vw,24px);position:relative;overflow-y:auto}.hq-modal-card header{justify-content:space-between;align-items:center;display:flex}.hq-modal-card h2{font-size:var(--t-xl);letter-spacing:-.02em;margin:0}.hq-modal-card .hq-x{position:static}.hq-modal-card .snapshot-form{box-shadow:none;border:0;margin-top:8px;padding:0}@keyframes hq-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes hq-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.hq-bubble,.hq-mine,.hq-people,.hq-modal,.hq-modal-card,.hq-hint,.hq-dots i{animation:none}}@media (max-width:480px){.hq-badge small{display:none}.hq-hud-btn{padding:0 11px}}@media (max-width:360px){.hq-badge>span:last-child,.hq-wide{display:none}.hq-badge{padding:6px}.hq-hud-btn.cta{text-transform:capitalize}}