.crs-root{--crs-text:#eef1f8;--crs-muted:#9aa3b8;--crs-faint:#8d96ac;--crs-dim:#707a93;--crs-gold:#ffd27a;--crs-green:#6fe3a0;--crs-cyan:#8df4ff;--crs-blue:#6fb6ff;--crs-violet:#b98bff;--crs-card:rgba(19,14,38,0.74);--crs-card-border:rgba(255,255,255,0.09);position:relative;min-height:100vh;padding:108px 26px 48px;color:var(--crs-text);background:#0b0716;overflow:hidden;font-family:inherit}.crs-bg{background:radial-gradient(1000px 640px at 72% -12%,rgba(104,78,236,.3),transparent 62%),radial-gradient(860px 620px at -8% 106%,rgba(215,62,143,.2),transparent 62%),radial-gradient(720px 520px at 108% 78%,rgba(64,110,244,.14),transparent 60%),linear-gradient(158deg,#180f30,#110b21 48%,#0b0716)}.crs-bg,.crs-stars{position:absolute;inset:0;z-index:0;pointer-events:none}.crs-stars{background-image:radial-gradient(2px 2px at 40px 60px,rgba(255,255,255,.85),transparent),radial-gradient(1.5px 1.5px at 130px 180px,rgba(255,255,255,.55),transparent),radial-gradient(1.5px 1.5px at 220px 90px,rgba(190,210,255,.7),transparent),radial-gradient(2px 2px at 300px 240px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 80px 270px,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 360px 40px,rgba(255,255,255,.55),transparent);background-size:400px 320px;animation:crs-twinkle 4.5s ease-in-out infinite}.crs-stars--far{background-size:270px 260px;opacity:.5;animation:crs-twinkle 6.5s ease-in-out infinite reverse,crs-stars-drift 180s linear infinite}@keyframes crs-twinkle{0%,to{opacity:.85}50%{opacity:.4}}@keyframes crs-stars-drift{to{background-position:700px 0}}.crs-frame{position:relative;z-index:1;display:flex;flex-direction:column;gap:26px;width:100%;max-width:1240px;margin:0 auto}.crs-root h1,.crs-root h2,.crs-root h3{font-family:inherit}.crs-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:8px 0 4px}.crs-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.66rem;font-weight:900;letter-spacing:.24em;text-transform:uppercase;color:#7c86a3}.crs-eyebrow svg{color:var(--crs-gold)}.crs-hero__title{margin:0;max-width:16ch;font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.06;letter-spacing:.01em;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.45),0 0 44px rgba(139,104,255,.35)}.crs-hero__lede{margin:0;max-width:56ch;color:var(--crs-muted);font-size:.95rem;line-height:1.6}.crs-hero__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.crs-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(16,12,32,.55);backdrop-filter:blur(8px);color:#dfe4f1;font-size:.74rem;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.crs-chip svg{color:var(--crs-cyan)}.crs-chip--action{cursor:pointer;border-color:rgba(255,210,122,.32);background:rgba(255,210,122,.08);font-style:italic;font-weight:900;text-transform:uppercase;letter-spacing:.08em;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.crs-chip--action,.crs-chip--action svg{color:var(--crs-gold)}.crs-chip--action:hover{transform:translateY(-1px);border-color:rgba(255,210,122,.55);box-shadow:0 8px 24px rgba(255,180,80,.2)}.crs-section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:100px}.crs-section__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.crs-section__head h2{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--crs-faint)}.crs-section__head h2 svg{color:var(--crs-gold)}.crs-section__note{font-size:.78rem;font-weight:800;color:var(--crs-muted);font-variant-numeric:tabular-nums}.crs-filters{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:20px;background:var(--crs-card);border:1px solid var(--crs-card-border);backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.35)}.crs-filter{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:14px}.crs-filter__label{font-size:.62rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--crs-dim)}.crs-filter__pills{display:flex;flex-wrap:wrap;gap:7px}.crs-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:rgba(16,12,32,.55);color:#dfe4f1;font-style:italic;font-weight:900;text-transform:uppercase;font-size:.7rem;letter-spacing:.07em;transition:transform .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,background .15s ease}.crs-pill:hover{transform:translateY(-1px);color:#fff;border-color:rgba(141,244,255,.55);box-shadow:0 8px 24px rgba(80,120,255,.25)}.crs-pill.is-active{color:#1a0d33;border-color:transparent;background:linear-gradient(180deg,#cfa9ff,#8b5cf6);box-shadow:0 10px 26px rgba(139,92,246,.4),inset 0 2px 0 rgba(255,255,255,.45),inset 0 -2px 0 rgba(60,20,120,.3)}.crs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.crs-card{--accent:var(--crs-accent,#6fb6ff);position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:var(--crs-card);border:1px solid var(--crs-card-border);backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,.35);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.crs-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 24px 60px rgba(0,0,0,.45),0 0 32px color-mix(in srgb,var(--accent) 18%,transparent)}.crs-card.is-saved{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.crs-card__art{position:relative;overflow:hidden;height:132px;flex:0 0 auto;background:radial-gradient(230px 150px at 78% 118%,color-mix(in srgb,var(--accent) 34%,transparent),transparent 72%),radial-gradient(280px 170px at 12% -34%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%),linear-gradient(158deg,rgba(38,26,74,.85) 0,rgba(22,15,44,.9) 100%);border-bottom:1px solid rgba(255,255,255,.07)}.crs-card__ring{position:absolute;left:50%;top:116%;transform:translate(-50%,-50%) rotate(-16deg);width:250px;height:250px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:0 0 0 16px color-mix(in srgb,var(--accent) 6%,transparent)}.crs-card__glyph{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);display:grid;place-items:center;width:96px;height:96px;border-radius:50% 50% 0 0/100% 100% 0 0;color:var(--accent);background:radial-gradient(circle at 36% 26%,color-mix(in srgb,var(--accent) 36%,transparent) 0,transparent 58%),rgba(12,8,26,.72);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);border-bottom:0;box-shadow:0 0 34px color-mix(in srgb,var(--accent) 30%,transparent);transition:transform .18s ease}.crs-card:hover .crs-card__glyph{transform:translateX(-50%) translateY(-4px)}.crs-card__glyph svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.crs-card__spark{position:absolute;color:#ffe08a;opacity:.85;animation:crs-twinkle 2.6s ease-in-out infinite}.crs-card__spark--1{left:14%;top:26%}.crs-card__spark--2{right:15%;top:20%;color:var(--crs-cyan);animation-delay:.8s}.crs-card__spark--3{right:26%;top:62%;color:#fff;animation-delay:1.4s}.crs-card__board,.crs-card__level{position:absolute;top:10px;display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;font-style:italic;font-weight:900;text-transform:uppercase;font-size:.62rem;letter-spacing:.1em;backdrop-filter:blur(6px)}.crs-card__level{left:10px;color:#dfe4f1;background:rgba(10,7,22,.6);border:1px solid rgba(255,255,255,.14)}.crs-card__board{right:10px;color:color-mix(in srgb,var(--accent) 82%,#fff);background:color-mix(in srgb,var(--accent) 16%,rgba(10,7,22,.6));border:1px solid color-mix(in srgb,var(--accent) 42%,transparent)}.crs-card__body{display:flex;flex-direction:column;gap:7px;flex:1;padding:15px 17px 0}.crs-card__title{margin:0;font-style:italic;font-weight:900;text-transform:uppercase;font-size:1.02rem;line-height:1.18;letter-spacing:.01em;color:#fff}.crs-card__summary{margin:0;color:var(--crs-muted);font-size:.83rem;line-height:1.55}.crs-card__foot{display:flex;padding:14px 17px 17px}.crs-card__foot,.crs-play{align-items:center;gap:9px}.crs-play{flex:1;display:inline-flex;justify-content:center;min-height:42px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;font-style:italic;font-weight:900;text-transform:uppercase;font-size:.84rem;letter-spacing:.06em;color:#06270f;background:linear-gradient(180deg,#79f6a4,#2fc167);box-shadow:0 12px 30px rgba(46,204,113,.38),inset 0 2px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,80,40,.3);transition:box-shadow .18s ease,transform .18s ease}.crs-play:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(46,204,113,.5),inset 0 2px 0 rgba(255,255,255,.55),inset 0 -3px 0 rgba(0,80,40,.3)}.crs-play svg{fill:currentColor}.crs-save{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:rgba(16,12,32,.55);color:#dfe4f1;font-style:italic;font-weight:900;text-transform:uppercase;font-size:.68rem;letter-spacing:.07em;transition:transform .15s ease,border-color .15s ease,color .15s ease,background .15s ease}.crs-save:hover:not(:disabled){transform:translateY(-1px);color:#fff;border-color:rgba(141,244,255,.55)}.crs-save.is-active{color:color-mix(in srgb,var(--accent) 85%,#fff);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 14%,rgba(16,12,32,.55))}.crs-save:disabled{opacity:.6;cursor:default}.crs-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 24px;border-radius:20px;border:1px dashed rgba(255,255,255,.16);background:rgba(16,12,32,.4);text-align:center}.crs-empty p{margin:0;color:var(--crs-muted);font-size:.92rem}.crs-footnote{margin:0;color:var(--crs-dim);font-size:.78rem;font-weight:600;letter-spacing:.02em}@media (max-width:900px){.crs-root{padding:96px 18px 40px}}@media (max-width:700px){.crs-filter{grid-template-columns:1fr;gap:7px}}@media (max-width:560px){.crs-root{padding:88px 14px 36px}.crs-frame{gap:22px}.crs-grid{grid-template-columns:1fr}.crs-hero__meta{gap:6px}.crs-section__head{flex-wrap:wrap}}