.wcs-bg-container{background:linear-gradient(135deg, var(--bg-deep) 0%, var(--bg-dark) 100%);width:100%;min-height:80vh;position:relative;overflow:hidden}.light .wcs-bg-container{background:radial-gradient(circle at 10% 10%,#fff7ed 0%,#fee2e2 40%,#e0e7ff 100%)}.wcs-floating-particle{pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#6366f100 70%);border-radius:50%;animation:12s linear infinite wcsFloatUp;position:absolute}.light .wcs-floating-particle{background:radial-gradient(circle,#ec489938 0%,#6366f12e 70%)}@keyframes wcsFloatUp{0%{opacity:0;transform:translateY(105vh)rotate(0)}10%{opacity:.7}90%{opacity:.7}to{opacity:0;transform:translateY(-15vh)rotate(360deg)}}.light .wcs-glass-panel{background:#ffffffd9;border:1.5px solid #6366f126;box-shadow:0 8px 24px -5px #6366f10f}@keyframes wcsPulseGlow{0%,to{box-shadow:0 0 10px #06b6d466,inset 0 0 5px #06b6d433}50%{box-shadow:0 0 22px #06b6d4cc,inset 0 0 10px #06b6d466}}.wcs-glow-active{animation:1.5s ease-in-out infinite wcsPulseGlow}.wcs-level-btn{aspect-ratio:1;border:1px solid var(--border-light);background:var(--bg-card);border-radius:1.25rem;flex-direction:column;justify-content:center;align-items:center;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.light .wcs-level-btn{color:#1e1b4b;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border:1.5px solid #6366f126;box-shadow:0 4px 6px -1px #6366f10f,0 2px 4px -1px #6366f10a}.light .wcs-level-btn:not(.locked){color:#0369a1;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);border:1.5px solid #0ea5e940}.light .wcs-level-btn:not(.locked):hover{background:linear-gradient(135deg,#bae6fd 0%,#7dd3fc 100%);border-color:#0ea5e973}.wcs-level-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#06b6d426,#6366f126);transition:opacity .25s;position:absolute;inset:0}.wcs-level-btn:hover:before{opacity:1}.wcs-level-btn:hover{border-color:#ec489966;transform:translateY(-4px)scale(1.05);box-shadow:0 10px 20px -5px #6366f126,0 0 15px -2px #ec48991a}.wcs-level-btn.locked{opacity:.4;cursor:not-allowed;box-shadow:none!important;transform:none!important}.wcs-level-btn.locked:before{display:none}.wcs-scale-in{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards wcsScaleIn}@keyframes wcsScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.wcs-fade-in{animation:.2s ease-out forwards wcsFadeIn}@keyframes wcsFadeIn{0%{opacity:0}to{opacity:1}}.wcs-game-layout{box-sizing:border-box;grid-template-rows:auto 1fr auto;max-width:600px;min-height:calc(100vh - 64px);margin:0 auto;padding:1rem;display:grid}@media (max-width:480px){.wcs-game-layout{min-height:calc(100vh - 56px);padding:.5rem}}.wcs-canvas-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}canvas.wcs-game-canvas{touch-action:none;width:100%;height:100%;max-height:400px;display:block}.wcs-star{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.wcs-star.animate{transform:scale(1.3)rotate(15deg)}.wcs-grid-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.wcs-star-container{justify-content:center;align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.wcs-star-badge{opacity:0;background:#ffffffd9;border:1.5px solid #f59e0b40;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;transition:all .3s;display:flex;transform:scale(0);box-shadow:0 10px 15px -3px #f59e0b1a,inset 0 2px 4px #ffffffe6}.dark .wcs-star-badge{background:#1e293bcc;border-color:#f59e0b26;box-shadow:0 10px 15px -3px #0000004d}.wcs-star-badge.inactive{opacity:.6;box-shadow:none;background:#f1f5f980;border-color:#94a3b833;transform:scale(.9)}.dark .wcs-star-badge.inactive{background:#0f172a66}@keyframes wcsStarPop{0%{opacity:0;transform:scale(0)rotate(-45deg)}to{opacity:1;transform:scale(1.1)rotate(0)}}@keyframes wcsShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-3px,1.5px)}40%,80%{transform:translate(3px,-1.5px)}}.wcs-shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both wcsShake}@keyframes wcsBloom{0%{opacity:1}to{opacity:0}}.wcs-bloom-flash{animation:.45s ease-out forwards wcsBloom}@keyframes wcsBoardGlow{0%,to{box-shadow:0 20px 40px -15px #6366f129,0 0 50px -10px #ec489914}50%{border-color:#ec48998c;box-shadow:0 0 35px #ec489980,0 0 55px #6366f166}}.wcs-board-glow{animation:1.5s ease-in-out forwards wcsBoardGlow}.wcs-victory-overlay{-webkit-backdrop-filter:blur(18px)saturate(1.4);z-index:60;background:linear-gradient(160deg,#0a0619b8 0%,#0f0a28cc 100%);justify-content:center;align-items:center;animation:.5s cubic-bezier(.22,1,.36,1) forwards wcsVictoryBgIn;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes wcsVictoryBgIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4)}}.wcs-light-rays{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.wcs-ray{transform-origin:50% 0;background:linear-gradient(#fbbf242e,#0000);border-radius:2px;width:3px;height:55vh;animation:4s ease-in-out infinite wcsRayPulse;position:absolute;top:50%;left:50%}@keyframes wcsRayPulse{0%,to{opacity:.18}50%{opacity:.45}}.wcs-shooting-star{pointer-events:none;background:linear-gradient(#ffffffe6,#0000);border-radius:2px;width:2px;height:80px;animation:linear infinite wcsShootingStar;position:absolute}@keyframes wcsShootingStar{0%{opacity:1;transform:translate(0)translateY(-100px)rotate(35deg)}to{opacity:0;transform:translate(300px)translateY(110vh)rotate(35deg)}}@keyframes wcsOrb{0%,to{opacity:.14;transform:translateY(0)scale(1)}50%{opacity:.28;transform:translateY(-28px)scale(1.07)}}.wcs-orb{pointer-events:none;filter:blur(40px);border-radius:50%;animation:ease-in-out infinite wcsOrb;position:absolute}.wcs-victory-particle{pointer-events:none;animation:wcsFloatUp var(--duration,6s) linear infinite;animation-delay:var(--delay,0s);position:absolute;bottom:0}.wcs-victory-card{-webkit-backdrop-filter:blur(28px)saturate(1.5);background:linear-gradient(145deg,#ffffff21 0%,#ffffff0f 60%,#8250ff1a 100%);border:1.5px solid;border-image:linear-gradient(135deg,#fbbf2480,#ec489966,#6366f159) 1;animation:.8s cubic-bezier(.34,1.65,.64,1) forwards wcsCardSpring;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 30px 80px -20px #0000008c,0 0 60px #8b5cf62e,0 0 120px #ec48991a;border-radius:32px!important}@keyframes wcsCardSpring{0%{opacity:0;transform:scale(.72)translateY(48px)}to{opacity:1;transform:scale(1)translateY(0)}}.wcs-victory-card:before{content:"";z-index:-1;background:linear-gradient(135deg,#fbbf2499 0%,#ec489966 35%,#6366f180 65%,#0ea5e966 100%) 0 0/300% 300%;border-radius:34px;animation:5s infinite wcsBorderSwirl;position:absolute;inset:-2px}@keyframes wcsBorderSwirl{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.wcs-victory-card:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#0000 20%,#ffffff0f 50%,#0000 80%);width:55%;height:100%;animation:6s ease-in-out infinite wcsCardSheen;position:absolute;top:0;left:-60%}@keyframes wcsCardSheen{0%{opacity:0;left:-60%}30%{opacity:1}60%{opacity:0;left:120%}to{opacity:0;left:120%}}@keyframes wcsTitlePop{0%{opacity:0;filter:blur(8px);transform:scale(.45)translateY(-20px)}60%{opacity:1;filter:blur();transform:scale(1.12)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.wcs-victory-title{text-shadow:0 0 30px #fbbf2459;animation:.9s cubic-bezier(.34,1.6,.64,1) forwards wcsTitlePop}@keyframes wcsTitleGlow{0%,to{filter:drop-shadow(0 0 8px #fbbf2466)}50%{filter:drop-shadow(0 0 18px #fbbf24cc)}}.wcs-victory-title-glow{animation:2.5s ease-in-out infinite wcsTitleGlow}.wcs-star-container{justify-content:center;align-items:flex-end;gap:10px;margin:18px 0 22px;display:flex}.wcs-star-badge{opacity:0;justify-content:center;align-items:center;transition:none;display:flex;transform:scale(0)rotate(-30deg)translateY(30px)}.wcs-star-badge.pop{animation:.65s cubic-bezier(.34,1.8,.64,1) forwards wcsStarFlyIn}.wcs-star-badge.inactive{filter:grayscale(.65);opacity:.4!important}@keyframes wcsStarFlyIn{0%{opacity:0;transform:scale(0)rotate(-40deg)translateY(50px)}55%{opacity:1;filter:drop-shadow(0 0 14px #fbbf24e6);transform:scale(1.28)rotate(8deg)translateY(-6px)}75%{transform:scale(.92)rotate(-4deg)translateY(3px)}to{opacity:1;filter:drop-shadow(0 0 8px #fbbf2499);transform:scale(1)rotate(0)translateY(0)}}@keyframes wcsStarPulse{0%,to{filter:drop-shadow(0 0 6px #fbbf2480)}50%{filter:drop-shadow(0 0 16px #fbbf24)}}.wcs-star-badge.pop.active-star{animation:.65s cubic-bezier(.34,1.8,.64,1) forwards wcsStarFlyIn,2.2s ease-in-out .7s infinite wcsStarPulse}.wcs-star-badge:nth-child(2) svg{width:2.8rem;height:2.8rem}.wcs-star-badge:first-child svg,.wcs-star-badge:nth-child(3) svg{width:2.2rem;height:2.2rem}.wcs-stat-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;transition:transform .2s,box-shadow .2s;animation:.5s cubic-bezier(.22,1,.36,1) both wcsStatCardIn;display:flex}.wcs-stat-card:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 8px 24px #00000040}@keyframes wcsStatCardIn{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.wcs-stat-icon{font-size:1.2rem;line-height:1}.wcs-stat-label{letter-spacing:.08em;text-transform:uppercase;color:#c8beffa6;font-size:9px;font-weight:800}.wcs-stat-value{color:#fff;font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:900;line-height:1.1}.wcs-stat-sub{color:#b4afdc8c;font-size:9px;font-weight:600}.wcs-reward-pill{color:#c8beff99;letter-spacing:.04em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.wcs-btn-next{color:#fff;letter-spacing:.04em;cursor:pointer;text-shadow:0 1px 6px #00000040;background:linear-gradient(135deg,#f59e0b 0%,#f97316 40%,#ec4899 80%,#a855f7 100%) 0 0/250%;border:none;border-radius:20px;width:100%;padding:18px;font-size:1rem;font-weight:900;transition:transform .18s,box-shadow .18s;animation:5s linear infinite wcsBtnShine,3s ease-in-out infinite wcsBtnBob;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fbbf2440,0 8px 32px #ec489966,0 2px 8px #00000040}.wcs-btn-next:hover{animation:2s linear infinite wcsBtnShine,3s ease-in-out infinite wcsBtnBob;transform:translateY(-3px)scale(1.02);box-shadow:inset 0 0 0 1px #fbbf2459,0 14px 40px #ec48998c,0 2px 8px #0000004d}.wcs-btn-next:active{transform:scale(.96)}@keyframes wcsBtnShine{0%{background-position:-100%}to{background-position:250%}}@keyframes wcsBtnBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wcs-btn-next:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff38 50%,#0000 80%);width:60%;height:100%;animation:5s ease-in-out infinite wcsBtnSweep;position:absolute;top:0;left:-80%}@keyframes wcsBtnSweep{0%{opacity:0;left:-80%}20%{opacity:1}50%{opacity:0;left:120%}to{opacity:0;left:120%}}.wcs-btn-secondary{color:#dcd7ffe6;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;justify-content:center;align-items:center;gap:7px;padding:14px 12px;font-size:.82rem;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.wcs-btn-secondary:hover{background:#ffffff24;transform:translateY(-2px);box-shadow:0 6px 20px #00000040,0 0 12px #8b5cf633}.wcs-btn-secondary:active{transform:scale(.95)}@keyframes wcsBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.wcs-btn-bob{animation:2.8s ease-in-out infinite wcsBob}.wcs-btn-shine{background-size:200%;animation:4.5s linear infinite wcsBtnShine}