.pq-root{touch-action:none;font-family:var(--font-mono,monospace);background:#0a0e1f;position:absolute;inset:0;overflow:hidden}.pq-canvas{position:absolute;inset:0}.pq-canvas canvas{width:100%!important;height:100%!important;display:block!important}.pq-ui{z-index:3;pointer-events:none;color:#eaf3ff;position:absolute;inset:0}.pq-hud{top:max(8px,env(safe-area-inset-top));box-sizing:border-box;letter-spacing:.07em;text-align:center;background:linear-gradient(#151b29f2,#090d19ed);border:1px solid #8d6b3f88;border-radius:8px;gap:3px;height:72px;padding:5px 8px;font-size:9px;display:grid;position:absolute;left:10px;right:54px;overflow:hidden;box-shadow:0 8px 20px #0008,inset 0 1px #dca85b22}.pq-hud span{place-items:center;gap:1px;display:grid}.pq-hud b{color:#fff}.pq-hud .is-active b{color:#ffd15e;text-shadow:0 0 10px #ffb23f}.pq-hud-primary{color:#f2d9ac;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;font-size:10px;display:grid}.pq-hud-primary span{grid-template-columns:auto auto;justify-content:center;gap:6px}.pq-hud-primary b{font-size:clamp(18px,5vw,24px);line-height:1}.pq-hud-secondary{color:#9faeca;border-top:1px solid #dca85b2b;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-top:3px;font-size:8px;display:grid}.pq-hud-secondary span{grid-template-columns:auto auto;justify-content:center;gap:3px}.pq-hud-secondary b{font-size:clamp(10px,2.8vw,13px)}.pq-dot{border:2px solid #fffc;border-radius:35% 55% 42% 58%;width:clamp(18px,5vw,24px);height:clamp(18px,5vw,24px);display:block;transform:rotate(12deg);box-shadow:0 0 12px}.pq-mute-slot{top:max(8px,env(safe-area-inset-top));z-index:4;pointer-events:auto;place-items:center;width:40px;height:40px;display:grid;position:absolute;right:8px}.pq-mute-slot .sfx-mute{color:#eaf3ff;background:#0a0e1fd9;border:1px solid #3fd0ff66;border-radius:8px;place-items:center;min-width:36px;min-height:36px;padding:0;font-size:18px;display:grid}.pq-mute-slot .sfx-mute:hover{background:#121a35}.pq-tip{color:#fff;text-align:center;letter-spacing:.04em;pointer-events:none;background:#101636eb;border:1px solid #ffd15e99;border-radius:8px;width:min(360px,100% - 32px);padding:9px 12px;font-size:11px;line-height:1.45;animation:.18s ease-out pq-tip-in;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}@keyframes pq-tip-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)}}.pq-rare-guide{color:#fff;text-align:center;letter-spacing:.04em;pointer-events:none;background:#101636eb;border:1px solid #ffd15e99;border-radius:8px;gap:2px;width:min(360px,100% - 32px);padding:8px 12px;font-size:11px;line-height:1.45;animation:.18s ease-out pq-tip-in;display:grid;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0008}.pq-rare-guide b{color:#ffd15e}.pq-overlay{pointer-events:auto;background:#080c26c9;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.pq-card{text-align:center;background:#101636f2;border:1px solid #3fd0ff88;border-radius:12px;justify-items:center;gap:7px;width:min(340px,100% - 24px);max-height:100%;padding:clamp(12px,4vw,22px);display:grid;overflow-y:auto;box-shadow:0 18px 60px #000b,0 0 32px #3fd0ff33}.pq-card h2{color:#eaf3ff;font:700 clamp(18px,6vw,28px) var(--font-display,sans-serif);letter-spacing:.12em;margin:0}.pq-card p{color:#b7c4ea;letter-spacing:.06em;margin:0;font-size:11px;line-height:1.6}.pq-card strong{color:#ffd15e;font-size:32px}.pq-result{grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin:0;display:grid}.pq-result div{border:1px solid #3fd0ff33;border-radius:6px;padding:4px 3px}.pq-result dt{color:#a7b6de;letter-spacing:.08em;font-size:8px}.pq-result dd{color:#fff;margin:2px 0 0;font-size:12px}.pq-card em{color:#ffd15e;letter-spacing:.08em;font-size:11px;font-style:normal}.pq-card small{color:#a7b6de;letter-spacing:.1em}.pq-controls-hint{color:#7f8fc2;letter-spacing:.14em;margin:0;font-size:10px}.pq-card button{color:#08122a;min-height:46px;font:800 12px var(--font-mono,monospace);letter-spacing:.14em;cursor:pointer;background:#3fd0ff;border:0;border-radius:6px;padding:11px 24px}@media (orientation:landscape) and (height<=500px){.pq-hud{max-height:68px}.pq-hud-primary b{font-size:18px}.pq-card{max-width:520px}}