.levels-module__p5Z6tW__page{--bg:#eef3fb;--bg-2:#fff;--ink:#1b2541;--muted:#7d88a3;--line:#d6deec;--cell:#e2e9f5;--accent:#0fb5a0;--accent-2:#2c93d8;--given:#f5a623;--glow:#0fb5a047;background:radial-gradient(130% 80% at 50% -10%, #fff 0%, var(--bg) 55%), var(--bg);width:100%;color:var(--ink);min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;max-width:480px;margin:0 auto;display:flex}.levels-module__p5Z6tW__topbar{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.levels-module__p5Z6tW__iconBtn{background:var(--bg-2);border:1px solid var(--line);width:42px;height:42px;color:var(--muted);cursor:pointer;border-radius:12px;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex;box-shadow:0 2px 5px -2px #1b254126}.levels-module__p5Z6tW__iconBtn:hover{color:var(--ink)}.levels-module__p5Z6tW__iconBtn:active{background:#eef2f9}.levels-module__p5Z6tW__title{font-family:var(--font-serif), serif;letter-spacing:-.01em;text-align:center;font-size:24px;font-weight:600}.levels-module__p5Z6tW__progress{align-items:center;gap:12px;width:100%;margin-top:18px;display:flex}.levels-module__p5Z6tW__pbar{background:var(--cell);border:1px solid var(--line);border-radius:99px;flex:1;height:8px;overflow:hidden}.levels-module__p5Z6tW__pfill{background:linear-gradient(90deg, var(--accent), var(--accent-2));height:100%;box-shadow:0 0 12px var(--glow);border-radius:99px;transition:width .4s}.levels-module__p5Z6tW__pcount{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.levels-module__p5Z6tW__pcount b{color:var(--ink)}.levels-module__p5Z6tW__filters{flex-wrap:wrap;gap:8px;width:100%;margin-top:16px;display:flex}.levels-module__p5Z6tW__filterBtn{appearance:none;cursor:pointer;color:var(--muted);background:var(--bg-2);border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:600;transition:color .14s,border-color .14s,background .14s}.levels-module__p5Z6tW__filterBtn:hover{color:var(--ink)}.levels-module__p5Z6tW__filterActive{color:#06231f;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:#0000}.levels-module__p5Z6tW__grid{grid-template-columns:repeat(3,1fr);gap:18px 14px;width:100%;margin-top:22px;display:grid}.levels-module__p5Z6tW__level{appearance:none;cursor:pointer;aspect-ratio:1;color:var(--ink);background:linear-gradient(160deg,#2d3c5e 0%,#1b2540 100%);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:3px;text-decoration:none;transition:transform .12s,box-shadow .12s;animation:.4s cubic-bezier(.34,1.4,.64,1) backwards levels-module__p5Z6tW__rise;display:flex;position:relative;box-shadow:0 6px 14px -7px #1b325a66,inset 0 1px #ffffff2e,inset 0 -3px 6px #0006}.levels-module__p5Z6tW__level:before{content:"";z-index:0;background:radial-gradient(120% 80% at 50% -12%,#ffffff4d 0%,#fff0 48%),linear-gradient(#3a5fa3 0%,#244a86 52%,#18356b 100%);border-radius:16px;position:absolute;inset:3px;box-shadow:inset 0 2px 4px #ffffff38,inset 0 -8px 14px #00000052}.levels-module__p5Z6tW__medium{background:linear-gradient(160deg,#4c3d86 0%,#2e2356 100%)}.levels-module__p5Z6tW__medium:before{background:radial-gradient(120% 80% at 50% -12%,#ffffff4d 0%,#fff0 48%),linear-gradient(#9a86f2 0%,#7559db 52%,#5436ab 100%)}.levels-module__p5Z6tW__hard{background:linear-gradient(160deg,#6e2f2f 0%,#471c1c 100%)}.levels-module__p5Z6tW__hard:before{background:radial-gradient(120% 80% at 50% -12%,#ffffff4d 0%,#fff0 48%),linear-gradient(#d85c5c 0%,#b83a3a 52%,#8c2727 100%)}.levels-module__p5Z6tW__level:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#ffffff6b,#ffffff0a);border-radius:14px 14px 60% 60%/14px 14px 30% 30%;height:38%;position:absolute;top:6px;left:8px;right:8px}.levels-module__p5Z6tW__level>*{z-index:2;position:relative}@keyframes levels-module__p5Z6tW__rise{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.levels-module__p5Z6tW__level:hover{transform:translateY(-2px)}.levels-module__p5Z6tW__level:active{transform:translateY(2px)scale(.97);box-shadow:0 3px 8px -5px #00000080,inset 0 1px #ffffff24}.levels-module__p5Z6tW__levelNum{font-family:var(--font-serif), serif;color:#fff;text-shadow:0 2px #00000047,0 0 1px #0006;margin-top:4px;font-size:32px;font-style:italic;font-weight:700;line-height:1}.levels-module__p5Z6tW__stars{gap:3px;height:13px;margin-bottom:2px;display:flex}.levels-module__p5Z6tW__stars svg{filter:drop-shadow(0 1px 1px #0006);width:14px;height:14px}.levels-module__p5Z6tW__starOn{fill:var(--given);stroke:#b97e0a;stroke-width:1px}.levels-module__p5Z6tW__starOff{fill:#ffffff1f;stroke:#ffffff38;stroke-width:1.2px}.levels-module__p5Z6tW__pager{justify-content:space-between;align-items:center;gap:14px;width:100%;margin-top:auto;padding-top:22px;display:flex}.levels-module__p5Z6tW__pagerBtn{appearance:none;cursor:pointer;font-family:var(--font-sans), sans-serif;color:var(--ink);background:var(--bg-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;padding:12px 18px;font-size:15px;font-weight:600;transition:background .14s,border-color .14s,transform .12s,opacity .14s;display:flex;box-shadow:0 3px 8px -4px #1b325a33}.levels-module__p5Z6tW__pagerBtn:hover:not(:disabled){border-color:#bcc8de}.levels-module__p5Z6tW__pagerBtn:active:not(:disabled){transform:translateY(1px)}.levels-module__p5Z6tW__pagerBtn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.levels-module__p5Z6tW__pagerBtn svg{width:18px;height:18px}.levels-module__p5Z6tW__pagerInfo{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:600}.levels-module__p5Z6tW__pagerInfo b{color:var(--ink)}.levels-module__p5Z6tW__state{color:var(--muted);margin-top:40px;font-size:15px}@media (prefers-reduced-motion:reduce){.levels-module__p5Z6tW__level{animation:none!important}}