.qstudy-game-feature.is-spy{border-color:color-mix(in srgb,#22b8b5 42%,var(--qs-border));background:radial-gradient(circle at 88% 20%,color-mix(in srgb,#22b8b5 18%,transparent),transparent 40%),linear-gradient(145deg,color-mix(in srgb,#142d42 10%,var(--qs-bg)),var(--qs-bg))}
.qstudy-game-feature.is-spy .qstudy-game-title>span{background:color-mix(in srgb,#22b8b5 17%,var(--qs-bg));color:#158d8b}.qstudy-spy-mini{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:245px}.qstudy-spy-mini>i{position:absolute;inset:12px auto auto 50%;display:grid;place-items:center;width:150px;height:150px;border:2px dashed color-mix(in srgb,#22b8b5 45%,var(--qs-border));border-radius:50%;color:#22b8b5;font-size:72px;font-style:normal;transform:translateX(-50%)}.qstudy-spy-mini>b{z-index:2;display:grid;place-items:center;width:48px;height:58px;margin-top:150px;border:1px solid var(--qs-border);border-radius:15px;background:var(--qs-bg);color:var(--qs-success);box-shadow:0 10px 25px rgba(14,22,43,.12)}.qstudy-spy-mini>b.is-spy{border-color:#e55766;background:#e55766;color:#fff;transform:translateY(-12px)}.qstudy-join-card.is-spy{margin-top:12px;border-color:color-mix(in srgb,#22b8b5 35%,var(--qs-border))}
.qstudy-spy-play{max-width:960px;margin:10px auto;display:grid;gap:18px}.qstudy-spy-scoreboard{display:flex;gap:9px;overflow:auto;padding:4px 2px}.qstudy-spy-scoreboard>div{min-width:145px;display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:11px 13px;border:1px solid var(--qs-border);border-radius:13px;background:var(--qs-bg)}.qstudy-spy-scoreboard i{grid-row:1/3;color:var(--qs-gold);font-style:normal}.qstudy-spy-scoreboard strong{font-size:13px}.qstudy-spy-scoreboard b{color:var(--qs-primary);font-size:11px}
.qstudy-spy-private,.qstudy-spy-role-card,.qstudy-spy-vote,.qstudy-spy-reveal{max-width:680px;width:100%;box-sizing:border-box;margin:15px auto;padding:clamp(25px,5vw,52px);border:1px solid var(--qs-border);border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,#22b8b5 8%,var(--qs-bg)),var(--qs-bg));text-align:center;box-shadow:0 24px 70px rgba(14,25,48,.12)}.qstudy-spy-private>span,.qstudy-spy-role-card>span,.qstudy-spy-reveal>span{color:var(--qs-muted);font-weight:800}.qstudy-spy-private h2,.qstudy-spy-role-card h2,.qstudy-spy-reveal h2{margin:9px 0;font-size:clamp(28px,5vw,44px)}.qstudy-spy-private p,.qstudy-spy-role-card p,.qstudy-spy-reveal p{color:var(--qs-muted);line-height:1.8}.qstudy-spy-private small,.qstudy-spy-role-card small{display:block;color:var(--qs-muted);line-height:1.7;margin:8px 0 20px}.qstudy-spy-private:not(.is-revealed){border-style:dashed}.qstudy-spy-eye{display:grid;place-items:center;width:84px;height:84px;margin:12px auto;border-radius:50%;background:#e55766;color:#fff;font-size:45px;box-shadow:0 15px 34px rgba(229,87,102,.24)}.qstudy-spy-role-card.is-spy{border-color:color-mix(in srgb,#e55766 55%,var(--qs-border));background:linear-gradient(145deg,color-mix(in srgb,#e55766 9%,var(--qs-bg)),var(--qs-bg))}
.qstudy-spy-taboo{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:16px 0 22px}.qstudy-spy-taboo small{margin:0!important;color:var(--qs-danger)!important}.qstudy-spy-taboo b{padding:6px 10px;border-radius:99px;background:color-mix(in srgb,var(--qs-danger) 11%,var(--qs-bg));color:var(--qs-danger);font-size:12px}.qstudy-spy-phase{text-align:center;padding:12px}.qstudy-spy-phase>span{color:#168f8c;font-weight:900}.qstudy-spy-phase h2{margin:6px 0;font-size:clamp(25px,4vw,36px)}.qstudy-spy-phase p{margin:0;color:var(--qs-muted)}
.qstudy-spy-clues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qstudy-spy-clues article{padding:15px;border:1px solid var(--qs-border);border-radius:15px;background:var(--qs-bg)}.qstudy-spy-clues strong,.qstudy-spy-clues span{display:block}.qstudy-spy-clues strong{color:#168f8c;margin-bottom:6px}.qstudy-spy-clues span{line-height:1.7}.qstudy-spy-describe-form{display:grid;gap:10px;max-width:700px;margin:auto;width:100%}.qstudy-spy-describe-form textarea,.qstudy-spy-private input{width:100%;box-sizing:border-box;border:1px solid var(--qs-border);border-radius:14px;padding:15px;background:var(--qs-bg);color:var(--qs-text);font:inherit;resize:vertical}.qstudy-spy-private input{margin:8px 0 13px}
.qstudy-spy-vote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.qstudy-spy-vote-grid button{display:grid;place-items:center;gap:7px;min-height:105px;border:1px solid var(--qs-border);border-radius:16px;background:var(--qs-bg);color:var(--qs-text);font:inherit;cursor:pointer}.qstudy-spy-vote-grid button:hover{border-color:#22b8b5;background:color-mix(in srgb,#22b8b5 7%,var(--qs-bg))}.qstudy-spy-vote-grid i{color:#22b8b5;font-size:25px;font-style:normal}.qstudy-spy-reveal{border-color:color-mix(in srgb,var(--qs-primary) 35%,var(--qs-border))}.qstudy-spy-reveal>p strong{display:block;color:var(--qs-primary);font-size:clamp(23px,4vw,35px);margin-top:6px}.qstudy-spy-reveal blockquote{margin:18px 0;padding:16px;border-inline-start:4px solid #22b8b5;border-radius:12px;background:color-mix(in srgb,#22b8b5 6%,var(--qs-bg));color:var(--qs-muted);line-height:1.9;text-align:right}.qstudy-spy-reveal .is-correct{color:var(--qs-success);font-weight:900}.qstudy-spy-reveal .is-wrong{color:var(--qs-danger);font-weight:900}.qstudy-spy-finish .qstudy-spy-scoreboard{justify-content:center;margin:20px auto}
@media(max-width:700px){.qstudy-spy-clues{grid-template-columns:1fr}.qstudy-spy-vote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qstudy-spy-mini{min-height:210px}.qstudy-spy-mini>i{width:125px;height:125px;font-size:60px}.qstudy-spy-mini>b{width:40px;height:50px;margin-top:125px}.qstudy-spy-private,.qstudy-spy-role-card,.qstudy-spy-vote,.qstudy-spy-reveal{padding:25px 17px;border-radius:21px}.qstudy-spy-describe-form .qstudy-actions{flex-direction:column}.qstudy-spy-scoreboard>div{min-width:125px}}