/* DiamondSMP theme — loaded after styles.css. Fonts are self-hosted (the CSP blocks Google Fonts). */
@font-face{font-family:'Display';src:url('assets/fonts/BricolageGrotesque-Bold.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:'Instrument';src:url('assets/fonts/InstrumentSans-Regular.ttf') format('truetype');font-weight:400 500;font-display:swap}
@font-face{font-family:'Instrument';src:url('assets/fonts/InstrumentSans-Bold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{--deep:#0c1215;--slate:#162026;--slate2:#223039;--line:#33454f;--diamond:#4c9df0;--diamond-d:#2f72bd;--sand:#4c9df0;--text:#e8f0f0;--dim:#93a8ad;--red:#e5483c;--green:#5fd86c}
html body,html body *:not(#mc-font),html body *:not(#mc-font)::before,html body *:not(#mc-font)::after{font-family:'Instrument',system-ui,sans-serif}
html body h1:not(#mc-font),html body h2:not(#mc-font),html body h3:not(#mc-font),html body .navbar-brand-text:not(#mc-font),html body .dx-pixel:not(#mc-font),html body .page-title:not(#mc-font),html body .footer-brand span:not(#mc-font){font-family:'Display','Instrument',monospace;font-weight:700;letter-spacing:-.02em}
html body{background:var(--deep);background-image:none;color:var(--text)}
#bg3d,.bg-glow,.bg-orbs,.bg-grain{display:none!important}
.wrap{max-width:1040px}
/* nav */
html body .navbar{top:0;margin:0 auto;max-width:none;padding:0;background:rgba(12,18,21,.92);border-bottom:2px solid var(--line);backdrop-filter:blur(6px)}
html body .navbar-inner{max-width:1040px;margin:0 auto;padding:10px 24px;background:none;border:0;box-shadow:none;border-radius:0}
html body .navbar-brand-text{font-size:20px;color:var(--text)}
html body .navbar-link{border-radius:0;color:var(--dim);background:none;border:0;border-bottom:2px solid transparent;padding:6px 4px;margin:0 6px}
html body .navbar-link:hover{color:var(--text);background:none}
html body .navbar-link.active{color:var(--diamond);border-bottom-color:var(--diamond);background:none}
/* buttons: bevelled like the game's own */
.dx-btn,.diamondplus-btn,.coming-link{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:600 15px 'Instrument',sans-serif;color:#031a2b;background:var(--diamond);border:0;border-radius:0;padding:12px 20px;box-shadow:inset -3px -3px 0 var(--diamond-d),inset 3px 3px 0 #b9d9fb,0 0 0 2px #000;text-decoration:none;transition:transform .08s}
.dx-btn:hover,.diamondplus-btn:hover,.coming-link:hover{background:#4c9df0}
.dx-btn:active,.diamondplus-btn:active{transform:translateY(2px)}
.dx-btn.ghost{background:var(--slate2);color:var(--text);box-shadow:inset -3px -3px 0 #121b20,inset 3px 3px 0 #3d525d,0 0 0 2px #000}
:focus-visible{outline:3px solid var(--sand);outline-offset:3px}
/* hero */
.dx-hero{position:relative;margin:0;min-height:min(86vh,760px);display:flex;flex-direction:column;justify-content:flex-end;padding:140px 24px 48px;overflow:hidden;border-bottom:2px solid #000}
.dx-hero>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;z-index:0}
.dx-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,18,21,.35) 0%,rgba(12,18,21,.2) 35%,rgba(12,18,21,.92) 100%);z-index:1}
.dx-hero>*:not(.bg){position:relative;z-index:2}
.dx-hero h1{margin:0 0 6px;font-size:clamp(34px,6vw,64px);line-height:1.02;max-width:12ch;text-shadow:0 3px 0 #000}
.dx-hero p.lede{margin:0 0 28px;max-width:46ch;color:#dbe8e8;font-size:18px;line-height:1.5;text-shadow:0 1px 8px #000}
.dx-entry{display:flex;align-items:center;gap:16px;max-width:620px;padding:14px;background:rgba(0,0,0,.72);border:2px solid #000;box-shadow:inset 0 0 0 2px #4a5b63}
.dx-entry-icon{width:64px;height:64px;image-rendering:pixelated;flex:none}
.dx-entry-main{flex:1;min-width:0}
.dx-entry-name{font:700 22px 'Display',monospace;color:#fff}
.dx-entry-addr{color:var(--dim);font-size:14px;margin-top:2px}
.status-pill{display:flex;align-items:center;gap:8px;margin-top:4px;padding:0;background:none;border:0;color:var(--sand);font-size:14px}
.status-dot{width:10px;height:10px;background:#777;flex:none}
.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green)}
.status-dot.offline{background:var(--red)}
.status-dot.pulse{animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.35}}
.dx-view{position:absolute;right:24px;bottom:40px;z-index:2;font-size:13px;padding:8px 12px}
@media(max-width:640px){.dx-entry{flex-wrap:wrap}.dx-entry .dx-btn{width:100%;justify-content:center}.dx-view{display:none}}
/* sections */
.dx-sec{padding:72px 0 0}
.dx-sec h2{font-size:clamp(26px,4vw,38px);margin:0 0 14px;color:var(--text)}
.dx-split{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:start}
.dx-shot{padding:0;border:2px solid #000;box-shadow:0 0 0 2px var(--line),8px 8px 0 #000;background:none;cursor:zoom-in;display:block}
.dx-shot img{display:block;width:100%;height:auto}
.dx-list{list-style:none;margin:0;padding:0}
.dx-list li{padding:14px 0;border-top:2px solid var(--line);display:grid;grid-template-columns:104px 1fr;gap:12px;line-height:1.45;color:var(--dim)}
.dx-list li:last-child{border-bottom:2px solid var(--line)}
.dx-list b{font:700 16px 'Display',monospace;color:var(--sand)}
@media(max-width:800px){.dx-split{grid-template-columns:1fr}.dx-list li{grid-template-columns:1fr;gap:2px}}
/* join */
.join-box{padding:0;background:none;border:0;box-shadow:none;margin:0}
.dx-join{background:var(--slate);border:2px solid #000;box-shadow:inset 0 0 0 2px var(--line);padding:32px}
.dx-steps{margin:0 0 24px;padding:0;list-style:none;display:grid;gap:8px;counter-reset:s;color:var(--dim)}
.dx-steps li{counter-increment:s;display:flex;gap:12px}
.dx-steps li::before{content:counter(s);font:700 16px 'Display',monospace;color:#031a2b;background:var(--sand);width:24px;height:24px;display:grid;place-items:center;flex:none}
.dx-fields{display:grid;gap:12px;grid-template-columns:1fr 1.4fr .6fr}
.dx-field{background:#000;border:2px solid #7d8d94;border-right-color:#2a363c;border-bottom-color:#2a363c;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.dx-field small{display:block;color:var(--dim);font-size:12px}
.dx-field span.v{font:700 18px 'Display',monospace;color:#fff;overflow-wrap:anywhere}
.dx-field button{all:unset;cursor:pointer;color:var(--diamond);padding:4px}
.dx-field svg{width:18px;height:18px;display:block}
@media(max-width:760px){.dx-fields{grid-template-columns:1fr}.dx-join{padding:20px}}
/* trailer */
.trailer-box{background:none;border:0;padding:0;box-shadow:none}
.dx-trailer-frame{aspect-ratio:16/9;border:2px solid #000;box-shadow:0 0 0 2px var(--line),8px 8px 0 #000}
.dx-trailer-frame iframe{width:100%;height:100%;border:0;display:block}
/* footer */
.site-footer{margin-top:88px;border-top:2px solid var(--line);background:none}
.footer-fine,.footer-links a,.footer-legal a,.footer-topline p{color:var(--dim)}
.footer-links a:hover,.footer-legal a:hover{color:var(--diamond)}
.footer-address{background:#000;border:2px solid #7d8d94;border-right-color:#2a363c;border-bottom-color:#2a363c;border-radius:0;color:#fff}
/* inner pages + store: square, slate panels instead of glass cards */
.card,.diamondplus-card,.coming-card,.changelog-card,.link-card{background:var(--slate);border:2px solid #000;border-radius:0;box-shadow:inset 0 0 0 2px var(--line);backdrop-filter:none}
.page-title{font-size:clamp(34px,6vw,56px);color:var(--text);text-shadow:0 3px 0 #000}
.page-subtitle{color:var(--dim)}
.section-kicker{color:var(--sand);text-transform:none;letter-spacing:0}
.changelog-version{font-family:'Display',monospace;color:var(--diamond)}
.changelog-badge-latest{border-radius:0;background:var(--sand);color:var(--deep)}
.diamondplus-card h2{color:var(--diamond)}
.reveal-section,.reveal-item{transition:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.dx-hero-in{width:100%;max-width:1040px;margin:0 auto}
.dx-view{right:max(24px,calc((100vw - 1040px)/2))}
html body main.wrap{padding-top:0}
/* layout fixes */
.dx-hero{min-height:min(94vh,820px)}
.dx-hero>img.bg{object-position:50% 12%}
.dx-hero::after{background:linear-gradient(180deg,rgba(12,18,21,.15) 0%,rgba(12,18,21,.1) 30%,rgba(12,18,21,.88) 78%,var(--deep) 100%)}
.dx-hero>.dx-view{position:absolute;width:auto}
.dx-hero h1{font-size:clamp(30px,5vw,52px);max-width:16ch}
html body .join-box,html body .trailer-box{max-width:none;width:100%;margin:0;text-align:left;background:none;border:0;box-shadow:none}
html body .dx-sec h2,html body .join-title{text-align:left}
.dx-entry-icon{width:56px;height:56px;object-fit:contain}
html body .site-footer h2{font-family:'Instrument',sans-serif;font-size:12px;color:var(--sand)}
html body .site-footer{max-width:none;padding-top:28px}
html body .dx-sec{padding:72px 0 0}
@media(max-width:640px){.dx-hero>img.bg{object-position:36% 12%}}
html body .diamondplus-manage[hidden],html body .diamondplus-error[hidden]{display:none!important}
/* v2: blue accent, Bricolage display type, richer backdrop */
html body{background-color:#08111d;background-image:linear-gradient(rgba(90,175,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(90,175,255,.045) 1px,transparent 1px),radial-gradient(900px 600px at 15% 0%,rgba(40,130,255,.22),transparent 70%),radial-gradient(800px 600px at 90% 60%,rgba(30,200,255,.14),transparent 70%);background-size:32px 32px,32px 32px,auto,auto;background-attachment:fixed}
html body::before{content:"";position:fixed;inset:-40px;z-index:-1;background:url(assets/bg.jpg) center/cover;filter:blur(18px) saturate(1.2);opacity:.3;pointer-events:none}
:root{--deep:#08111d;--slate:rgba(16,30,48,.88);--slate2:#1c3250;--line:#2f4a6b;--dim:#9db4cc}
html body .navbar{background:rgba(8,17,29,.9);border-bottom-color:var(--line)}
.dx-hero::after{background:linear-gradient(180deg,rgba(8,17,29,.1) 0%,rgba(8,17,29,.1) 30%,rgba(8,17,29,.88) 78%,#08111d 100%)}
html body .dx-entry{box-shadow:inset 0 0 0 2px #2f4a6b}
.dx-hero h1{font-size:clamp(34px,5.6vw,60px);line-height:1.04}
.dx-field,.footer-address{border-color:#6f8fb3 #1b2c42 #1b2c42 #6f8fb3}
.dx-field span.v{font-size:18px}
.dx-sec h2{font-size:clamp(28px,4vw,40px)}
.dx-list b{font-size:17px}
.site-footer{border-top-color:var(--line)}
.dx-join{box-shadow:inset 0 0 0 2px var(--line),0 0 60px rgba(40,140,255,.12)}
/* v3: rounder, softer, feature grid, lightbox fix */
html.js body main.wrap.page-ready,html.js body main.wrap{transform:none!important}
.lightbox{z-index:200;padding:24px}
.lightbox-img{max-width:min(100%,1600px);max-height:92vh;width:auto;height:auto;border-radius:14px;object-fit:contain}
.lightbox-close{border-radius:50%;background:#10243c;color:#fff;border:1px solid var(--line);z-index:2}
.dx-entry{border-radius:16px;border:1px solid rgba(120,170,230,.35);box-shadow:0 10px 40px rgba(0,0,0,.45);background:rgba(6,14,26,.78);backdrop-filter:blur(8px)}
.dx-entry-icon{border-radius:12px}
.dx-btn,.diamondplus-btn,.coming-link{border-radius:10px;box-shadow:0 3px 0 var(--diamond-d),0 8px 22px rgba(76,157,240,.28)}
.dx-btn:active,.diamondplus-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--diamond-d)}
.dx-btn.ghost{background:rgba(16,36,60,.85);border:1px solid var(--line);box-shadow:0 6px 18px rgba(0,0,0,.35);backdrop-filter:blur(6px)}
.status-dot{border-radius:50%}
.dx-shot{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.dx-shot-wide{margin-top:20px;width:100%}
.dx-shot-wide img{aspect-ratio:21/9;object-fit:cover;object-position:50% 40%;transition:transform .5s}
.dx-shot-wide:hover img{transform:scale(1.03)}
.dx-intro{margin:0 0 28px;color:var(--dim);font-size:18px;max-width:52ch;line-height:1.5}
.dx-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dx-feat{padding:22px;border-radius:16px;background:linear-gradient(160deg,rgba(24,46,76,.9),rgba(12,24,40,.9));border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.dx-chip{display:inline-block;margin-bottom:14px;padding:4px 10px;border-radius:999px;background:rgba(76,157,240,.14);border:1px solid rgba(76,157,240,.4);color:var(--sand);font:600 13px 'Instrument',sans-serif}
.dx-feat h3{margin:0 0 6px;font-size:21px;color:#fff}
.dx-feat p{margin:0;color:var(--dim);line-height:1.5;font-size:15px}
@media(max-width:900px){.dx-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.dx-grid{grid-template-columns:1fr}.dx-shot-wide img{aspect-ratio:4/3}}
.dx-join{border-radius:20px;border:1px solid var(--line);box-shadow:0 0 60px rgba(40,140,255,.12)}
.dx-steps li::before{border-radius:8px;background:var(--diamond);color:#031a2b}
.dx-field,.footer-address{border-radius:12px;border:1px solid #3d5c82;background:rgba(0,0,0,.45)}
.dx-field button{border-radius:8px;padding:6px}
.dx-field button:hover{background:rgba(76,157,240,.15)}
.dx-trailer-frame{border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.card,.diamondplus-card,.coming-card,.changelog-card,.link-card{border-radius:16px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.changelog-badge-latest{border-radius:999px;background:var(--diamond);color:#031a2b}
.toast{border-radius:12px}
.dx-hero{border-bottom:0}
/* v4: calm and flat. No grid, no glow. */
:root{--deep:#0d131a;--slate:#141c26;--slate2:#1d2937;--line:#26354a;--diamond:#4c9df0;--diamond-d:#2f72bd;--sand:#4c9df0;--dim:#98a9bd}
html body{background:#0d131a;background-image:none}
html body::before{display:none}
html body .navbar{background:#0d131a;border-bottom:1px solid var(--line);backdrop-filter:none}
.dx-hero::after{background:linear-gradient(180deg,rgba(13,19,26,.1) 0%,rgba(13,19,26,.1) 35%,rgba(13,19,26,.85) 80%,#0d131a 100%)}
.dx-entry{background:rgba(10,15,22,.85);border:1px solid #2f3f55;box-shadow:none;backdrop-filter:none}
.dx-btn,.diamondplus-btn,.coming-link{box-shadow:none;background:var(--diamond);color:#06121f}
.dx-btn:hover,.diamondplus-btn:hover,.coming-link:hover{background:#6aaff5}
.dx-btn:active,.diamondplus-btn:active{box-shadow:none;transform:translateY(1px)}
.dx-btn.ghost{background:rgba(13,19,26,.85);border:1px solid #2f3f55;box-shadow:none;backdrop-filter:none;color:var(--text)}
.dx-btn.ghost:hover{background:#1d2937}
.dx-shot,.dx-trailer-frame{box-shadow:none;border:1px solid var(--line)}
.dx-feat{background:var(--slate);box-shadow:none;border:1px solid var(--line)}
.dx-chip{background:rgba(76,157,240,.12);border-color:rgba(76,157,240,.3);color:var(--sand)}
.dx-join{background:var(--slate);box-shadow:none;border:1px solid var(--line)}
.dx-steps li::before{background:var(--diamond);color:#06121f}
.dx-field,.footer-address{background:#0d131a;border:1px solid #2f3f55}
.dx-field button{color:var(--diamond)}
.card,.diamondplus-card,.coming-card,.changelog-card,.link-card{background:var(--slate);box-shadow:none;border:1px solid var(--line)}
.changelog-badge-latest{background:var(--diamond);color:#06121f}
.status-dot.online{box-shadow:none}
.page-title,.dx-hero h1{text-shadow:none}
.dx-hero h1{text-shadow:0 2px 12px rgba(0,0,0,.6)}
.dx-steps li::before{background:var(--diamond)}
#spawn-h{margin-bottom:28px}
.legal-card{background:var(--slate);border:1px solid var(--line);border-radius:16px;box-shadow:none;backdrop-filter:none}
.legal-updated{text-transform:none;letter-spacing:0;font-size:14px}
.page-title::before,.page-title::after{filter:none}