.section-select{min-height:100dvh;max-width:var(--app-max-width);-webkit-overflow-scrolling:touch;margin:0 auto;padding:0 0 32px;overflow-y:auto}.ss-top-bar{padding:14px 16px;padding-top:max(14px, env(safe-area-inset-top,14px));z-index:10;-webkit-backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex;position:sticky;top:0}.ss-back-btn{width:42px;height:42px;color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.ss-back-btn:active{transform:scale(.92)}.ss-star-counter{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.ss-star-counter:hover{background:#fbbf242e;border-color:#fbbf2459;transform:scale(1.03)}.ss-star-counter:active{transform:scale(.96)}.ss-star-counter.loading{pointer-events:none;opacity:.7}.ss-star-counter.pulse{animation:.6s starCounterPulse}@keyframes starCounterPulse{0%{transform:scale(1);box-shadow:0 0 #fbbf2466}50%{transform:scale(1.1);box-shadow:0 0 20px 4px #fbbf244d}to{transform:scale(1);box-shadow:0 0 #fbbf2400}}.ss-star-icon{font-size:16px}.ss-star-count{color:#fbbf24;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.ss-star-plus{color:#fbbf24;background:#fbbf2440;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;font-size:13px;font-weight:800;line-height:1;transition:all .2s;display:flex}.ss-star-counter:hover .ss-star-plus{background:#fbbf2466;transform:rotate(90deg)}.ss-header{text-align:center;margin-bottom:20px;padding:0 16px;animation:.4s fadeIn}.ss-title{background:linear-gradient(135deg, #fff 30%, var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.ss-subtitle{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:13px}.ss-no-anim .ss-card,.ss-no-anim .ss-card.locked.star-unlockable{animation:none!important}.ss-cards{flex-direction:column;gap:12px;padding:0 16px;display:flex}.ss-card{cursor:pointer;animation:.4s both slideUp;animation-delay:var(--anim-delay);-webkit-tap-highlight-color:transparent;border:1px solid #ffffff14;border-radius:18px;transition:all .3s;position:relative;overflow:hidden}.ss-card:active{transform:scale(.98)}.ss-card.unlocked{border-color:#ffffff1f}.ss-card.locked{opacity:.55;filter:saturate(.4);cursor:default}.ss-card.locked.star-unlockable{opacity:.85;filter:saturate(.7);animation:.4s both slideUp,3s ease-in-out infinite starUnlockPulse;animation-delay:var(--anim-delay), 0s;border-color:#fbbf2440}@keyframes starUnlockPulse{0%,to{box-shadow:none;border-color:#fbbf2433}50%{border-color:#fbbf2466;box-shadow:0 0 16px #fbbf241a}}.ss-card-glow{background:var(--section-gradient);opacity:.7;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.ss-card-bg{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}.ss-card-pattern{background:radial-gradient(circle at 80% 20%, var(--section-glow) 0%, transparent 50%), radial-gradient(circle at 20% 80%, #ffffff08 0%, transparent 40%);position:absolute;top:0;bottom:0;left:0;right:0}.ss-card-content{z-index:2;align-items:center;gap:12px;padding:16px 14px;display:flex;position:relative}.ss-card-left{flex-shrink:0}.ss-card-icon-wrap{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.ss-progress-ring{position:absolute;top:-6px;left:-6px}.ss-ring-progress{transition:stroke-dashoffset .8s}.ss-card-emoji{filter:drop-shadow(0 2px 6px #0000004d);font-size:28px}.ss-crown{font-size:14px;animation:2s infinite crownBounce;position:absolute;top:-8px;right:-4px}@keyframes crownBounce{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-2px)rotate(5deg)}}.ss-card-info{flex:1;min-width:0}.ss-card-name{color:#fff;margin:0;font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.ss-card-tagline{color:var(--text-secondary);margin:2px 0 8px;font-size:11px;font-style:italic;line-height:1.3}.ss-card-stats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ss-stat-pill{color:var(--text-primary);background:#ffffff14;border-radius:8px;align-items:center;gap:3px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;display:flex}.ss-stat-icon{font-size:10px}.ss-complete-badge{font-size:14px}.ss-card-lock-info{flex-direction:column;gap:2px;display:flex}.ss-lock-cost{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:12px;font-weight:600}.ss-lock-cost.star-ready{color:#fbbf24;font-weight:700}.ss-lock-star-cost{color:#fbbf2499;font-family:Outfit,sans-serif;font-size:10px}.ss-lock-remaining{color:var(--text-muted);font-family:Outfit,sans-serif;font-size:10px}.ss-card-action{flex-shrink:0;justify-content:center;align-items:center;display:flex}.ss-card-play{background:linear-gradient(145deg, var(--section-accent,#6366f1), color-mix(in srgb, var(--section-accent,#6366f1) 55%, #000));color:#fff;width:50px;height:50px;box-shadow:0 4px 18px color-mix(in srgb, var(--section-glow,#6366f180) 80%, transparent), inset 0 1px 0 #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-left:3px;transition:transform .15s;display:flex;position:relative}.ss-card-play:before,.ss-card-play:after{content:"";border:2px solid color-mix(in srgb, var(--section-accent,#6366f1) 65%, transparent);pointer-events:none;border-radius:50%;animation:2.2s ease-out infinite ssPlayRing;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}.ss-card-play:after{border-width:1.5px;animation-delay:.6s;top:-11px;bottom:-11px;left:-11px;right:-11px}@keyframes ssPlayRing{0%{opacity:.75;transform:scale(.78)}to{opacity:0;transform:scale(1.55)}}.ss-card.unlocked:active .ss-card-play{transform:scale(.88)}.ss-lock-icon-right{color:#fff3}.ss-unlock-btn{color:#fbbf24;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;background:linear-gradient(135deg,#fbbf2433,#f59e0b40);border:1px solid #fbbf2459;border-radius:12px;align-items:center;gap:5px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.ss-unlock-btn:before{content:"";background:linear-gradient(90deg,#0000,#fbbf2426,#0000);animation:2s ease-in-out infinite shimmerUnlock;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}@keyframes shimmerUnlock{0%{transform:translate(-100%)}to{transform:translate(100%)}}.ss-unlock-btn:hover{background:linear-gradient(135deg,#fbbf244d,#f59e0b59);border-color:#fbbf2480;transform:scale(1.05);box-shadow:0 0 16px #fbbf2433}.ss-unlock-btn:active{transform:scale(.95)}.ss-unlock-btn.loading{pointer-events:none;opacity:.7}.ss-unlock-spinner{border:2px solid #fbbf244d;border-top-color:#fbbf24;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ss-toast{color:#fff;z-index:100;opacity:0;pointer-events:none;white-space:nowrap;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#10b981f2,#059669f2);border:1px solid #ffffff26;border-radius:16px;padding:14px 28px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:40px;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 8px 32px #0006,0 0 24px #10b9814d}.ss-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.ss-toast-text{align-items:center;gap:6px;display:flex}.ss-dc-wrapper{margin-bottom:12px}.ss-dc-tile{cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(140deg,#fbbf2417 0%,#f9731612 55%,#ef44440d 100%);border:1.5px solid #fbbf2452;border-radius:20px;flex-direction:column;gap:10px;padding:16px 16px 14px;transition:transform .15s;animation:.35s both slideUp,3.5s ease-in-out infinite dcTilePulse;display:flex;position:relative;overflow:hidden}.ss-dc-tile:active{transform:scale(.97)}@keyframes dcTilePulse{0%,to{box-shadow:none;border-color:#fbbf2447}50%{border-color:#fbbf2494;box-shadow:0 0 28px #fbbf2424}}.ss-dc-tile.dc-tile-done{background:linear-gradient(140deg,#10b98114 0%,#0596690d 100%);border-color:#10b98159;animation:.35s both slideUp}.ss-dc-glow{pointer-events:none;background:radial-gradient(at 90% 20%,#fbbf242e 0%,#0000 60%);position:absolute;top:0;bottom:0;left:0;right:0}.ss-dc-tile.dc-tile-done .ss-dc-glow{background:radial-gradient(at 90% 20%,#10b98126 0%,#0000 60%)}.ss-dc-shimmer{pointer-events:none;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.ss-dc-shimmer:after{content:"";background:linear-gradient(105deg,#0000,#ffffff0a 44%,#ffffff14 50%,#ffffff0a 56%,#0000);width:35%;height:180%;animation:4.5s ease-in-out infinite dcShimmer;position:absolute;top:-40%;left:-60%}@keyframes dcShimmer{0%{opacity:0;transform:translate(0)}8%{opacity:1}60%{opacity:1;transform:translate(500%)}68%{opacity:0}to{opacity:0;transform:translate(500%)}}.ss-dc-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.ss-dc-badge{letter-spacing:1.8px;text-transform:uppercase;color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2438;border-radius:6px;align-items:center;padding:3px 8px;font-family:Outfit,sans-serif;font-size:9px;font-weight:800;display:flex}.ss-dc-tile.dc-tile-done .ss-dc-badge{color:#34d399;background:#10b9811a;border-color:#10b98138}.ss-dc-count{color:#fbbf24;font-family:Outfit,sans-serif;font-size:13px;font-weight:800}.ss-dc-tile.dc-tile-done .ss-dc-count{color:#34d399}.ss-dc-body{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.ss-dc-emoji-wrap{background:#fbbf241a;border:1px solid #fbbf242e;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ss-dc-tile.dc-tile-done .ss-dc-emoji-wrap{background:#10b9811a;border-color:#10b9812e}.ss-dc-emoji{filter:drop-shadow(0 2px 8px #fbbf2473);font-size:28px;line-height:1;display:block}.ss-dc-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ss-dc-label{color:#cdd7ebe0;font-family:Outfit,sans-serif;font-size:16px;font-weight:800;line-height:1.1}.ss-dc-sub{color:#8c9eb999;font-family:Outfit,sans-serif;font-size:11px;line-height:1.3}.ss-dc-bottom{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.ss-dc-pips{align-items:center;gap:4px;display:flex}.ss-dc-pip{background:#ffffff14;border:1px solid #ffffff14;border-radius:3px;flex-shrink:0;width:16px;height:6px;transition:all .3s}.ss-dc-pip.done{background:#fbbf24;border-color:#fbbf24;box-shadow:0 0 6px #fbbf248c}.ss-dc-tile.dc-tile-done .ss-dc-pip.done{background:#34d399;border-color:#34d399;box-shadow:0 0 6px #34d3998c}.ss-dc-pip.active{background:#fbbf2461;border-color:#fbbf24;animation:1.5s ease-in-out infinite dcPipPulse}@keyframes dcPipPulse{0%,to{opacity:.6}50%{opacity:1;box-shadow:0 0 8px #fbbf24a6}}.ss-dc-play{color:#1a1000;background:linear-gradient(145deg,#fbbf24,#f59e0b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding-left:3px;transition:transform .15s;display:flex;position:relative;box-shadow:0 4px 18px #fbbf2473,inset 0 1px #ffffff4d}.ss-dc-play:before,.ss-dc-play:after{content:"";pointer-events:none;border:2px solid #fbbf248c;border-radius:50%;animation:2.2s ease-out infinite dcPlayRing;position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}.ss-dc-play:after{border-width:1.5px;animation-delay:.6s;top:-11px;bottom:-11px;left:-11px;right:-11px}@keyframes dcPlayRing{0%{opacity:.75;transform:scale(.78)}to{opacity:0;transform:scale(1.55)}}.ss-dc-tile:active .ss-dc-play{transform:scale(.88)}.ss-dc-done-btn{color:#34d399;background:#10b98126;border:1.5px solid #10b9814d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}@media (min-width:600px) and (max-width:1023px){.section-select{max-width:none}.ss-top-bar{padding:14px clamp(20px,4vw,40px)}.ss-header,.ss-cards{padding:0 clamp(20px,4vw,40px)}}