.arc-shell { padding-top:17px; }
.arc-hero.arc-catalog-hero { min-height:260px;padding:30px 38px;background:radial-gradient(ellipse at 78% 30%,#5e3b83 0%,transparent 45%),linear-gradient(115deg,#142943,#1e3555 54%,#26243d);border:1px solid #324665;border-radius:16px; }
.arc-catalog-hero .arc-eyebrow { color:#c2b1ee;font-size:10px;letter-spacing:2px; }
.arc-catalog-hero h1 { font-size:34px;letter-spacing:-.7px;margin:11px 0; }
.arc-catalog-hero p { max-width:590px;font-size:14px;color:#c4d4e8; }
.arc-catalog-hero .arc-hero-art { flex-basis:230px;height:195px; }.arc-catalog-hero .arc-mascot { width:220px;height:205px; }
.arc-hero-cta { display:flex;gap:10px;flex-wrap:wrap;margin-top:20px; }.arc-hero-cta a { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:9px 14px;border:1px solid #687c9b;border-radius:8px;color:#edf3fc;background:#ffffff08;font-size:12px;font-weight:600;text-decoration:none; }.arc-hero-cta a:first-child { color:#172438;background:#eef2fe;border-color:#eef2fe; }.arc-hero-cta .sv-icon { width:16px;height:16px; }
.arc-hero-chips { display:flex;align-items:center;gap:12px;margin-top:17px;font-size:10px;color:#b8c9df; }.arc-hero-chips span+span:before { content:'•';margin-right:12px;color:#b68ae1; }
.arc-stats { gap:12px;margin-block:18px 25px; }.arc-stats>div { position:relative;padding:17px 19px;gap:12px;background:var(--surface);border-radius:11px; }.arc-stats>div:before { content:'';width:4px;height:30px;border-radius:3px;background:#6597d5; }.arc-stats>div:nth-child(2):before { background:#9678c5; }.arc-stats>div:nth-child(3):before { background:#d2ac54; }.arc-stats>div:nth-child(4):before { background:#5aaf9a; }.arc-stats strong { font-size:24px;font-weight:700; }.arc-stats span { font-size:11px; }
.arc-layout { grid-template-columns:minmax(0,1fr) 300px;gap:22px; }.arc-sidebar { position:sticky;top:18px;min-width:0; }.arc-main { gap:20px; }
.arc-catalog-toolbar { display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:15px 12px;align-items:center;scroll-margin-top:20px; }.arc-catalog-toolbar header>span { color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1.2px; }.arc-catalog-toolbar h2 { margin:5px 0;color:var(--ink);font-size:24px;line-height:1.4;letter-spacing:-.4px; }.arc-catalog-toolbar header p { margin:0;color:var(--muted);font-size:12px; }.arc-catalog-search { display:flex;align-items:center;gap:8px;padding:3px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface); }.arc-catalog-search>.sv-icon { width:17px;height:17px;flex:0 0 17px;color:var(--muted); }.arc-catalog-search input { padding:8px 0;border:0;background:transparent;font-size:12px;outline:0; }
.arc-catalog-filters { display:flex;align-items:center;gap:7px;flex-wrap:wrap;grid-column:1/-1; }.arc-catalog-filters button { min-height:32px;padding:6px 11px;font-size:11px;border-radius:17px;background:var(--surface);color:var(--muted);font-weight:500; }.arc-catalog-filters button.active { background:#22456d;color:#fff;border-color:#22456d; }.arc-catalog-count { grid-column:2;justify-self:end;color:var(--muted);font-size:10px; }
.arc-games.arc-catalog-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch; }
.arc-catalog-card { min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 4px 15px #14376105;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }.arc-catalog-card:hover { transform:translateY(-3px);border-color:#a6bcda;box-shadow:0 9px 22px #17365312; }.arc-game-cover { position:relative;background:#101f38;aspect-ratio:5/3;overflow:hidden; }.arc-game-cover img { display:block;width:100%;height:100%;object-fit:cover; }.arc-cover-badge { position:absolute;bottom:9px;left:10px;padding:4px 7px;border:1px solid #ffffff28;border-radius:5px;background:#12213ce0;color:#eaf1ff;font-size:9px;backdrop-filter:blur(4px); }
.arc-catalog-card-body { display:flex;flex:1;flex-direction:column;padding:14px 15px 15px; }.arc-catalog-card-meta { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px; }.arc-catalog-card-meta>span { color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.3px; }.arc-shell .arc-catalog-score { display:grid;place-items:center;min-height:25px;width:26px;padding:4px;border:0;color:#b79a53;background:var(--soft);border-radius:5px; }.arc-catalog-score .sv-icon { width:15px;height:15px; }.arc-catalog-card h3 { margin:0 0 8px;font-size:16px;line-height:1.45;color:var(--ink);letter-spacing:-.2px; }.arc-catalog-card p { margin:0 0 10px;font-size:11px;color:var(--muted);line-height:1.75; }.arc-catalog-card-body>small { display:block;font-size:9px;color:var(--muted);line-height:1.6;margin-top:auto;padding-top:4px; }
.arc-catalog-actions { display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:13px; }.arc-catalog-actions button { min-height:35px;padding:7px 10px;font-size:11px;flex:1;white-space:nowrap; }.arc-catalog-actions .arc-primary { display:inline-flex;align-items:center;justify-content:space-between;gap:8px;background:#214d83;border-color:#214d83; }.arc-catalog-actions .sv-icon { width:15px;height:15px; }.arc-catalog-difficulty { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:10px;color:var(--muted); }.arc-catalog-difficulty select { width:95px;min-height:30px;padding:3px 7px;font-size:11px; }
.arc-catalog-empty { margin:0;padding:25px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);background:var(--surface);text-align:center;font-size:13px;line-height:1.7; }
.arc-panel-head { background:var(--soft);padding:17px 18px; }.arc-panel-head h2 { font-size:16px; }.arc-ranking .arc-panel-head { background:linear-gradient(115deg,#1b395b,#26496d);color:#fff; }.arc-ranking .arc-panel-head h2 { color:#fff; }.arc-ranking .arc-panel-head small { color:#c4d2e3;font-size:9px; }.arc-ranking-filters { grid-template-columns:1fr;padding:13px;gap:8px; }.arc-ranking-list { padding:0 13px; }.arc-ranking-list li { gap:7px; }.arc-ranking-list li:first-child .arc-rank { color:#b08a37; }.arc-ranking-list li:nth-child(2) .arc-rank { color:#7c8ea5; }.arc-ranking-list li:nth-child(3) .arc-rank { color:#a77b63; }.arc-ranking-list li>strong { font-size:15px; }.arc-ranking-list li>div { overflow:hidden; }.arc-ranking-list li>div :is(a,strong) { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.arc-open-room { padding:14px 0; }.arc-open-room button { color:var(--blue);background:var(--soft); }.arc-rules { background:var(--surface); }.arc-login-notice { font-size:12px; }
.arc-layout:has(.raid-active-stage),.arc-layout:has(.classic-wide-stage) { grid-template-columns:minmax(0,1fr); }
[data-theme=dark] .arc-catalog-card:hover { border-color:#476286;box-shadow:0 10px 22px #0002; }[data-theme=dark] .arc-catalog-filters button.active { background:#355b88;border-color:#355b88; }
@media(max-width:1180px) { .arc-layout { grid-template-columns:minmax(0,1fr) 265px;gap:17px; }.arc-games.arc-catalog-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }.arc-catalog-toolbar { grid-template-columns:minmax(0,1fr) 190px; } }
@media(max-width:900px) { .arc-layout { grid-template-columns:minmax(0,1fr); }.arc-sidebar { position:static; }.arc-ranking-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }.arc-catalog-card h3 { font-size:18px; }.arc-catalog-card p { font-size:12px; }.arc-catalog-card-body { padding:16px; }.arc-stats>div { flex-direction:row;align-items:center;padding:14px 12px; }.arc-stats>div:before { display:none; }.arc-catalog-hero.arc-hero { padding:25px; }.arc-catalog-hero h1 { font-size:30px; }.arc-catalog-hero .arc-hero-art { flex-basis:200px; }.arc-catalog-hero .arc-mascot { width:195px; } }
@media(max-width:600px) { .arc-hero.arc-catalog-hero { min-height:270px;padding:23px 18px 26px;align-items:flex-start; }.arc-catalog-hero>div:first-child { max-width:100%;padding-right:65px; }.arc-catalog-hero .arc-eyebrow { font-size:8px;letter-spacing:1.2px; }.arc-catalog-hero h1 { font-size:29px;max-width:230px; }.arc-catalog-hero p { font-size:12px;max-width:245px; }.arc-catalog-hero .arc-hero-art { position:absolute;right:-12px;bottom:13px;width:125px;height:130px; }.arc-catalog-hero .arc-mascot { width:125px;height:130px; }.arc-hero-cta { gap:7px;max-width:250px; }.arc-hero-cta a { font-size:10px;padding:7px 9px;min-height:34px; }.arc-hero-chips { gap:7px;font-size:8px;flex-wrap:wrap;max-width:230px; }.arc-hero-chips span+span:before { margin-right:7px; }.arc-stats { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:14px 20px; }.arc-stats strong { font-size:22px; }.arc-stats span { font-size:10px; }.arc-catalog-toolbar { grid-template-columns:minmax(0,1fr);gap:12px; }.arc-catalog-toolbar h2 { font-size:22px; }.arc-catalog-search { width:100%; }.arc-catalog-search input { font-size:16px; }.arc-catalog-filters { grid-column:1;gap:6px; }.arc-catalog-filters button { padding:6px 9px;font-size:10px; }.arc-catalog-count { grid-column:1;justify-self:start; }.arc-games.arc-catalog-grid { grid-template-columns:minmax(0,1fr);gap:15px; }.arc-catalog-card-body { padding:15px 17px 17px; }.arc-catalog-card h3 { font-size:20px; }.arc-catalog-card p { font-size:12px; }.arc-catalog-card-body>small,.arc-catalog-card-meta>span { font-size:10px; }.arc-catalog-actions button { min-height:38px;font-size:12px; }.arc-catalog-difficulty select { font-size:16px; }.arc-cover-badge { font-size:10px; }.arc-ranking-list li>div :is(a,strong) { font-size:13px; }.arc-login-notice { gap:8px;padding:13px;font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .arc-catalog-card { transition:none; }.arc-catalog-card:hover { transform:none; } }