@font-face{font-family:'Monocraft';font-weight:400 700;font-display:swap;size-adjust:80%;src:url(../fonts/monocraft-bold.ttf) format('truetype')}
@font-face{font-family:'Bricolage Grotesque Variable';font-weight:200 800;font-display:swap;src:url(../fonts/bricolage.woff2) format('woff2-variations')}
:root{--ink:#16120f;--paper:#fff6e0;--white:#fff;--grass:#6fdc5a;--diamond:#4be3d6;--gold:#ffd23f;--redstone:#ff6452;--amethyst:#c88ae6;--pink:#f0b6e4;--lava:#ff9a2e;--ender:#2d1c36;--ender-2:#4f1a6d;--sky:#8ccdff;--px:4px;
--outline:0 calc(var(--px)*-1) 0 0 var(--ink),0 var(--px) 0 0 var(--ink),calc(var(--px)*-1) 0 0 0 var(--ink),var(--px) 0 0 0 var(--ink);
--drop:var(--px) calc(var(--px)*2) 0 0 var(--ink),calc(var(--px)*2) var(--px) 0 0 var(--ink),calc(var(--px)*2) calc(var(--px)*2) 0 0 var(--ink);
--font-display:"Monocraft",ui-monospace,"Courier New",monospace;--font-body:"Bricolage Grotesque Variable",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--wrap:1180px;--gutter:clamp(16px,4vw,40px);--space-block:clamp(48px,8vw,104px);color-scheme:light}
*,:before,:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-size:1.0625rem;line-height:1.55;display:flex;flex-direction:column}
main{flex:1}img,svg{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}
h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:700;line-height:1}p{text-wrap:pretty;margin:0}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}[data-tone=ink] :focus-visible,[data-tone=ender] :focus-visible{outline-color:var(--gold)}
[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.skip{position:absolute;left:-999px;top:8px;background:var(--gold);padding:8px 14px;z-index:99;box-shadow:var(--outline)}.skip:focus{left:8px}
[data-tone=paper]{--bg:var(--paper);--fg:var(--ink)}[data-tone=white]{--bg:var(--white);--fg:var(--ink)}[data-tone=ink]{--bg:var(--ink);--fg:var(--paper)}
[data-tone=ender]{--bg:var(--ender);--fg:var(--paper)}[data-tone=grass]{--bg:var(--grass);--fg:var(--ink)}[data-tone=diamond]{--bg:var(--diamond);--fg:var(--ink)}
[data-tone=gold]{--bg:var(--gold);--fg:var(--ink)}[data-tone=redstone]{--bg:var(--redstone);--fg:var(--ink)}[data-tone=amethyst]{--bg:var(--amethyst);--fg:var(--ink)}
[data-tone=pink]{--bg:var(--pink);--fg:var(--ink)}[data-tone=sky]{--bg:var(--sky);--fg:var(--ink)}[data-tone=lava]{--bg:var(--lava);--fg:var(--ink)}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter)*2);padding-inline:var(--gutter);margin-inline:auto}.wrap--narrow{max-width:calc(760px + var(--gutter)*2)}
.block{background:var(--bg,var(--paper));color:var(--fg,var(--ink));padding-block:var(--space-block)}.block--tight{padding-block:calc(var(--space-block)/2)}
.page-head{padding-block:clamp(40px,7vw,88px) clamp(32px,5vw,64px)}.page-head p{max-width:56ch;margin-top:16px;font-size:1.1875rem}
.grid{display:grid;gap:var(--gap,24px);grid-template-columns:repeat(auto-fill,minmax(var(--min,260px),1fr))}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 24px;margin-bottom:clamp(24px,4vw,40px)}
.h-1{text-transform:uppercase;font-size:clamp(2.5rem,8vw,5rem)}.h-2{text-transform:uppercase;font-size:clamp(2rem,5vw,3.25rem)}.h-3{font-size:clamp(1.375rem,3vw,1.75rem)}
.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:1rem;font-weight:600}
.muted{opacity:.72}.num{font-family:var(--font-display);font-variant-numeric:tabular-nums}
.box{background:var(--bg,var(--white));color:var(--fg,var(--ink));box-shadow:var(--outline),var(--drop);margin:var(--px) calc(var(--px)*2) calc(var(--px)*2) var(--px);padding:clamp(16px,3vw,24px)}
.btn{min-height:48px;margin:var(--px) calc(var(--px)*2) calc(var(--px)*2) var(--px);background:var(--bg,var(--gold));color:var(--fg,var(--ink));box-shadow:var(--outline),var(--drop);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:0;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:10px 20px;font-size:1.125rem;font-weight:700;line-height:1.1;text-decoration:none;transition:transform .1s}
@media(hover:hover){.btn:hover{transform:translate(-2px,-2px)}}.btn:active{transform:translate(var(--px),var(--px));box-shadow:var(--outline)}.btn--small{min-height:40px;padding:6px 14px;font-size:1rem}
.tag{margin:var(--px);background:var(--bg,var(--white));color:var(--fg,var(--ink));box-shadow:var(--outline);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:.9375rem;font-weight:600;line-height:1.3}
.dot{background:var(--dot,var(--grass));width:10px;height:10px;box-shadow:0 0 0 2px var(--ink);flex:none;display:inline-block}.dot--off{--dot:var(--redstone)}
.dot--pulse{animation:blink 1.4s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:.25}}
.prose{font-size:1.125rem;line-height:1.65}.prose>*+*{margin-top:1.1em}.prose h2{text-transform:uppercase;margin-top:1.8em;font-size:clamp(1.625rem,4vw,2.25rem)}
.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}
.prose code{background:var(--white);box-shadow:0 0 0 2px var(--ink);padding:2px 6px;font-size:.9em}
.prose a{background:linear-gradient(var(--gold),var(--gold)) 0 100%/100% .45em no-repeat;font-weight:600;text-decoration:none}.prose a:hover{background-size:100% 100%}
/* Header */
.site-head{background:var(--bg);color:var(--fg);position:sticky;top:0;z-index:20;box-shadow:0 var(--px) 0 0 var(--ink)}
.site-head__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;flex-wrap:wrap;padding-block:8px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:1.5rem;text-transform:uppercase}
.logo__mark{width:36px;height:36px;background:conic-gradient(from 0deg at 50% 50%,#6fdc5a 0 25%,#8a5a3b 0 50%,#6fdc5a 0 75%,#8a5a3b 0);background-size:18px 18px;box-shadow:var(--outline)}
.nav{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:8px 14px;font-family:var(--font-display);text-transform:uppercase;text-decoration:none;font-weight:600;font-size:1rem}
.nav a:hover,.nav a[aria-current=page]{background:var(--ink);color:var(--paper)}
/* Footer */
.site-foot{background:var(--ink);color:var(--paper);padding-block:40px;font-size:.9375rem}.site-foot p+p{margin-top:8px}
/* Stats */
.st-status{font-family:var(--font-display);display:flex;align-items:center;gap:8px 10px;min-height:2em;font-size:1.0625rem;font-weight:600;margin-top:20px!important}
.st-banner{margin-top:24px!important;max-width:56ch}
.st-figs{--min:200px}.st-fig dt{font-family:var(--font-display);text-transform:uppercase;font-size:.9375rem;letter-spacing:.04em}.st-fig dd{margin:8px 0 0;font-size:clamp(2rem,6vw,3rem);line-height:1}
.st-online__h{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.st-chips{display:flex;flex-wrap:wrap;gap:12px;list-style:none;margin:0;padding:0}
.st-chip{display:flex;align-items:center;gap:10px;background:var(--white);color:var(--ink);box-shadow:var(--outline);margin:var(--px);padding:6px 14px 6px 6px;font-weight:700}
.st-chip img,.feed-row img,.st-board__row img{width:32px;height:32px;image-rendering:pixelated;flex:none}
.st-online__empty{font-weight:600}
.st-feed__list,.st-board__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.feed-row{background:var(--paper);color:var(--ink);min-height:56px;box-shadow:var(--outline);margin:var(--px);display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px}
.feed-row__msg{overflow-wrap:anywhere;font-weight:600;line-height:1.25}.feed-row__time{opacity:.72;font-size:.875rem;white-space:nowrap}
.feed-row__adv{margin:0 var(--px);background:var(--bg,var(--gold));box-shadow:var(--outline);font-family:var(--font-display);padding:0 6px;font-size:.8125rem;display:inline-block}
.st-boards{--min:320px;--gap:28px}.st-board__head{display:flex;gap:14px;align-items:center;margin-bottom:16px}
.st-board__icon{width:48px;height:48px;background:var(--paper);box-shadow:var(--outline);display:grid;place-items:center;flex:none;margin:var(--px)}
.st-board__sub{font-size:.9375rem;opacity:.8;margin-top:4px}
.st-board__row{display:grid;grid-template-columns:28px 32px minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(255,255,255,.55);padding:6px 10px;min-height:46px}
.st-board__row:first-child{background:var(--gold)}.st-board__rank{font-size:.9rem}.st-board__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-board__val{font-family:var(--font-display);font-size:.95rem}
.st-empty{opacity:.75;font-weight:600;padding:8px 0}
.st-sk{background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.16),rgba(0,0,0,.08));background-size:200% 100%;animation:sk 1.4s steps(8) infinite;display:block;height:20px}
@keyframes sk{to{background-position:-200% 0}}
.step{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start}.step__n{font-family:var(--font-display);font-size:2rem;background:var(--ink);color:var(--gold);width:56px;height:56px;display:grid;place-items:center}
@media(max-width:640px){.feed-row{grid-template-columns:32px minmax(0,1fr)}.feed-row__time{grid-column:2}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* Leaderboards and event feed in the craftattack.one style: icon tile, clean rows with separators, top-3 plaques */
.st-boards{--min:340px}.st-board__icon{width:52px;height:52px;background:var(--ink);margin:0}
.st-board__icon img{width:32px;height:32px;image-rendering:pixelated}
.st-board .h-3{font-size:1.375rem}.st-board__sub{margin-top:2px;opacity:.75}
.st-board__list{gap:0}
.st-board__row,.st-board__row:first-child{background:none;padding:8px 2px;min-height:44px;grid-template-columns:30px 32px minmax(0,1fr) auto;gap:12px;border-top:2px solid rgba(22,18,15,.14)}
.st-board__row:first-child{border-top:0}
.st-board__row img{box-shadow:0 0 0 2px var(--ink)}
.st-board__rank{width:30px;height:30px;display:grid;place-items:center;font-size:1rem}
.st-board__rank--top{background:var(--ink);color:var(--bg,var(--gold))}
.st-board__name{font-size:1.0625rem}.st-board__val{font-size:1.0625rem}
.st-feed__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px 20px}
.feed-row{grid-template-columns:40px minmax(0,1fr) auto;align-items:start;padding:12px 14px;min-height:72px}
.feed-row img{width:40px;height:40px;box-shadow:0 0 0 2px var(--ink)}
.feed-row__msg{font-weight:500;line-height:1.35}.feed-row__name{font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:rgba(22,18,15,.35)}
.feed-row__time{display:block;margin-top:4px;font-size:.875rem}
.feed-row__adv{font-size:.75rem;padding:1px 6px;line-height:1.6;vertical-align:1px}
.feed-row__killer{align-self:center}
@media(max-width:640px){.feed-row{grid-template-columns:40px minmax(0,1fr) auto}}