@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Share+Tech+Mono&family=Special+Elite&display=swap";:root{--qg-bg:#080c18;--qg-accent:#fb923ce6;--qg-accent-dim:#fb923c66;--qg-accent-glow:#fb923c33;--qg-red:#f87171;--qg-red-bg:#7f1d1d73;--qg-green:#4ade80;--qg-green-bg:#14532d8c;--qg-green-glow:#4ade8040;--qg-text:#ffffffd9;--qg-text-dim:#ffffff59;--qg-border:#fb923c33;--qg-surface:#0a142de6;--qg-font-display:"Orbitron", sans-serif;--qg-font-mono:"Share Tech Mono", monospace;--qg-font-quote:"Special Elite", cursive}.qg-root{z-index:1;min-height:100vh;padding-bottom:60px;position:relative}.qg-container{flex-direction:column;align-items:center;gap:24px;max-width:680px;margin:0 auto;padding:24px 20px 40px;display:flex}.qg-header{text-align:center;width:100%;margin-bottom:8px;padding:32px 20px 20px}.qg-header h1{font-family:var(--qg-font-display);letter-spacing:6px;color:#fff;text-shadow:0 1px 4px #000000e6,0 0 10px #000000e6;text-transform:uppercase;font-size:42px;font-weight:900}.qg-header p{color:var(--qg-text-dim);font-family:var(--qg-font-mono);letter-spacing:3px;text-transform:uppercase;margin-top:8px;font-size:12px}.qg-quote-block{background:var(--qg-surface);border:1px solid var(--qg-border);width:100%;box-shadow:0 0 40px var(--qg-accent-glow), inset 0 0 30px #ffa01408;border-radius:4px;margin-top:8px;padding:32px 36px 28px;animation:.5s qgFadeIn;position:relative}.qg-quote-block:before,.qg-quote-block:after{content:"";border-color:var(--qg-accent-dim);border-style:solid;width:14px;height:14px;position:absolute}.qg-quote-block:before{border-width:2px 0 0 2px;top:8px;left:8px}.qg-quote-block:after{border-width:0 2px 2px 0;bottom:8px;right:8px}.qg-quote-block .qg-quote-label{background:var(--qg-bg);font-family:var(--qg-font-display);letter-spacing:3px;color:var(--qg-accent-dim);text-transform:uppercase;padding:0 10px;font-size:9px;position:absolute;top:-11px;left:20px}.qg-quote-mark{font-family:var(--qg-font-quote);color:var(--qg-accent-dim);-webkit-user-select:none;user-select:none;margin-bottom:12px;font-size:80px;line-height:.5;display:block}.qg-quote-text{font-family:var(--qg-font-quote);color:var(--qg-text);letter-spacing:.5px;margin:0;font-size:20px;line-height:1.75}.qg-attempts{align-items:center;gap:12px;display:flex}.qg-dot{border:1.5px solid var(--qg-accent-dim);background:0 0;border-radius:50%;width:14px;height:14px;transition:background .3s,border-color .3s,box-shadow .3s}.qg-dot--used{background:var(--qg-red);border-color:var(--qg-red);box-shadow:0 0 8px #c0392b99}.qg-flash{font-family:var(--qg-font-mono);letter-spacing:2px;color:#dc503ce6;text-transform:uppercase;font-size:12px;animation:.4s qgShake}@keyframes qgShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.qg-wrong-list{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.qg-wrong-guess{background:var(--qg-red-bg);border:1px solid #c0392b66;border-left:3px solid var(--qg-red);width:100%;max-width:440px;font-family:var(--qg-font-mono);border-radius:3px;align-items:center;gap:10px;padding:8px 16px;animation:.3s both qgSlideIn;display:flex}@keyframes qgSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.qg-wrong-x{color:var(--qg-red);flex-shrink:0;font-size:14px}.qg-wrong-name{color:#e07070;letter-spacing:.5px;font-size:13px}.qg-search-wrapper{width:100%;max-width:440px;position:relative}.qg-search-input{width:100%;font-size:14px;font-family:var(--qg-font-mono);border:1px solid var(--qg-border);background:var(--qg-surface);color:#fff;letter-spacing:1px;border-radius:4px;outline:none;padding:14px 18px;transition:border-color .2s,box-shadow .2s}.qg-search-input:focus{border-color:var(--qg-accent);box-shadow:0 0 12px var(--qg-accent-glow)}.qg-search-input::placeholder{color:#fff3}.qg-search-input:disabled{opacity:.4;cursor:not-allowed}.qg-suggestions{border:1px solid var(--qg-border);z-index:100;background:#080f23fa;border-top:none;border-radius:0 0 4px 4px;max-height:220px;margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.qg-suggestions li{cursor:pointer;color:#fff;font-size:13px;font-family:var(--qg-font-mono);letter-spacing:.5px;align-items:center;gap:10px;padding:9px 16px;transition:background .15s;display:flex}.qg-suggestions li:hover{background:#ffb42814}.qg-suggestions li img{object-fit:cover;border:1px solid var(--qg-border);border-radius:50%;flex-shrink:0;width:30px;height:30px}.qg-hints{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.qg-hint-item{flex-direction:column;align-items:center;gap:10px;display:flex}.qg-hint-btn{background:var(--qg-surface);color:#fff3;cursor:default;font-family:var(--qg-font-mono);letter-spacing:1px;border:1px solid #ffffff1a;border-radius:3px;min-width:160px;padding:10px 20px;font-size:12px;transition:all .3s}.qg-hint-btn--unlocked{border-color:var(--qg-accent-dim);color:var(--qg-accent);cursor:pointer;box-shadow:0 0 8px var(--qg-accent-glow)}.qg-hint-btn--unlocked:hover{border-color:var(--qg-accent);background:#ffa01414;box-shadow:0 0 16px #ffa0144d}.qg-hint-btn--used{color:#ffffff26;cursor:default;box-shadow:none;border-color:#ffffff0f}.qg-hint-btn--used:hover{background:var(--qg-surface);box-shadow:none}.qg-hint-btn--giveup.qg-hint-btn--unlocked{color:#dc503ce6;border-color:#c0392b80;box-shadow:0 0 8px #c0392b26}.qg-hint-btn--giveup.qg-hint-btn--unlocked:hover{background:#781e1433;border-color:#dc503ce6;box-shadow:0 0 16px #dc503c4d}.qg-hint-reveal{background:var(--qg-surface);border:1px solid var(--qg-border);color:var(--qg-text);font-family:var(--qg-font-mono);letter-spacing:.5px;text-align:center;border-radius:4px;padding:10px 16px;font-size:13px;animation:.4s qgFadeIn}.qg-silhouette{object-fit:cover;filter:blur(10px)brightness(.5);border-radius:6px;width:100px;height:100px;display:block}.qg-reveal-photo{object-fit:cover;border:1px solid var(--qg-border);border-radius:6px;width:70px;height:70px;margin:0 auto 6px;display:block}.qg-endscreen{text-align:center;flex-direction:column;align-items:center;gap:12px;width:100%;padding:32px 20px;animation:.5s qgFadeIn;display:flex}.qg-end-title{font-family:var(--qg-font-display);letter-spacing:4px;margin-bottom:4px;font-size:24px}.qg-end-title--win{color:var(--qg-green);text-shadow:0 0 20px var(--qg-green-glow)}.qg-end-title--lose{color:var(--qg-red);text-shadow:0 0 20px #c0392b99}.qg-end-photo{object-fit:cover;border-radius:6px;width:130px;height:130px}.qg-end-photo--win{border:2px solid var(--qg-green);box-shadow:0 0 20px var(--qg-green-glow)}.qg-end-photo--lose{border:2px solid var(--qg-red);box-shadow:0 0 20px #c0392b4d}.qg-end-name{font-family:var(--qg-font-display);letter-spacing:2px;color:#fff;margin:0;font-size:18px}.qg-end-meta{color:var(--qg-text-dim);font-family:var(--qg-font-mono);letter-spacing:1px;margin:0;font-size:11px}.qg-end-quote{font-family:var(--qg-font-quote);color:#ffffff80;border-left:3px solid var(--qg-accent-dim);text-align:left;max-width:500px;margin:8px 0;padding:10px 16px;font-size:15px;font-style:italic;line-height:1.7}.qg-end-actions{margin-top:8px}.qg-endscreen .endscreen-no-share{color:#ffffff80;letter-spacing:1px;font-size:13px;font-style:normal}.qg-share-btn{color:var(--qg-green);font-family:var(--qg-font-display);letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #4ade8080;padding:11px 30px;font-size:11px;transition:all .2s}.qg-share-btn:hover{box-shadow:0 0 16px var(--qg-green-glow);border-color:var(--qg-green);background:#4ade8012}@keyframes qgBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.qg-countdown{font-family:var(--qg-font-display);letter-spacing:2px;color:var(--qg-accent-dim);margin-top:8px;font-size:12px}.qg-endscreen--win .qg-countdown{color:#4ade8080}.qg-endscreen--win .qg-countdown strong{color:var(--qg-green)}.qg-endscreen--win .qg-end-quote{border-left-color:#4ade8066}@keyframes qgFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.qg-header h1{letter-spacing:4px;font-size:30px}.qg-quote-text{font-size:17px}.qg-hints{flex-direction:column;align-items:center}.qg-hint-btn{width:min(320px,90%);min-width:unset}}@media (width<=480px){.qg-header h1{letter-spacing:3px;font-size:22px}.qg-quote-block{padding:24px 20px 20px}.qg-quote-mark{font-size:56px}.qg-quote-text{font-size:15px}.qg-search-wrapper{max-width:100%}.qg-search-input{padding:12px 14px;font-size:13px}.qg-hints{padding:0 4px}.qg-hint-btn{width:100%;font-size:11px}.qg-end-title{letter-spacing:2px;font-size:18px}.qg-end-photo{width:100px;height:100px}.qg-end-name{font-size:15px}.qg-end-quote{font-size:13px}}