@layer components{.cl-room{--cl-website:var(--color-crystal);--cl-drops:#f5b54a;--cl-shop:#ffd84d;--cl-events:#ff5d6c;--cl-client:var(--color-violet);--cl-gameplay:#4ade80;--cl-fixes:#ff8fe0}.cl-card{--c:var(--color-crystal)}.cl-c-website{--c:var(--cl-website)}.cl-c-drops{--c:var(--cl-drops)}.cl-c-shop{--c:var(--cl-shop)}.cl-c-events{--c:var(--cl-events)}.cl-c-client{--c:var(--cl-client)}.cl-c-gameplay{--c:var(--cl-gameplay)}.cl-c-fixes{--c:var(--cl-fixes)}.cl-day{gap:14px;min-width:0;display:grid}.cl-day-h{top:var(--cl-stick,8px);z-index:2;border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-void) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:fit-content;max-width:100%;font-family:var(--font-display);letter-spacing:.08em;color:var(--color-pearl);border-radius:999px;align-items:baseline;gap:12px;padding:8px 14px;font-size:14px;display:flex;position:sticky}.cl-day-h small{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);font-size:11px}.cl-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));align-items:start;gap:16px;display:grid}.cl-card{border:1px solid var(--color-line);background:linear-gradient(180deg, color-mix(in srgb, var(--c) 7%, var(--color-void)), color-mix(in srgb, var(--color-void) 92%, transparent) 220px);min-width:0;box-shadow:inset 0 3px 0 color-mix(in srgb, var(--c) 70%, transparent);border-radius:14px;display:grid;position:relative;overflow:hidden}.cl-card:target{outline:2px solid var(--c);outline-offset:3px}@media (min-width:900px){.cl-card.cl-m-pic{grid-column:span 2;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}.cl-gallery{background:color-mix(in srgb, var(--c) 10%, #05060c);grid-template-rows:minmax(0,1fr) auto;gap:3px;min-width:0;display:grid}.cl-pic{min-width:0;min-height:0;display:block;overflow:hidden}.cl-pic picture{height:100%;display:block}.cl-pic img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.cl-pic-main{aspect-ratio:16/10}@media (min-width:900px){.cl-pic-main{aspect-ratio:auto;min-height:300px}}.cl-thumbs{gap:6px;padding:6px;display:flex}.cl-thumbs>span{outline:1px solid color-mix(in srgb, var(--c) 35%, transparent);border-radius:6px;flex:0 132px;min-width:0;overflow:hidden}.cl-thumbs .cl-pic{height:76px}.cl-stats{background:color-mix(in srgb, var(--c) 18%, var(--color-line));border-bottom:1px solid color-mix(in srgb, var(--c) 25%, var(--color-line));gap:1px;display:grid}.cl-stat{background:radial-gradient(140% 120% at 0% 0%, color-mix(in srgb, var(--c) 16%, transparent), transparent 65%), color-mix(in srgb, var(--color-void) 94%, #000);gap:4px;min-width:0;padding:14px 18px;display:grid}.cl-stat-l{letter-spacing:.14em;text-transform:uppercase;color:var(--color-silver);overflow-wrap:anywhere;font-size:11px;font-weight:700}.cl-stat-l small{letter-spacing:.1em;color:var(--color-muted);margin-top:2px;font-size:10px;font-weight:600;display:block}.cl-stat-v{flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-width:0;display:flex}.cl-was{color:var(--color-muted);overflow-wrap:anywhere;font-size:15px;text-decoration-color:#ff5d6cb3;text-decoration-thickness:2px}.cl-stat-v i{color:var(--c);font-style:normal;font-weight:900}.cl-stat-v b{font-family:var(--font-display);color:var(--color-pearl);text-shadow:0 0 24px color-mix(in srgb, var(--c) 45%, transparent);overflow-wrap:anywhere;font-size:clamp(22px,2.6vw,30px);font-weight:800;line-height:1.05}.cl-q b{font-size:clamp(17px,1.8vw,21px)!important}.cl-q i{font-size:13px}.cl-q-higher i{color:#4ade80}.cl-q-lower i{color:#ff7a85}.cl-s1 .cl-stat{padding:22px 20px}.cl-s1 .cl-stat-v b{font-size:clamp(28px,3.4vw,40px)}.cl-s3 .cl-stat-v b,.cl-s4 .cl-stat-v b{font-size:clamp(18px,2vw,22px)}.cl-s2,.cl-s4{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-body{align-content:start;gap:8px;min-width:0;padding:16px 18px 18px;display:grid}.cl-m-pic .cl-body{align-content:center;padding:20px 22px 22px}.cl-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cl-cat,.cl-tester,.cl-live{letter-spacing:.16em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.cl-cat{color:var(--c);background:color-mix(in srgb, var(--c) 14%, transparent);border:1px solid color-mix(in srgb, var(--c) 40%, transparent)}.cl-tester{color:#f5b54a;border:1px dashed #f5b54a99}.cl-live{color:#4ade80;align-items:center;gap:5px;display:inline-flex}.cl-live i{background:#4ade80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4ade80}.cl-h{font-family:var(--font-display);color:var(--color-pearl);overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.25}.cl-m-pic .cl-h{font-size:clamp(20px,2vw,24px)}.cl-m-text .cl-h{font-size:17px}.cl-player{color:var(--color-silver);overflow-wrap:anywhere;font-size:14px;line-height:1.55}.cl-more{border-top:1px solid color-mix(in srgb, var(--color-line) 70%, transparent);color:var(--color-silver);padding-top:8px;font-size:13px}.cl-more summary{cursor:pointer;letter-spacing:.16em;text-transform:uppercase;width:fit-content;color:var(--c);font-size:11px;font-weight:800;list-style:none}.cl-more summary::-webkit-details-marker{display:none}.cl-more summary:after{content:" +"}.cl-more[open] summary:after{content:" −"}.cl-more summary span{color:var(--color-muted)}.cl-more ul{gap:6px;margin-top:8px;padding-left:16px;line-height:1.5;list-style:outside;display:grid}.cl-more li{overflow-wrap:anywhere}.cl-more li::marker{color:var(--c)}.cl-more .cl-sub{color:var(--color-muted);margin-left:14px;list-style:circle}.cl-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.cl-pager a{padding:10px 16px}.cl-pager span{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-size:12px}.cl-chip-website{--chip:var(--cl-website)}.cl-chip-drops{--chip:var(--cl-drops)}.cl-chip-shop{--chip:var(--cl-shop)}.cl-chip-events{--chip:var(--cl-events)}.cl-chip-client{--chip:var(--cl-client)}.cl-chip-gameplay{--chip:var(--cl-gameplay)}.cl-chip-fixes{--chip:var(--cl-fixes)}@media (prefers-reduced-motion:no-preference){.cl-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}.cl-card:hover{border-color:color-mix(in srgb, var(--c) 55%, var(--color-line));box-shadow:inset 0 3px 0 var(--c), 0 22px 46px -26px var(--c);transform:translateY(-3px)}.cl-pic img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.cl-card:hover .cl-pic img{transform:scale(1.03)}}}:is([data-template=icarus],[data-template=grove],[data-template=bazaar]) .cl-card{background:var(--icx-card-solid);border-color:var(--icx-hair);box-shadow:var(--icx-shadow), inset 0 3px 0 var(--c)}:is([data-template=icarus],[data-template=grove],[data-template=bazaar]) .cl-stat{background:radial-gradient(140% 120% at 0% 0%, color-mix(in srgb, var(--c) 14%, transparent), transparent 65%), #fff}:is([data-template=icarus],[data-template=grove],[data-template=bazaar]) :is(.cl-h,.cl-stat-v b){color:var(--icx-ink);text-shadow:none}:is([data-template=icarus],[data-template=grove],[data-template=bazaar]) :is(.cl-player,.cl-more,.cl-stat-l){color:var(--icx-ink-2)}:is([data-template=icarus],[data-template=grove],[data-template=bazaar]) :is(.cl-was,.cl-day-h small,.cl-stat-l small){color:var(--icx-ink-3)}:is([data-template=icarus],[data-template=grove],[data-template=bazaar]) .cl-day-h{border-color:var(--icx-hair);color:var(--icx-ink);background:#ffffffdb}:is([data-template=warroom],[data-template=legacy],[data-template=sanctuary]) :is(.cl-card,.cl-day-h){border-radius:0}[data-template=arena] .cl-card{clip-path:var(--ar-clip);border-radius:0}