.sh-page{--sh-accent:var(--color-accent);--sh-c1:var(--sh-accent);--sh-c2:#38bdf8;--sh-c3:#fbbf24;--sh-c2-ink:#7dd3fc;--sh-c3-ink:#fcd34d}.sh-page[data-server=donutsmp]{--sh-accent:var(--dn-glaze,var(--color-accent));--sh-c1-ink:var(--dn-ink,var(--color-text))}:root[data-theme=light] .sh-page{--sh-c2:#0ea5e9;--sh-c3:#f59e0b;--sh-c2-ink:#0369a1;--sh-c3-ink:#a15c07}@media (prefers-color-scheme:light){:root[data-theme=system] .sh-page{--sh-c2:#0ea5e9;--sh-c3:#f59e0b;--sh-c2-ink:#0369a1;--sh-c3-ink:#a15c07}}@layer components{.sh-page{min-width:0}.sh-hero{isolation:isolate;border-radius:var(--radius-3xl);background:radial-gradient(70% 140% at 100% 0%, color-mix(in oklab, var(--sh-accent) 22%, transparent), transparent 62%), radial-gradient(60% 120% at 0% 100%, color-mix(in oklab, var(--dn-dough,var(--sh-accent)) 14%, transparent), transparent 65%), var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem 1.5rem;margin-top:1rem;padding:clamp(1.25rem,4vw,2.25rem);display:grid;position:relative;overflow:hidden}.sh-hero:before{content:"";z-index:-1;pointer-events:none;opacity:.6;background:linear-gradient(60deg, transparent 46%, #ffd166 46% 54%, transparent 54%) 86% 20% / 16px 16px no-repeat, linear-gradient(-30deg, transparent 46%, #5fd3ff 46% 54%, transparent 54%) 93% 62% / 16px 16px no-repeat, linear-gradient(20deg, transparent 46%, #fff 46% 54%, transparent 54%) 76% 40% / 13px 13px no-repeat, linear-gradient(-70deg, transparent 46%, var(--sh-accent) 46% 54%, transparent 54%) 68% 14% / 13px 13px no-repeat, linear-gradient(45deg, transparent 46%, #ffd166 46% 54%, transparent 54%) 98% 88% / 12px 12px no-repeat, linear-gradient(-50deg, transparent 46%, #5fd3ff 46% 54%, transparent 54%) 60% 86% / 12px 12px no-repeat;position:absolute;inset:0}.sh-hero-mark{border-radius:var(--radius-2xl);background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--sh-accent) 26%, transparent), transparent 70%), var(--color-surface-2);width:5.5rem;height:5.5rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sh-accent) 30%, var(--color-line));place-items:center;display:grid}.sh-hero-mark>svg{filter:drop-shadow(0 8px 16px color-mix(in oklab, var(--sh-accent) 50%, transparent));animation:sh-bob 6s var(--ease-out) infinite}@keyframes sh-bob{0%,to{translate:0;rotate:none}50%{translate:0 -3px;rotate:-8deg}}.sh-hero-text{gap:.375rem;min-width:0;display:grid}.sh-title{font-family:var(--font-display);font-size:var(--text-4xl);line-height:1.05;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere}.sh-lead{max-width:40rem;font-size:var(--text-md);line-height:var(--text-md--line-height);color:var(--color-text-muted)}.sh-hero-status{align-self:start}.sh-nav{margin-top:1rem}.sh-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.sh-cards>li{min-width:0;display:grid}.sh-card{--sh-c:var(--sh-c1);--sh-ink:var(--sh-c1-ink,var(--color-text));isolation:isolate;border-radius:var(--radius-xl);background:radial-gradient(110% 80% at 100% 0%, color-mix(in oklab, var(--sh-c) 13%, transparent), transparent 60%), var(--color-surface);min-width:0;box-shadow:inset 0 0 0 1px var(--color-line);transition:translate var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out);grid-template-rows:auto auto 1fr auto auto;gap:.625rem;padding:1.25rem 1.25rem 1.125rem;display:grid;position:relative;overflow:hidden}.sh-card[data-key=players]{--sh-c:var(--sh-c2);--sh-ink:var(--sh-c2-ink)}.sh-card[data-key=watchlist]{--sh-c:var(--sh-c3);--sh-ink:var(--sh-c3-ink)}.sh-card:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sh-c) 55%, var(--color-line)), 0 18px 40px -22px color-mix(in oklab, var(--sh-c) 70%, var(--color-shadow));translate:0 -3px}.sh-card:has(.sh-card-link:focus-visible){outline:2px solid var(--color-focus);outline-offset:3px}.sh-card:active{translate:0 -1px}.sh-card-top{justify-content:space-between;align-items:flex-start;display:flex}.sh-card-icon{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 40%, color-mix(in oklab, var(--sh-c) 28%, transparent), transparent 72%), var(--color-surface-2);width:3.5rem;height:3.5rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--sh-c) 30%, var(--color-line));place-items:center;display:grid}.sh-card-icon>svg,.sh-card-icon>img{filter:drop-shadow(0 4px 8px color-mix(in oklab, var(--sh-c) 40%, transparent));transition:scale var(--duration-base) var(--ease-out)}.sh-card:hover .sh-card-icon>svg,.sh-card:hover .sh-card-icon>img{scale:1.1}.sh-card-icon>img{width:2.5rem;height:2.5rem;image-rendering:pixelated}.sh-card-arrow{fill:none;stroke:var(--color-text-faint);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--duration-base) var(--ease-out), stroke var(--duration-base) var(--ease-out)}.sh-card:hover .sh-card-arrow{stroke:var(--sh-ink);translate:2px -2px}.sh-card-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.2;font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-tight)}.sh-card-link{color:inherit;outline:none;text-decoration:none}.sh-card-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.sh-card-text{font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-text-muted)}.sh-card-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.sh-card-facts>div{border-radius:var(--radius-md);background:color-mix(in oklab, var(--color-surface-2) 85%, transparent);min-width:0;box-shadow:inset 0 0 0 1px var(--color-line);gap:.0625rem;padding:.5rem .75rem;display:grid}.sh-card-facts dt{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sh-card-facts dd{font-family:var(--font-display);font-size:var(--text-lg);line-height:1.2;font-weight:var(--font-weight-bold);color:var(--sh-ink)}.sh-card-facts [data-tone=up] dd,.sh-card-facts [data-tone=hit] dd{color:var(--color-success)}.sh-card-note{border-radius:var(--radius-md);min-height:3.375rem;font-size:var(--text-sm);color:var(--color-text-muted);background:color-mix(in oklab, var(--color-surface-2) 85%, transparent);box-shadow:inset 0 0 0 1px var(--color-line);align-items:center;padding:.5rem .75rem;display:flex}.sh-card-cta{border-top:1px solid var(--color-line);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--sh-ink);align-items:center;gap:.375rem;margin-top:.25rem;padding-top:.75rem;display:inline-flex}.sh-card-cta>svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:translate var(--duration-base) var(--ease-out)}.sh-card:hover .sh-card-cta>svg{translate:3px}.sh-online{min-width:0;max-width:100%;margin-top:2.5rem}.sh-online-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.2;font-weight:var(--font-weight-semibold);align-items:center;gap:.625rem;margin-bottom:.875rem;display:flex}.sh-online-title:before{content:"";background:var(--dn-online,var(--color-success));width:.5rem;height:.5rem;box-shadow:0 0 0 4px color-mix(in oklab, var(--dn-online,var(--color-success)) 20%, transparent);border-radius:50%;flex:none}.sh-foot{font-size:var(--text-xs);line-height:var(--text-xs--line-height);color:var(--color-text-faint);margin-top:1.25rem}@media (max-width:63.99rem){.sh-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sh-cards>li:first-child{grid-column:1/-1}}@media (max-width:47.99rem){.sh-hero{grid-template-columns:auto minmax(0,1fr)}.sh-hero-status{grid-column:1/-1}.sh-hero-mark{width:4rem;height:4rem}.sh-hero-mark>svg{width:44px;height:44px}.sh-title{font-size:var(--text-3xl)}.sh-cards{grid-template-columns:minmax(0,1fr);gap:.75rem}.sh-card{padding:1rem}}@media (prefers-reduced-motion:reduce){.sh-hero-mark>svg{animation:none}.sh-card,.sh-card-icon>svg,.sh-card-icon>img,.sh-card-arrow,.sh-card-cta>svg{transition:none}.sh-card:hover,.sh-card:active{translate:none}.sh-card:hover .sh-card-icon>svg,.sh-card:hover .sh-card-icon>img{scale:none}.sh-card:hover .sh-card-arrow,.sh-card:hover .sh-card-cta>svg{translate:none}}}