.quest-tab{height:100%;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% -10%,color-mix(in srgb,var(--accent-primary) 12%,transparent) 0%,transparent 60%),var(--bg-primary)}.quest-header{padding:8px 16px 12px;padding-top:calc(56px + var(--tg-viewport-content-safe-area-inset-top, var(--tg-viewport-safe-area-inset-top, env(safe-area-inset-top, 0px))));flex-shrink:0;text-align:center;background:transparent}.quest-title{margin:0;font-size:20px;font-weight:800;letter-spacing:.2px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent-primary)}.quest-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);font-size:16px}.quest-content{flex:1;overflow-y:auto;padding:8px 20px 20px;display:flex;flex-direction:column;align-items:center}.quest-hero{width:100%;max-width:340px;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px 18px;margin:8px 0 26px;display:flex;flex-direction:column;gap:12px}.quest-hero-row{display:flex;align-items:baseline;justify-content:space-between}.quest-hero-count{font-size:17px;font-weight:600;color:var(--text-secondary);display:flex;align-items:baseline;gap:2px}.quest-hero-count b{font-size:30px;font-weight:800;line-height:1;color:var(--accent-primary)}.quest-hero-pct{font-size:14px;font-weight:700;color:var(--text-tertiary)}.quest-progressbar{height:10px;border-radius:var(--radius-full);background:var(--bg-elevated);overflow:hidden}.quest-progressbar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent-primary),var(--accent-blue));transition:width .6s cubic-bezier(.34,1.56,.64,1)}.quest-path-section{width:100%;display:flex;flex-direction:column;align-items:center}.quest-path{position:relative;width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;padding:10px 0 6px}.quest-path:before{content:"";position:absolute;top:30px;bottom:30px;left:50%;width:6px;transform:translate(-3px);border-radius:var(--radius-full);background:linear-gradient(to bottom,var(--accent-primary) 0%,var(--accent-blue) var(--quest-fill, 0%),var(--border-light) var(--quest-fill, 0%),var(--border-light) 100%);z-index:0}.quest-node-row{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.quest-node-row--left{transform:translate(-42px)}.quest-node-row--right{transform:translate(42px)}.quest-node{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0;position:relative}.quest-node--done{background:linear-gradient(150deg,var(--accent-primary),var(--accent-blue));color:var(--text-inverse);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 30%,transparent)}.quest-node--locked{background:var(--bg-secondary);color:var(--text-tertiary);border:2px dashed var(--border-medium);box-shadow:var(--shadow-card)}.quest-node--finish{border:2px solid var(--accent-gold);color:var(--accent-gold);background:color-mix(in srgb,var(--accent-gold) 10%,var(--bg-secondary))}.quest-node-icon{line-height:1}.quest-node--pop{animation:quest-node-pop .6s ease}@keyframes quest-node-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}60%{transform:scale(.92)}to{transform:scale(1)}}@keyframes quest-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.quest-node-caption{max-width:130px;text-align:center;font-size:12px;line-height:1.3;color:var(--text-tertiary)}.quest-node-caption--done{color:var(--text-primary);font-weight:600}.quest-footer{flex-shrink:0;padding:12px 20px calc(14px + var(--tg-viewport-content-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--bg-primary);border-top:1px solid var(--border-light)}.quest-scan-btn{width:100%;max-width:340px;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;border:none;border-radius:var(--radius-md);background:var(--accent-primary);color:var(--text-inverse);font-size:16px;font-weight:600;cursor:pointer}.quest-scan-btn svg{color:var(--text-inverse)}.quest-scan-btn:active{opacity:.85}.quest-scan-btn:disabled{opacity:.6}.quest-feedback{margin:0;width:100%;max-width:340px;padding:12px 16px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-weight:600;line-height:1.35;text-align:center;box-shadow:var(--shadow-card);animation:quest-feedback-in .25s ease}.quest-feedback--success{background:color-mix(in srgb,var(--accent-like) 16%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent-like) 45%,transparent)}.quest-feedback--error{background:color-mix(in srgb,var(--accent-danger) 14%,var(--bg-secondary));border-color:color-mix(in srgb,var(--accent-danger) 40%,transparent)}@keyframes quest-feedback-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quest-completed{width:100%;max-width:340px;margin-top:16px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 24px;border-radius:var(--radius-xl);color:var(--text-inverse);background:linear-gradient(155deg,var(--accent-primary),var(--accent-blue));box-shadow:0 12px 30px color-mix(in srgb,var(--accent-primary) 35%,transparent)}.quest-completed-emoji{font-size:58px;margin-bottom:10px;animation:quest-bob 2s ease-in-out infinite}.quest-completed-title{margin:0 0 8px;font-size:23px;font-weight:800;color:var(--text-inverse)}.quest-completed-text{margin:0 0 20px;font-size:14px;color:#ffffffe6;max-width:300px;line-height:1.5}.quest-leaderboard-btn{padding:14px 30px;background:var(--text-inverse);color:var(--accent-primary);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-card)}.quest-leaderboard-btn:active{transform:scale(.97)}.quest-leaderboard{width:100%;max-width:340px;margin-top:24px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-card)}.quest-leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.quest-leaderboard-title{margin:0;font-size:16px;font-weight:700;color:var(--text-primary)}.quest-leaderboard-close{width:28px;height:28px;border:none;background:none;color:var(--text-tertiary);font-size:20px;line-height:1;cursor:pointer}.quest-leaderboard-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.quest-leaderboard-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-primary)}.quest-leaderboard-row--top{background:color-mix(in srgb,var(--accent-gold) 12%,var(--bg-secondary))}.quest-leaderboard-row--you{background:color-mix(in srgb,var(--accent-primary) 12%,var(--bg-secondary));border:1px solid var(--accent-primary)}.quest-leaderboard-place{width:26px;font-size:15px;font-weight:800;color:var(--text-tertiary);text-align:center;flex-shrink:0}.quest-leaderboard-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quest-leaderboard-duration{font-size:13px;font-weight:600;color:var(--text-secondary);flex-shrink:0;font-variant-numeric:tabular-nums}.quest-leaderboard-empty{padding:16px 0;text-align:center;color:var(--text-tertiary);font-size:14px}.quest-your-position{margin-top:12px;text-align:center;font-size:13px;font-weight:600;color:var(--accent-primary)}