.gti-wrap{max-width:560px;margin:0 auto;padding:24px 16px 100px;position:relative;z-index:1}.gti-back{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);text-decoration:none;margin-bottom:16px;transition:color .15s}.gti-back:hover{color:#a78bfa}.gti-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.gti-header-badge{width:48px;height:48px;border-radius:14px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.25);display:flex;align-items:center;justify-content:center;font-size:1.6rem;flex-shrink:0}.gti-header-info h1{font-size:1.1rem;font-weight:800;margin:0 0 2px;color:var(--text)}.gti-header-info p{font-size:.75rem;color:var(--text-muted);margin:0}#start-screen{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0 32px}.start-silhouette{width:160px;height:180px;border-radius:20px;margin:0 auto 28px;background:linear-gradient(160deg,#1a1a2e,#16213e);border:1px solid rgba(167,139,250,.25);display:flex;align-items:center;justify-content:center;font-size:5rem;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.start-silhouette:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(167,139,250,.12) 0%,transparent 65%)}.silhouette-blur{filter:blur(8px);opacity:.5;font-size:5rem;user-select:none}.start-title{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px}.start-sub{color:var(--text-muted);font-size:.88rem;margin:0 0 24px}.start-rules-row{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap;justify-content:center}.start-rule-pill{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:7px 14px;font-size:.78rem;color:var(--text-muted)}.btn-start{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:16px;padding:16px 48px;font-size:1rem;font-weight:800;cursor:pointer;letter-spacing:.3px;box-shadow:0 8px 32px #7c3aed66;transition:transform .18s,box-shadow .18s}.btn-start:hover{transform:scale(1.04);box-shadow:0 12px 40px #7c3aed8c}#game-screen{display:none}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-dots{display:flex;gap:5px;flex-wrap:wrap}.progress-dot{width:8px;height:8px;border-radius:50%;background:#ffffff1f;transition:background .3s}.progress-dot.done{background:#a78bfa}.progress-dot.current{background:#a78bfa80}.score-badge{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:5px 12px;font-size:.8rem;font-weight:700;color:var(--text)}.score-badge-num{color:#a78bfa;font-size:1rem}.stage-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stage-dots{display:flex;gap:6px}.stage-dot{width:28px;height:5px;border-radius:3px;background:#ffffff1a;transition:background .5s}.stage-dot.active{background:#a78bfa}.stage-dot.done{background:#a78bfa66}.stage-label{font-size:.7rem;color:var(--text-muted);font-weight:600;text-align:right}.idol-card{border-radius:20px;background:linear-gradient(145deg,#16161f,#1c1c2a);border:1px solid rgba(255,255,255,.08);padding:24px 24px 20px;margin-bottom:14px;text-align:center;position:relative;overflow:hidden;transition:border-color .5s}.idol-card.revealed{border-color:#a78bfa59}.idol-card:before{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:250px;height:250px;background:radial-gradient(circle,rgba(167,139,250,.07) 0%,transparent 70%);pointer-events:none}.idol-img-wrap{position:relative;width:200px;height:240px;margin:0 auto 16px;border-radius:16px;overflow:hidden;background:#111}.idol-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:filter 1.8s cubic-bezier(.4,0,.2,1)}.idol-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;background:linear-gradient(160deg,#1a1a2e,#0d0d1a);transition:filter 1.8s ease}.blur-5{filter:blur(18px) brightness(.45)}.blur-4{filter:blur(10px) brightness(.65)}.blur-3{filter:blur(5px) brightness(.82)}.blur-2{filter:blur(2px) brightness(.95)}.blur-1{filter:blur(0px) brightness(1)}.timer-ring-wrap{position:absolute;top:12px;right:14px;width:46px;height:46px;display:flex;align-items:center;justify-content:center}.timer-ring-wrap svg{transform:rotate(-90deg)}.timer-ring-bg{fill:none;stroke:#ffffff12}.timer-ring-fill{fill:none;stroke:#a78bfa;stroke-linecap:round;transition:stroke-dashoffset .9s linear}.timer-num-display{position:absolute;font-size:.6rem;font-weight:800;color:var(--text-muted);text-align:center;line-height:1}.pts-preview{position:absolute;top:12px;left:14px;background:#a78bfa26;border:1px solid rgba(167,139,250,.3);border-radius:10px;padding:4px 8px;font-size:.68rem;font-weight:800;color:#a78bfa}.btn-reveal{display:inline-flex;align-items:center;gap:6px;background:#a78bfa1a;border:1px solid rgba(167,139,250,.25);border-radius:20px;color:#a78bfa;font-size:.78rem;font-weight:700;padding:7px 16px;cursor:pointer;transition:background .18s,border-color .18s,opacity .18s;margin-top:4px}.btn-reveal:hover:not(:disabled){background:#a78bfa2e;border-color:#a78bfa73}.btn-reveal:disabled{opacity:.35;cursor:not-allowed}.gti-wrap .options-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.gti-wrap .option-btn{display:flex;align-items:center;gap:10px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;padding:13px 14px;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .12s;line-height:1.3;width:100%}.gti-wrap .option-btn:hover:not(.locked){background:#a78bfa1a;border-color:#a78bfa66;transform:translateY(-1px)}.gti-wrap .option-letter{width:26px;height:26px;border-radius:8px;background:#ffffff14;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);transition:background .15s,color .15s}.gti-wrap .option-btn:hover:not(.locked) .option-letter{background:#a78bfa40;color:#a78bfa}.gti-wrap .option-btn.correct{background:#538d4e2e;border-color:#538d4e}.gti-wrap .option-btn.correct .option-letter{background:#538d4e;color:#fff}.gti-wrap .option-btn.wrong{background:#dc323226;border-color:#dc323280}.gti-wrap .option-btn.wrong .option-letter{background:#dc323299;color:#fff}.gti-wrap .option-btn.locked{cursor:default;transform:none}.gti-wrap .option-text{flex:1}.gti-wrap .feedback-pill{display:none;flex-direction:column;gap:8px;border-radius:14px;padding:14px 16px;margin-bottom:12px;font-size:.85rem;line-height:1.4}.gti-wrap .feedback-row{display:flex;align-items:center;gap:10px}.gti-wrap .feedback-pill.correct-fb{display:flex;background:#538d4e26;border:1px solid rgba(83,141,78,.35)}.gti-wrap .feedback-pill.wrong-fb{display:flex;background:#dc32321f;border:1px solid rgba(220,50,50,.3)}.gti-wrap .feedback-icon{font-size:1.3rem;flex-shrink:0}.gti-wrap .feedback-text strong{color:var(--text)}.gti-wrap .feedback-text span{color:var(--text-muted);font-size:.78rem;display:block;margin-top:2px}.gti-wrap .fun-fact-row{background:#ffffff0a;border-radius:10px;padding:10px 12px;font-size:.78rem;color:var(--text-muted);line-height:1.5;border-left:3px solid rgba(167,139,250,.5)}.gti-wrap .fun-fact-label{font-size:.65rem;font-weight:800;color:#a78bfa;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.gti-wrap .btn-next{width:100%;background:#ffffff12;border:1.5px solid rgba(255,255,255,.14);border-radius:14px;padding:14px;color:var(--text);font-size:.95rem;font-weight:700;cursor:pointer;display:none;transition:background .18s,border-color .18s}.gti-wrap .btn-next:hover{background:#ffffff1c;border-color:#ffffff38}.gti-wrap #result-screen{display:none;text-align:center;padding:12px 0}.gti-wrap .result-ring-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}.gti-wrap .result-ring-wrap svg{transform:rotate(-90deg)}.gti-wrap .result-ring-bg{fill:none;stroke:#ffffff12}.gti-wrap .result-ring-fill{fill:none;stroke:#a78bfa;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1) .2s}.gti-wrap .result-score-text{position:absolute;text-align:center;line-height:1}.gti-wrap .result-score-num{font-size:2.2rem;font-weight:900;color:var(--text)}.gti-wrap .result-score-denom{font-size:.75rem;color:var(--text-muted);margin-top:2px}.gti-wrap .result-title{font-size:1.6rem;font-weight:900;margin:4px 0}.gti-wrap .result-sub{color:var(--text-muted);font-size:.88rem;margin:0 0 20px}.gti-wrap .result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.gti-wrap .btn-result{border-radius:12px;padding:12px 20px;font-size:.88rem;font-weight:700;cursor:pointer;border:none;transition:opacity .18s,transform .18s;text-decoration:none;display:inline-flex;align-items:center}.gti-wrap .btn-result:hover{opacity:.88;transform:scale(1.03)}.gti-wrap .btn-retry{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.gti-wrap .btn-share{background:#ffffff17;border:1px solid rgba(255,255,255,.18)!important;color:var(--text)}.gti-wrap .btn-hub{background:transparent;border:1px solid rgba(255,255,255,.12)!important;color:var(--text-muted)}.gti-wrap .recap-label{font-size:.72rem;font-weight:700;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;text-align:left;margin-bottom:10px}.gti-wrap .recap-list{display:flex;flex-direction:column;gap:7px;text-align:left}.gti-wrap .recap-item{display:flex;align-items:center;gap:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:9px 13px;font-size:.8rem}.gti-wrap .recap-icon{font-size:.9rem;flex-shrink:0}.gti-wrap .recap-num{color:var(--text-muted);font-size:.72rem;font-weight:700;min-width:22px}.gti-wrap .recap-idol{font-weight:700;color:var(--text);flex:1}.gti-wrap .recap-group{color:var(--text-muted);font-size:.72rem}.gti-wrap .recap-pts{font-size:.7rem;font-weight:800;color:#a78bfa;white-space:nowrap}