/* Public interface only: the bot, admin and OBS editor retain their own design. */
@font-face { font-family:Inter;src:url('fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap; }
.public-site {
  --bg-main:#080809;--bg-secondary:#101013;--bg-card:#151518;--bg-hover:#1c1c20;
  --accent-primary:#d51832;--accent-hover:#b91029;--accent-muted:#54131b;
  --text-primary:#f1f0f1;--text-secondary:#b4b4bd;--text-muted:#94949f;
  --border-default:#29292f;--border-hover:#484850;--metallic-accent:#a2a5ad;
  --blood:var(--accent-primary);--blood-text:#ff657a;--black:var(--bg-main);--paper:var(--text-primary);
  --paper-dim:var(--text-secondary);--rule:var(--border-default);--edge-soft:var(--border-default);--edge-strong:var(--border-hover);
  background:var(--bg-main);color:var(--text-primary);font-family:Arial,Helvetica,sans-serif;
}
.public-site::before,.public-site::after { display:none; }
/* Keep the canvas outside text layers and above the body paint, not at z:-1. */
.site.public-site { isolation:isolate;background:#0c0d10; }
.site.public-site .site-shimmer { position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none; }
.public-header,.site.public-site .landing,.site.public-site .page,.public-site .site-footer { position:relative;z-index:1; }
.public-site :where(button,input,select,.button) { font-family:Arial,Helvetica,sans-serif; }
.public-site :where(h1,h2,h3,p) { text-shadow:none;transform:none; }
.public-site :where(h1,h2,h3) { letter-spacing:-.025em;font-style:normal;line-height:1.15;text-transform:none; }
.site.public-site .page,.site.public-site .landing { width:min(1200px,calc(100% - 64px));margin:0 auto;padding:0 0 64px; }
.public-header { position:relative;display:flex;align-items:center;gap:32px;width:min(1200px,calc(100% - 64px));min-height:82px;margin:auto;border-bottom:1px solid var(--border-default); }
.public-brand { flex-shrink:0;color:var(--text-primary);text-decoration:none;font:26px/1 Georgia,serif;letter-spacing:-1px; }
.public-brand span { color:var(--blood-text); }
.public-menu { display:flex;align-items:center;gap:26px;margin-left:auto; }
.public-menu > a { position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--text-secondary);font-size:14px;text-decoration:none;white-space:nowrap; }
.public-menu > a:hover,.public-menu > a[aria-current="page"] { color:var(--text-primary); }
.public-menu > a[aria-current="page"]::after { content:"";position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--accent-primary); }
.public-menu > .public-twitch { border:1px solid var(--accent-muted);border-radius:5px;padding:0 16px;color:var(--text-primary);background:var(--bg-secondary); }
.public-language { order:2;display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted); }
.public-language button { min-width:36px;min-height:44px;border:0;background:none;color:var(--text-secondary);cursor:pointer;padding:4px; }
.public-language button[aria-pressed="true"] { color:var(--text-primary);font-weight:700; }
.public-menu-toggle { display:none; }
.public-site .button { display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 21px;border:1px solid var(--accent-primary);border-radius:5px;background:var(--accent-primary);color:#fff;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:0;text-decoration:none;text-align:center;transform:none;box-shadow:none; }
.public-site .button::after { display:none; }
.public-site .button:hover { background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;transform:none; }
.public-site .button.ghost { background:transparent;border-color:var(--border-hover);color:var(--text-primary); }
.public-site .button.ghost:hover { background:var(--bg-hover); }
.public-site .eyebrow { color:var(--text-muted);font:600 12px/1.5 Arial,sans-serif;letter-spacing:.09em;border:0;padding:0;background:none; }
.public-site .eyebrow::before,.public-site .eyebrow::after { display:none; }
.public-site .lead { color:var(--text-secondary);font:16px/1.65 Arial,sans-serif;max-width:55ch; }
.home-hero { display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center;padding:64px 0 54px; }
.home-hero h1 { font:normal clamp(36px,4.7vw,56px)/1.12 Georgia,serif;letter-spacing:-.025em;margin:18px 0 24px; }
.home-hero h1 span { display:block; }
.home-hero h1 .hero-accent { color:var(--blood-text); }
.site.public-site .landing { display:block;min-height:0;padding-top:0; }
.site.public-site .landing .home-hero h1 { font:normal clamp(36px,4.7vw,56px)/1.12 Georgia,serif;letter-spacing:-.025em;text-transform:none;margin:18px 0 24px; }
.site.public-site .landing .home-hero h1 span { margin:0;transform:none;-webkit-text-stroke:0;color:var(--text-primary); }
.site.public-site .landing .home-hero h1 span.hero-accent { color:var(--blood-text); }
.site.public-site .landing .home-hero h1.collector-wordmark { font:900 clamp(58px,7vw,100px)/.86 "Arial Black",Arial,sans-serif;letter-spacing:-.07em;margin:20px 0 32px; }
.site.public-site .landing .home-hero h1.collector-wordmark span:first-child { color:var(--text-primary);text-shadow:none; }
.site.public-site .landing .home-hero h1.collector-wordmark span:last-child { width:max-content;max-width:100%;margin:8px 0 0 .08em;font:italic 900 .65em/.95 "Arial Black",Arial,sans-serif;letter-spacing:-.045em;transform:none;color:#0c0d10;-webkit-text-stroke:1.5px var(--blood-text);text-shadow:none;background:none; }
.site.public-site .button.ghost::before { display:none; }
.home-hero .actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:25px; }
.home-art { min-width:0;margin:0;padding:0; }
.home-art-stage { padding:20px 24px 18px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px; }
.home-art-heading { display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-default); }
.home-art-scene { display:grid;grid-template-columns:minmax(0,.56fr) 24px minmax(0,1fr);align-items:center;gap:12px;padding:24px 0 20px; }
.home-art img { display:block;width:100%;height:auto;object-fit:contain;filter:none;animation:none; }
.home-art-egg { transform:rotate(-8deg); }
.home-art-arrow { color:var(--text-secondary,#b4b4bd);font-size:24px;text-align:center; }
.home-art-command { color:var(--blood-text);font:600 13px/1.4 Inter,Arial,sans-serif;letter-spacing:.04em; }
.home-art-rarity { color:var(--text-secondary);font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase; }
.home-art-rarity[data-rarity="rare"] { color:#84baff; }.home-art-rarity[data-rarity="epic"] { color:#c5a0ff; }
.home-art-display { position:relative;aspect-ratio:1;animation:home-nessie-float 6s ease-in-out infinite; }
.home-art .home-art-nessie { position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:translateY(7px) scale(.96);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1); }
.home-art .home-art-nessie.is-current { opacity:1;transform:translateY(0) scale(1); }
.home-art-caption { min-height:38px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border-default);padding-top:14px;color:var(--text-secondary);font:500 13px/1.5 Inter,Arial,sans-serif;text-align:center; }
@keyframes home-nessie-float { 0%,100% { transform:translateY(2px) rotate(-1deg); } 50% { transform:translateY(-5px) rotate(1deg); } }
.motion-paused .home-art-display,.home-art.is-idle .home-art-display { animation-play-state:paused; }
.motion-paused .home-art-nessie { transition:none; }
@media(prefers-reduced-motion:reduce) { .home-art-display { animation:none; }.home-art .home-art-nessie { transition:none; } }
.home-overview { display:grid;grid-template-columns:1.65fr 1fr;gap:32px;border-top:1px solid var(--border-default);padding:32px 0; }
.site.public-site .home-overview h2,.site.public-site .home-stream-heading h2 { font:600 22px/1.3 Arial,sans-serif;margin:0 0 24px; }
.home-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0; }
.home-steps li { min-width:0; }
.step-symbol { display:flex;gap:12px;align-items:center;margin-bottom:16px;color:var(--blood-text); }
.step-symbol svg { width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.6; }
.step-symbol span { color:var(--text-muted);font-size:12px; }
.home-steps h3 { font:600 15px/1.4 Arial,sans-serif;margin:0 0 8px; }
.home-steps p { margin:0;color:var(--text-secondary);font:14px/1.6 Arial,sans-serif; }
.home-status { padding:0 0 0 30px;border-left:1px solid var(--border-default); }
.home-status-label { display:flex;gap:10px;align-items:center; }
.home-status-label strong { font-size:21px;line-height:1.35; }
.home-status p { color:var(--text-secondary);font:14px/1.65 Arial,sans-serif;margin:12px 0 0; }
.home-status-dot { display:block;width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0; }
.home-status[data-state="egg"] .home-status-dot { background:var(--blood-text); }
.home-status[data-state="active"] .home-status-dot { background:#8ee6a1; }
.home-stream-heading { margin-top:26px; }
.public-site .stream-widget { border:1px solid var(--border-default);border-radius:6px;overflow:hidden;background:var(--bg-secondary); }
.public-site .stream-preview { background:var(--bg-secondary); }
.public-site .stream-placeholder strong { font:600 22px/1.25 Arial,sans-serif;letter-spacing:0; }
.public-site .stream-play-mark { border:0;color:var(--blood-text); }
.public-site .stream-load { font:600 14px/1.35 Arial,sans-serif;border-radius:5px;padding:12px 20px; }
.public-site .stream-status-label,.public-site .stream-nessie p,.public-site .stream-nessie a { font-family:Arial,sans-serif;letter-spacing:0; }
.public-site .stream-nessie a { font-size:12px; }
.public-site .stream-widget-compact { border:0;overflow:visible;background:none; }
.public-site .stream-widget-toggle { border-radius:5px;font:600 13px/1.3 Arial,sans-serif;letter-spacing:0; }
.public-site .community-page { display:flex;flex-direction:column; }
.public-site .community-hero { order:0;display:block;margin:0;padding:40px 0 28px;border-bottom:1px solid var(--border-default); }
.site.public-site .community-hero h1 { font:700 36px/1.15 Arial,sans-serif;margin:10px 0 12px; }
.public-site .community-intro { padding:0;background:none;border:0; }
.public-site .community-intro .lead { margin:0;font-size:15px; }
.public-site .collection-howto { display:none; }
.public-site .directory-panel { order:1;padding-top:26px; }
.public-site .collection-panel { order:2; }
.public-site .recent-hatches { order:3;margin:32px 0 0;padding:25px 0;border-top:1px solid var(--border-default); }
.public-site .directory-heading h2,.public-site .profile-heading h2 { font:700 28px/1.2 Arial,sans-serif;letter-spacing:-.025em; }
.public-site .directory-heading .eyebrow,.public-site .recent-heading .eyebrow { display:none; }
.public-site .directory-count,.public-site .live-updated,.public-site .hint { color:var(--text-secondary);font:12px/1.5 Arial,sans-serif; }
.public-site .directory-search { margin-top:20px; }
.public-site .search label,.public-site .rarity-filter { font:500 13px/1.4 Arial,sans-serif;letter-spacing:0; }
.public-site .search-control { grid-template-columns:minmax(0,1fr) auto auto;gap:10px;max-width:680px; }
.public-site input,.public-site select { min-height:44px;border:1px solid #62626e;border-radius:5px;background:var(--bg-secondary);color:var(--text-primary);font-size:15px;padding:10px 12px; }
.public-site .search-reset { background:none;color:var(--text-secondary);border:1px solid var(--border-hover);border-radius:5px;padding:8px 12px;cursor:pointer;font-size:13px; }
.public-site .player-directory { margin-top:20px;border-top:1px solid var(--border-default); }
.public-site .player-card,.public-site .player-card.has-featured { grid-template-columns:38px 80px minmax(0,1fr) 135px;min-height:108px;padding:12px;gap:5px 16px;border-bottom:1px solid var(--border-default); }
.public-site .player-card:hover,.public-site .player-card:focus-visible { background:var(--bg-hover);color:var(--text-primary); }
.public-site .player-card:hover :where(small,.player-foot),.public-site .player-card:focus-visible :where(small,.player-foot) { color:var(--text-secondary); }
.public-site .player-card .featured-mini { width:78px;height:78px;border-color:var(--border-hover);background:transparent; }
.public-site .player-card .player-details strong { font:600 19px/1.3 Arial,sans-serif;letter-spacing:-.015em; }
.public-site .player-total b { font:700 23px/1.2 Arial,sans-serif; }
.public-site .player-total small,.public-site .player-details small,.public-site .player-foot { font:12px/1.4 Arial,sans-serif; }
.public-site .player-card:nth-of-type(-n+3):not(.showcase-card) .rank { color:var(--blood-text); }
.public-site .player-progress { height:3px; }
.public-site .recent-hatches-list { gap:12px;border:0; }
.public-site .recent-hatch,.public-site .recent-hatch:nth-child(2n) { border:1px solid var(--border-default);border-radius:5px;background:var(--bg-secondary);transform:none;box-shadow:none;min-height:96px; }
.public-site .recent-hatch:hover { background:var(--bg-hover);box-shadow:none;transform:none; }
.public-site .recent-heading h3 { font:600 22px/1.3 Arial,sans-serif;margin:0 0 18px; }
.public-site .recent-copy strong { font:600 14px/1.3 Arial,sans-serif;letter-spacing:0; }
.public-site .profile-heading { margin-top:36px;padding:24px 0; }
.public-site .profile-heading h2 small { font:13px/1.6 Arial,sans-serif;margin-top:6px; }
.public-site .profile-summary { background:none; }
.public-site .profile-summary b { font:700 24px/1.2 Arial,sans-serif; }
.public-site .featured-frame { border:1px solid var(--border-default);border-radius:6px;background:var(--bg-secondary); }
.public-site .featured-copy h3 { font:600 25px/1.2 Arial,sans-serif; }
.public-site .filter-chip { border-radius:5px;font:600 12px/1.4 Arial,sans-serif;letter-spacing:0;min-height:40px; }
.public-site .profile-album-tabs { flex-wrap:wrap;gap:9px; }
.public-site .profile-album-tabs .share-profile { margin-left:0; }
.public-site .collection-grid { gap:12px; }
.public-site .slot { border-radius:5px; }
.public-site .history-panel { border:0;border-left:1px solid var(--border-default);background:none; }
.public-site .stats-hero { margin:0;padding:40px 0 24px; }
.public-site .stats-hero h1 { font:700 36px/1.15 Arial,sans-serif;margin:10px 0; }
.public-site .stats-hero h1 i { font:inherit;color:var(--text-primary);-webkit-text-stroke:0; }
.public-site .stats { gap:16px; }
.public-site .stats article { border:1px solid var(--border-default);background:var(--bg-secondary);border-radius:6px;box-shadow:none; }
.public-site .legal-hero { padding-top:36px; }
.public-site .legal-hero h1 { font:700 36px/1.15 Arial,sans-serif;margin:12px 0; }
.site.public-site .legal-page { padding-bottom:48px; }
.site.public-site .legal-hero { display:block;width:min(100%,1020px);margin:0 auto;padding:32px 0 30px;border-bottom:1px solid var(--border-default); }
.site.public-site .legal-hero h1 { font:700 34px/1.2 Arial,sans-serif;margin:12px 0 18px; }
.site.public-site .legal-hero .eyebrow { display:block;margin:18px 0 0; }
.site.public-site .document-back { display:inline-flex;align-items:center;min-height:44px;font:14px/1.5 Arial,sans-serif;color:var(--text-secondary);text-decoration:none; }
.document-layout { width:min(100%,760px);margin:28px auto 0; }
.document-layout.has-toc { width:min(100%,1020px);display:grid;grid-template-columns:220px minmax(0,760px);gap:40px;align-items:start; }
.site.public-site .legal-content { min-width:0;max-width:760px;display:block; }
.site.public-site .legal-content section { display:block;padding:28px 0;border-top:1px solid var(--border-default);scroll-margin-top:24px; }
.site.public-site .legal-content section:first-child { border-top:0;padding-top:0; }
.site.public-site .legal-content h2 { font:600 21px/1.4 Arial,sans-serif;color:var(--text-primary);margin:0 0 14px;letter-spacing:-.015em;text-transform:none; }
.site.public-site .legal-content p,.site.public-site .legal-content li { font:16px/1.7 Arial,sans-serif;color:var(--text-secondary);overflow-wrap:anywhere; }
.site.public-site .legal-content p { margin:0 0 16px; }
.site.public-site .legal-content a { color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--blood-text);text-underline-offset:4px; }
.document-toc { position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding-right:12px; }
.site.public-site .document-toc h2 { font:600 14px/1.4 Arial,sans-serif;margin:0 0 12px;color:var(--text-primary); }
.document-toc ol { list-style:none;padding:0;margin:0; }
.document-toc li { margin:0; }
.document-toc a { display:block;min-height:36px;padding:8px 0;color:var(--text-secondary);font:13px/1.5 Arial,sans-serif;text-decoration:none;overflow-wrap:anywhere; }
.site.public-site :is(.document-toc a,.document-back,.site-footer a):hover { color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--blood-text);text-underline-offset:4px; }
.site.public-site :is(a,button,summary):focus-visible { outline:2px solid var(--blood-text);outline-offset:4px;border-radius:2px; }
.site.public-site .legal-content section:focus { outline:2px solid var(--border-hover);outline-offset:8px; }
.site.public-site .updates-page .legal-hero,.updates-timeline { width:min(100%,760px);margin:auto; }
.site.public-site .document-short .legal-hero { max-width:760px; }
.site.public-site .changelog-note { font:14px/1.65 Arial,sans-serif;color:var(--text-secondary); }
.changelog-entry { padding:28px 0 32px 24px;border-left:1px solid var(--border-default);position:relative;scroll-margin-top:24px; }
.changelog-entry::before { content:'';position:absolute;left:-4px;top:35px;width:7px;height:7px;border-radius:50%;background:var(--metallic-accent); }
.site.public-site .changelog-entry h2 { font:600 23px/1.4 Arial,sans-serif;margin:10px 0 22px;letter-spacing:-.02em; }
.release-anchor { color:var(--text-secondary);font:14px/1.5 Arial,sans-serif;text-decoration:none; }
.release-anchor time { display:inline; }
.release-group { margin:20px 0 0; }
.site.public-site .release-group h3 { margin:0 0 10px;font:600 12px/1.4 Arial,sans-serif; }
.release-badge { display:inline-block;border-radius:4px;padding:4px 8px; }
.badge-new { color:#b9dbc7;background:#16281e; }.badge-improved { color:#bed3eb;background:#182435; }.badge-fixed { color:#d0d0d7;background:#25252b; }
.release-group ul { margin:0;padding-left:20px; }
.release-group li { font:16px/1.7 Arial,sans-serif;color:var(--text-secondary);margin:8px 0;overflow-wrap:anywhere; }
.older-updates { margin-top:12px; }.older-updates summary { min-height:44px;padding:12px 0;cursor:pointer;font:600 14px/1.5 Arial,sans-serif;color:var(--text-primary); }
.site.public-site .legal-page :is(h1,h2,h3,p,li,a,time,summary,code),.site.public-site .site-footer :is(h2,p,a,button) { font-family:Inter,Arial,sans-serif; }
.site.public-site .site-footer { display:block;padding:28px 0 80px; }
.footer-groups { display:grid;grid-template-columns:1fr 1fr;gap:24px 48px; }
.site.public-site .footer-groups nav { display:flex;flex-wrap:wrap;align-content:start;gap:4px 24px; }
.site.public-site .footer-groups h2 { flex-basis:100%;font:600 14px/1.5 Arial,sans-serif;letter-spacing:0;margin:0 0 6px; }
.site.public-site .site-footer a { display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;font:14px/1.5 Arial,sans-serif;color:var(--text-secondary); }
.site.public-site .site-footer a[aria-current] { color:var(--text-primary);text-decoration:underline;text-decoration-color:var(--blood-text);text-underline-offset:4px; }
.footer-bottom { display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-default); }
.site.public-site .footer-bottom button { min-height:44px;font:13px/1.5 Arial,sans-serif;color:var(--text-secondary); }
@media(max-width:1000px) { .document-layout.has-toc { display:block;max-width:760px; }.document-toc { position:static;max-height:none;overflow:visible;padding:0 0 24px;margin-bottom:28px;border-bottom:1px solid var(--border-default); } }
@media(max-width:600px) { .footer-groups { grid-template-columns:1fr;gap:20px; }.footer-bottom { flex-wrap:wrap;gap:4px 20px; }.site.public-site .legal-hero h1 { font-size:30px; }.changelog-entry { padding-left:18px; }.site.public-site .changelog-entry h2 { font-size:21px; } }
.public-site .site-footer { width:min(1200px,calc(100% - 64px));margin:0 auto;padding:24px 0 85px;border-top:1px solid var(--border-default);background:none; }
.public-site .site-footer nav { gap:18px; }
.public-site .site-footer a,.public-site .site-footer button,.public-site .site-footer p { font:12px/1.5 Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--text-secondary); }
@media(max-width:1000px) {
  .public-header { gap:18px; }.public-menu { gap:16px; }.public-menu>.public-twitch { display:none; }
  .home-hero { gap:25px; }.home-overview { grid-template-columns:1.5fr 1fr;gap:24px; }
}
@media(max-width:760px) {
  .site.public-site .landing .home-hero h1 { font-size:38px; }
  .site.public-site .landing .home-hero h1.collector-wordmark { font-size:clamp(48px,16vw,82px); }
  .site.public-site .page,.site.public-site .landing,.public-header,.public-site .site-footer { width:calc(100% - 36px); }
  .public-header { min-height:70px;gap:12px;flex-wrap:wrap; }
  .public-brand { font-size:23px; }.public-language { margin-left:auto;order:1; }
  .public-menu-toggle { display:block;order:2;min-height:44px;padding:8px 10px;color:var(--text-primary);background:none;border:1px solid var(--border-hover);border-radius:5px;font-size:13px;cursor:pointer; }
  .public-menu { order:3;width:100%;display:flex;margin:0;padding:4px 0 16px;gap:4px;flex-direction:column;align-items:stretch; }
  .public-header.nav-ready:not(.menu-open) .public-menu { display:none; }
  .public-header.menu-open .public-menu { display:flex; }.public-menu>a { padding:6px 12px; }.public-menu>a[aria-current="page"]::after { top:10px;bottom:10px;left:0;right:auto;width:2px;height:auto; }
  .public-menu>.public-twitch { display:flex;margin-top:6px; }
  .home-hero { grid-template-columns:1fr;gap:18px;padding:35px 0 28px; }
  .home-hero h1 { font-size:38px;margin:14px 0 18px; }.home-hero .lead { font-size:15px; }
  .home-art { width:min(100%,400px);justify-self:center; }.home-art-stage { padding:16px 18px; }.home-art-scene { gap:8px;padding:20px 0; }
  .home-hero .actions { display:grid;grid-template-columns:1fr; }
  .home-overview { grid-template-columns:1fr;gap:28px;padding:28px 0; }
  .home-steps { grid-template-columns:1fr;gap:22px; }.home-steps li { display:grid;grid-template-columns:56px 1fr;column-gap:10px; }
  .step-symbol { grid-row:1/3;margin:0;align-self:start;gap:8px; }.step-symbol svg { width:26px; }.home-steps h3 { margin-bottom:4px; }
  .home-status { padding:25px 0 0;border-left:0;border-top:1px solid var(--border-default); }
  .public-site .community-hero { padding:28px 0 24px; }.site.public-site .community-hero h1 { font-size:30px; }
  .public-site .directory-heading,.public-site .profile-heading { gap:12px; }
  .public-site .player-card,.public-site .player-card.has-featured { grid-template-columns:27px 64px minmax(0,1fr) 76px;gap:5px 10px;padding:12px 0; }
  .public-site .player-card .featured-mini { width:62px;height:62px; }.public-site .player-details strong { font-size:16px!important; }
  .public-site .player-total b { font-size:21px; }.public-site .player-total small { font-size:10px; }
  .public-site .player-foot { font-size:11px; }.public-site .directory-search .search-control { grid-template-columns:minmax(0,1fr) auto; }
  .public-site .search-reset { grid-column:1/-1;justify-self:start;min-height:36px; }
  .public-site .recent-hatches-list { grid-template-columns:1fr 1fr; }
  .public-site .recent-hatch { grid-template-columns:4px 46px minmax(0,1fr);padding:10px 8px 10px 0; }
  .public-site .recent-copy strong { font-size:12px; }
  .public-site .profile-summary { gap:10px; }.public-site .profile-summary>div { padding:10px; }.public-site .history-panel { border-left:0;border-top:1px solid var(--border-default); }
  .public-site .profile-album-tabs .share-profile { flex-grow:1; }
}
@media(max-width:400px) { .public-site .recent-hatches-list { grid-template-columns:1fr; }.home-hero h1 { font-size:34px; } }