/* =========================================================
   SPX Gaming - tema "Craft": interfaccia a blocchi in stile Minecraft.
   Sostituisce minecraft-theme.css, minecraft-art.css, spx-worlds.css e network-status.css.
   Caricato in modo statico (nessun @import, font ospitati sul sito).
   ========================================================= */
@font-face{font-family:"Pixelify Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/pixelify-latin.woff2) format("woff2")}
@font-face{font-family:"Nunito";font-style:normal;font-weight:200 1000;font-display:swap;src:url(../fonts/nunito-latin.woff2) format("woff2")}

:root{
  --mc-black:#000;--mc-gui:#c6c6c6;--mc-hi:#fff;--mc-lo:#555;--mc-slot:#8b8b8b;--mc-slot-d:#373737;--mc-text:#2b2b2b;--mc-muted:#454545;
  --mc-green:#5fb13a;--mc-green-hi:#8fe063;--mc-green-lo:#2f6a1c;--mc-yellow:#ffff55;--mc-gold:#ffaa00;--mc-sky:#7ab4ff;
  --cyan:#31d9ff;--ice:#d7f8ff;--white:#fff;--muted:#454545;--green:#5bea72;--yellow:#ffd85d;--radius:0;
  --px:4px;--tile-stone:url(../img/t-stone.png);--tile-dirt:url(../img/t-dirt.png);--tile-plank:url(../img/t-plank.png);--tile-deep:url(../img/t-deepslate.png);--tile-grass:url(../img/t-grass-side.png);--tile-cobble:url(../img/t-cobble.png);
  --shadow:none;
  --font-px:"Pixelify Sans","Silkscreen",ui-monospace,monospace;
}
*,*::before,*::after{border-radius:0!important}
html{background:#78b2ff;overflow-x:hidden;scroll-padding-top:90px}
body{margin:0;color:var(--mc-text);font-family:"Nunito",system-ui,sans-serif;font-weight:600;background:linear-gradient(#6aa6ff 0,#9ccbff 45%,#cfe8ff 100%);background-attachment:fixed;overflow-x:hidden;padding-bottom:14px}
/* nuvole a pixel che scorrono lente */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:1;mask-image:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='768' height='384' shape-rendering='crispEdges'%3E%3Cg fill='%23fff' fill-opacity='.82'%3E%3Crect x='64' y='48' width='256' height='32'/%3E%3Crect x='96' y='32' width='160' height='16'/%3E%3Crect x='480' y='176' width='192' height='32'/%3E%3Crect x='512' y='160' width='112' height='16'/%3E%3Crect x='160' y='272' width='224' height='32'/%3E%3Crect x='192' y='256' width='128' height='16'/%3E%3Crect x='560' y='48' width='128' height='16'/%3E%3C/g%3E%3Cg fill='%23d3e6ff' fill-opacity='.75'%3E%3Crect x='64' y='80' width='256' height='16'/%3E%3Crect x='480' y='208' width='192' height='16'/%3E%3Crect x='160' y='304' width='224' height='16'/%3E%3C/g%3E%3C/svg%3E");
  background-size:768px 384px;animation:clouds 160s linear infinite}
@keyframes clouds{to{background-position:768px 0}}
main,.site-foot{position:relative;z-index:2}
.site-head{position:sticky;z-index:60;margin-bottom:24px}
h1,h2,h3,.eyebrow,.brand-text,.btn,.copy,.console-stats dt,.staff-role,.staff-name,.faq summary{font-family:var(--font-px);letter-spacing:.01em}
p{font-weight:650}
a{color:#0a5ea8}
img{image-rendering:auto}
.card-icon,.staff-avatar,.hero-logo,.brand-mark{image-rendering:pixelated}

/* ---------- Header: pietra + erba, nav a "hotbar" ---------- */
.site-head{background:#2b2b2e var(--tile-deep) 0 0/64px 64px;image-rendering:pixelated;border-bottom:0;box-shadow:0 4px 0 #000;backdrop-filter:none}
.site-head::after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:24px;background:var(--tile-grass) 0 0/32px 32px repeat-x;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 4px 0 #000)}
.head-inner{height:82px}
.brand-mark{width:92px;height:68px;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.55))}
.site-nav{gap:6px}
.site-nav a{position:relative;color:#fff;font-family:var(--font-px);font-weight:600;font-size:1rem;padding:9px 13px;text-shadow:2px 2px 0 #3f3f3f;border:0}
.site-nav a:not(.btn):hover{background:rgba(255,255,255,.16);color:#fff;text-shadow:2px 2px 0 #3f3f3f;box-shadow:inset 0 0 0 3px rgba(255,255,255,.55)}
.site-nav a[aria-current=page]:not(.btn){color:var(--mc-yellow);text-shadow:2px 2px 0 #3f3f00;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 6px #000}
.nav-toggle{background:var(--mc-slot);border:0;width:50px;height:46px;box-shadow:0 0 0 4px #000,inset 4px 4px 0 #fff,inset -4px -4px 0 #555}
.nav-toggle-bars,.nav-toggle-bars::before,.nav-toggle-bars::after{background:#2b2b2b;height:4px}
.sfx-toggle{width:44px;height:44px;border:0;background:var(--mc-slot) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath fill='%232b2b2b' d='M2 6h3l3-3h1v10H8l-3-3H2z'/%3E%3Cpath fill='%232b2b2b' d='M11 5h1v1h1v4h-1v1h-1v-1h1V6h-1zM13 3h1v1h1v8h-1v1h-1v-1h1V4h-1z'/%3E%3C/svg%3E") center/26px no-repeat;box-shadow:0 0 0 4px #000,inset 4px 4px 0 #fff,inset -4px -4px 0 #555;cursor:pointer;margin-left:6px;flex:0 0 auto}
.sfx-toggle[aria-pressed=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' shape-rendering='crispEdges'%3E%3Cpath fill='%232b2b2b' d='M2 6h3l3-3h1v10H8l-3-3H2z'/%3E%3Cpath fill='%23b00' d='M11 5h1v1h1v1h1V6h1V5h-1V4h-1v1h-1V4h-1zM11 11h1v-1h1V9h1v1h1v1h-1v1h-1v-1h-1v1h-1z' transform='translate(-1 0)'/%3E%3C/svg%3E")}
.sfx-toggle:hover{background-color:#a5a5a5}

/* ---------- Bottoni: stile Minecraft ---------- */
.btn,.copy,.network-toggle,.network-join,.panel-more,.rules-jump a{
  border:0;min-height:46px;padding:0 22px;background:#7d7d7d;color:#fff!important;text-shadow:2px 2px 0 #3f3f3f;font-family:var(--font-px);font-weight:600;font-size:1rem;text-decoration:none;cursor:pointer;transition:none;
  box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 #b9b9b9,inset -4px -4px 0 0 #4a4a4a;margin:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn:hover,.copy:hover,.network-toggle:hover,.network-join:hover,.panel-more:hover,.rules-jump a:hover{transform:none;background:#8c8fb0;color:#ffffa0!important;text-shadow:2px 2px 0 #3f3f28;box-shadow:0 -4px 0 0 #fff,0 4px 0 0 #fff,-4px 0 0 0 #fff,4px 0 0 0 #fff,inset 4px 4px 0 0 #c4c6e4,inset -4px -4px 0 0 #565878,0 0 0 8px #000}
.btn:active,.copy:active{transform:translateY(2px)}
.btn-primary,.copy{background:var(--mc-green);box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 var(--mc-green-hi),inset -4px -4px 0 0 var(--mc-green-lo)}
.btn-primary:hover,.copy:hover{background:#6fc84a;color:#fff!important;box-shadow:0 -4px 0 0 #fff,0 4px 0 0 #fff,-4px 0 0 0 #fff,4px 0 0 0 #fff,inset 4px 4px 0 0 #a9f07b,inset -4px -4px 0 0 var(--mc-green-lo),0 0 0 8px #000}
.btn-discord{background:#5865f2!important;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 #8a95ff,inset -4px -4px 0 0 #323ca8!important}
.btn-twitch{background:#8044f0!important;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 #b08aff,inset -4px -4px 0 0 #4a22a0!important}
.btn-ghost{background:#7d7d7d}
.copy,.network-toggle,.network-join{min-height:38px;padding:0 14px;font-size:.86rem}
.copy[data-done=true]{background:#f0b400;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 #ffe27a,inset -4px -4px 0 0 #8a6200}

/* ---------- Hero: schermata titolo ---------- */
.hero{min-height:720px;padding:96px 0 110px;background:#0a101c}
.hero::before{background:linear-gradient(90deg,rgba(8,12,22,.94) 0,rgba(8,12,22,.66) 46%,rgba(8,12,22,.12) 100%),linear-gradient(0deg,rgba(8,12,22,.6),transparent 45%),url(../img/hub-overview.webp) center/cover no-repeat;filter:none;}
/* il movimento lento parte solo a pagina caricata (craft.js aggiunge .pan): non pesa sul caricamento */
.hero.pan::before{animation:heroPan 50s ease-in-out infinite alternate;transform-origin:50% 50%}
@keyframes heroPan{from{transform:scale(1) translateX(0)}to{transform:scale(1.09) translateX(-14px)}}
.hero::after{display:none}
.hero-copy{color:#fff;position:relative}
.hero h1{color:#fff;font-size:clamp(2.3rem,5vw,4.3rem);letter-spacing:0;line-height:1.06;text-shadow:4px 4px 0 #3f3f3f}
.hero h1 span{color:var(--mc-yellow);text-shadow:4px 4px 0 #3f3f00}
.hero .lede{color:#fff;text-shadow:2px 2px 0 #2a2a2a;font-weight:700}
.hero .eyebrow{color:#55ffff;text-shadow:2px 2px 0 #153f3f;letter-spacing:.12em}
.hero-logo{filter:drop-shadow(4px 6px 0 rgba(0,0,0,.45))}
.trust-row span{background:rgba(0,0,0,.55);color:#fff;border:0;padding:8px 12px;font-weight:800;text-shadow:2px 2px 0 #222;box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #8b8b8b}
.splash{position:absolute;z-index:3;left:238px;top:58px;transform:rotate(-14deg);color:var(--mc-yellow);font:600 1.2rem var(--font-px);text-shadow:3px 3px 0 #3f3f00;white-space:nowrap;pointer-events:none;animation:splash .55s ease-in-out infinite alternate}
@keyframes splash{from{transform:rotate(-14deg) scale(.94)}to{transform:rotate(-14deg) scale(1.06)}}
.eyebrow{color:#0a6b96;font-weight:800;letter-spacing:.1em}

/* ---------- Pannelli stile GUI (inventario) ---------- */
.console,.card,.panel,.callout,.faq details,.staff-card,.mode-card,.economy-card,.world-copy,.steps li,.prose,
.wiki-side-help,.wiki-welcome,.wiki-entry,.wiki-start-grid a,.wiki-fuse-choices a,.wiki-steps>div,.wiki-command-grid>div,.wiki-currency-grid article,.wiki-recipe-grid article,.wiki-odds>div,.wiki-no-results,.wiki-rank-card,.wiki-search-row,
.vote-command-card,.vote-steps li,.streak-card,.vote-note,.rule-block,.rules-intro-card,.staff-recruit,.sanctions-wrap{
  background:var(--mc-gui);color:var(--mc-text);border:0;margin-block:6px;
  box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 #fff,inset -4px -4px 0 0 #555,8px 12px 0 0 rgba(20,40,70,.28)}
.card::after,.economy-card::after,.mode-card::after,.wiki-rank-card::after,.staff-group .staff-card::before,.vote-command-card::before,.streak-card::after{display:none!important}
.console,.card,.panel,.callout,.faq details,.mode-card,.economy-card,.world-copy,.steps li{background-image:none}
h1,h2,h3{text-shadow:none}
.console h2,.card h3,.panel h3,.world-copy h2,.mode-card h3,.economy-card h3,.steps h3,.prose h2,.prose h3{color:#373737}
.card p,.world-copy p,.mode-card p,.economy-card p,.steps p,.prose p,.prose li,.muted,.callout p,.faq details p,.panel-row-sub,.rule-content p,.rule-content li{color:var(--mc-muted)}
.card:hover,.mode-card:hover,.economy-card:hover,.world-image:hover{transform:none}
.card-icon{width:48px;height:48px}
.callout{border-left:0;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 8px 0 0 0 #3f9a28,inset 12px 4px 0 0 #fff,inset -4px -4px 0 0 #555}
.tag{background:#ffe27a;color:#3b2a00;border:0;padding:6px 10px;box-shadow:inset 3px 3px 0 #fff3c2,inset -3px -3px 0 #b58a00,0 0 0 3px #000}
.faq summary{font-weight:600;color:#373737;font-size:1.05rem;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:12px;background:var(--mc-green);color:#fff;text-shadow:2px 2px 0 #1f4a10;font-family:var(--font-px);box-shadow:0 0 0 3px #000,inset 3px 3px 0 var(--mc-green-hi),inset -3px -3px 0 var(--mc-green-lo)}
.faq details[open] summary::before{content:"-"}
.check-list li{color:var(--mc-muted)}
.check-list li::before{content:"";width:20px;height:20px;top:12px;background:var(--mc-green);box-shadow:0 0 0 3px #000,inset 3px 3px 0 var(--mc-green-hi),inset -3px -3px 0 var(--mc-green-lo)}
.step-n{color:#2f6a1c;text-shadow:2px 2px 0 rgba(255,255,255,.7)}
.currency{color:#8a5a00;text-shadow:2px 2px 0 rgba(255,255,255,.7)}
.mode-card .state{color:#8a5a00}

/* ---------- Sezioni: ogni fascia e' uno strato di terreno ---------- */
.band{padding:96px 0 84px}
.band-alt{background:rgba(255,255,255,.34);border-block:0;border-image:none}
.band-alt::before,.band+.band::before{content:"";position:absolute;left:0;right:0;top:-1px;height:32px;background:var(--tile-grass) 0 0/32px 32px repeat-x;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 4px 0 rgba(0,0,0,.55))}
.band-alt{background:rgba(255,255,255,.34)}
.section-head{background:#c79d5c var(--tile-plank) 0 0/64px 64px;image-rendering:auto;padding:22px 28px;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 rgba(255,255,255,.25),inset -4px -4px 0 0 rgba(60,35,10,.45),8px 12px 0 0 rgba(20,40,70,.28);max-width:760px;margin-bottom:38px}
.section-head .eyebrow,.page-head .eyebrow{color:#2b1a05;font-size:.82rem;font-weight:700}
.band h2{color:#14304a;text-shadow:2px 2px 0 rgba(255,255,255,.55);letter-spacing:0}.section-head h2,.page-head h1{color:#2b1a05;text-shadow:2px 2px 0 rgba(255,255,255,.28);letter-spacing:0}
.section-head p,.section-head .muted{color:#3a2509}
.world-copy{padding:28px}.world-copy .eyebrow{color:#2f6a1c;font-size:.8rem}
.band h2{font-size:clamp(1.7rem,3.6vw,2.7rem)}
.world-copy h2{color:#373737;text-shadow:none}
.feature-shot{margin:-25px -25px 20px;border:0;border-radius:0;border-bottom:4px solid #000;box-shadow:none;image-rendering:auto}
.minecraft-world-banner{background:linear-gradient(90deg,rgba(214,236,255,.88),rgba(255,255,255,.4)),url(../img/voxel-world.webp) center/cover no-repeat;background-attachment:fixed;border:0}
.world-showcase{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:stretch}
.world-image,.gallery figure{position:relative;min-height:360px;overflow:hidden;border:0;background:#000;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 4px 0 0 #000,inset 0 0 0 4px #555,8px 12px 0 0 rgba(20,40,70,.28)}
.world-image img{width:100%;height:100%;object-fit:cover}
.world-image::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,rgba(0,0,0,.4))}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin:28px 0}
.gallery figure{min-height:0}
.gallery img{width:100%;aspect-ratio:16/9;object-fit:cover}
.gallery figcaption{padding:12px 15px;background:var(--mc-gui);color:#2b2b2b;font-weight:800;font-size:.88rem}

/* ---------- Pagine interne ---------- */
.page-head{background:#c79d5c var(--tile-plank) 0 0/64px 64px;border-bottom:0;padding:70px 0 38px;position:relative}
.page-head::after{content:"";position:absolute;left:0;right:0;bottom:-24px;height:24px;background:var(--tile-grass) 0 0/32px 32px repeat-x;image-rendering:pixelated;filter:drop-shadow(0 4px 0 rgba(0,0,0,.45))}
.page-head .lede{color:#3a2509;font-weight:700}
.breadcrumb{color:#10304a;padding:6px 0 14px;font-weight:800}.breadcrumb a{color:#10304a}
.prose{padding:22px 32px 56px;margin-top:40px;margin-bottom:60px}
.prose a:not(.btn){color:#0a5ea8}
.prose h3{color:#2f6a1c}

/* ---------- Pannello stato del network (home) ---------- */
.network-console{padding:0!important;overflow:visible;background:var(--mc-gui)!important;color:var(--mc-text)!important}
.network-console::before{display:none}
.network-status-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:4px solid #8b8b8b}
.network-status-title{margin:0;font-family:var(--font-px);font-size:1.2rem;color:#373737}
.network-total{display:flex;align-items:center;gap:8px;color:#373737;font-weight:900;font-size:1.15rem;font-family:var(--font-px)}
.network-people{display:inline-flex;gap:2px}
.network-people::before,.network-people::after{content:"";display:block;width:8px;height:8px;background:#373737}
.network-service{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:18px 24px;border-bottom:4px solid #8b8b8b}
.network-service:last-of-type{border-bottom:0}
.network-service-title{margin:0;font-family:var(--font-px);font-size:1.05rem}
.network-service-sub{margin:2px 0 0;color:#454545;font-size:.82rem;font-weight:800}
.network-service.mc .network-service-title{color:#2f6a1c}.network-service.discord .network-service-title{color:#3a45b5}
.network-icon{width:36px;height:36px;position:relative}
.network-icon.cube{background:url(../img/block-grass.png) center/contain no-repeat;image-rendering:pixelated}
.network-icon.discord{display:grid;place-items:center;background:#5865f2;color:#fff;font-family:var(--font-px);box-shadow:inset 3px 3px 0 #8a95ff,inset -3px -3px 0 #323ca8,0 0 0 3px #000}
.network-modes{list-style:none;margin:0 22px;padding:0 14px;max-height:0;overflow:hidden;background:var(--mc-slot);opacity:0;transition:max-height .3s steps(6),opacity .2s;box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #fff}
.network-modes[data-open=true]{max-height:300px;opacity:1;margin-top:12px;margin-bottom:14px}
.network-modes li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:2px solid rgba(0,0,0,.25);font-weight:900;color:#1f1f1f}
.network-modes li:last-child{border-bottom:0}
.network-mode-state{color:#1c6a10;font-family:var(--font-px)}.network-mode-state.soon{color:#8a5a00}
.network-connect{padding:18px 22px 24px;background:transparent}
.network-connect-title{margin:0 0 10px;color:#373737;font-size:.8rem;text-transform:uppercase;font-family:var(--font-px);letter-spacing:.06em}
.network-address{display:flex;align-items:center;gap:10px;background:#1b1b1b;border:0;padding:10px 12px;margin-top:10px;box-shadow:inset 3px 3px 0 #000,inset -3px -3px 0 #4a4a4a,0 0 0 3px #8b8b8b}
.network-address-label{width:62px;color:#aaa;font-size:.72rem;font-weight:900;font-family:var(--font-px)}
.network-address code{flex:1;min-width:0;background:none;border:0;padding:0;color:#fff;font-weight:900;font-size:.95rem;overflow-wrap:anywhere;text-shadow:2px 2px 0 #3f3f3f}
.network-address .copy{padding:0 12px;min-height:34px;font-size:.78rem;margin:2px 4px}
.network-note{margin:14px 2px 0;color:#454545;font-size:.76rem;font-weight:800}
.console-stats div{background:var(--mc-slot);border:0;box-shadow:inset 3px 3px 0 #373737,inset -3px -3px 0 #fff;color:#1f1f1f}
.console-stats dt{color:#2b2b2b}.console-label{color:#373737}
.slot{background:#1b1b1b;border:0;box-shadow:inset 3px 3px 0 #000,inset -3px -3px 0 #4a4a4a}.slot-label,.slot-label span{color:#bbb}.ip{color:#fff;text-shadow:2px 2px 0 #3f3f3f}
.status[data-state=online]{color:#1c6a10}.status[data-state=offline]{color:#a40000}

/* ---------- Regole, wiki, voti, social, staff ---------- */
.rules-jump{background:#c79d5c var(--tile-plank) 0 0/64px 64px;border-block:0;box-shadow:0 4px 0 #000;backdrop-filter:none}
.rule-block summary{color:#373737;font-family:var(--font-px);font-weight:600}
.rule-block summary::before{background:var(--mc-green);color:#fff;text-shadow:2px 2px 0 #1f4a10;box-shadow:0 0 0 3px #000,inset 3px 3px 0 var(--mc-green-hi),inset -3px -3px 0 var(--mc-green-lo)}
.rule-content{border-top:4px solid #8b8b8b}
.rule-number{color:#2f6a1c}
.rule-alert{background:#ffe27a;color:#3b2a00;border:0;box-shadow:0 0 0 4px #000,inset 4px 4px 0 #fff3c2,inset -4px -4px 0 #b58a00}
.rules-document+.rules-document{border-top:0}
.rules-updated{background:#d5f3c5;color:#1c5a10;box-shadow:0 0 0 3px #000}
.sanctions-table{background:#e8e8e8}.sanctions-table th{background:#373737;color:#fff}.sanctions-table tr:nth-child(even) td{background:#dcdcdc}
.wiki-note,.wiki-tip{background:#d5f3c5;color:#1c3a10;border:0;box-shadow:0 0 0 4px #000,inset 4px 4px 0 #fff,inset -4px -4px 0 #7fa86d}
.wiki-warning{background:#ffe27a;color:#3b2a00;border:0;box-shadow:0 0 0 4px #000,inset 4px 4px 0 #fff3c2,inset -4px -4px 0 #b58a00}
.wiki-shot img,.wiki-gallery img{border:0;box-shadow:0 0 0 4px #000}
.social-card{color:var(--mc-text)}
.home-live-card,.live-stage{background:#1d1d1f;border:0;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 0 0 0 4px #555,8px 12px 0 0 rgba(20,40,70,.28);color:#fff}
.home-live-card h2,.home-live-card h3{color:#fff;text-shadow:3px 3px 0 #333}.home-live-card p,.home-live-card .muted{color:#e6e6e6}.home-live-card .eyebrow{color:#55ffff}
.live-pill{background:#c4122f;box-shadow:0 0 0 3px #000}
.home-live-screen,.live-consent-art{box-shadow:0 0 0 4px #000}
.live-reward-note{background:#3a2d12;border:0;box-shadow:0 0 0 4px #000,inset 4px 4px 0 #6b5320,inset -4px -4px 0 #1d1608}
.staff-directory{background:#252528 var(--tile-deep) 0 0/64px 64px;border-block:0}
.staff-directory .staff-card{background:#3a3a40;color:#fff;box-shadow:0 0 0 4px #000,inset 4px 4px 0 #5a5a64,inset -4px -4px 0 #26262c;border-top:0}
.staff-directory .staff-card:hover{background:#454550;transform:none}
.staff-directory .staff-name{color:#fff;text-shadow:2px 2px 0 #222}
.staff-name{color:#373737}

/* ---------- Footer: terra con erba ---------- */
.turf{height:0;background:none;box-shadow:none}
.site-foot{position:relative;margin-top:48px;padding:70px 0 26px;background:#6b4a31 var(--tile-dirt) 0 0/64px 64px;image-rendering:auto;color:#fff;border-top:0}
.site-foot::before{content:"";position:absolute;left:0;right:0;top:-24px;height:48px;background:var(--tile-grass) 0 0/48px 48px repeat-x;image-rendering:pixelated}
.site-foot::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42);pointer-events:none}
.site-foot>*{position:relative;z-index:1}
.site-foot a{color:#ffff9c;text-shadow:2px 2px 0 #3f3f00}.site-foot a:hover{color:#fff}
.site-foot .foot-ip,.site-foot .legal{color:#f1f1f1;text-shadow:2px 2px 0 #2a2a2a}
.site-foot code{background:rgba(0,0,0,.5);color:#fff;padding:2px 6px}
.legal-links{border-top:4px solid rgba(0,0,0,.35)}

/* ---------- Traguardo (toast), barra XP, extra ---------- */
.toast{left:auto;right:18px;bottom:34px;width:min(360px,calc(100% - 36px));transform:translateX(125%);opacity:1;padding:14px 16px 14px 76px;background:#1f1f22;color:#fff;font-weight:700;border-radius:0;box-shadow:0 0 0 3px #6e6e78,0 0 0 6px #000;transition:transform .35s steps(8)}
.toast[data-show=true]{transform:none}
.toast::before{content:"";position:absolute;left:14px;top:50%;width:48px;height:48px;margin-top:-24px;background:url(../img/icon-pickaxe.png) center/contain no-repeat;image-rendering:pixelated}
.toast b{display:block;color:var(--mc-yellow);font:600 1rem var(--font-px);text-shadow:2px 2px 0 #3f3f00}
.toast span{display:block;margin-top:2px;color:#fff;font-size:.9rem}
.xp{position:fixed;left:0;right:0;bottom:0;height:14px;z-index:80;background:#1a1a1a;box-shadow:inset 0 3px 0 #000;pointer-events:none}
.xp i{display:block;height:100%;width:0;background:#7ede2a;box-shadow:inset 0 4px 0 #b6ff6b,inset 0 -3px 0 #3f8a10;transition:width .1s linear}
.xp::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 21px,rgba(0,0,0,.7) 21px 24px)}
.reveal{transition:transform .5s steps(6),opacity .4s}
.reveal[data-seen=false],.reveal:not([data-seen]){opacity:1;transform:none}
:focus-visible{outline:4px solid var(--mc-yellow);outline-offset:3px}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .site-nav{background:#2b2b2e var(--tile-deep) 0 0/64px 64px;border:0;box-shadow:0 0 0 4px #000,inset 4px 4px 0 #5a5a64,inset -4px -4px 0 #1a1a1c;top:76px;gap:4px;padding:14px}
  .site-nav a{padding:12px 14px}.site-nav .btn{margin:6px 0}
  .splash{left:50%;margin-left:70px;top:70px}
  .world-showcase{grid-template-columns:1fr}.world-image{min-height:300px}
  .hero{min-height:0;padding:70px 0 90px}
  .hero-copy{text-align:center}
  .network-console{max-width:640px;margin-inline:auto}
}
@media(max-width:620px){
  .head-inner{height:70px}.brand-mark{width:70px;height:54px}
  .band{padding:78px 0 64px}.hero h1{font-size:2.25rem}
  .gallery{grid-template-columns:1fr}.world-image{min-height:230px}
  .network-status-head,.network-service{padding-inline:16px}
  .network-service{grid-template-columns:36px 1fr auto;gap:10px}
  .network-connect{padding-inline:14px}.network-address{flex-wrap:wrap}.network-address-label{width:100%}.network-address code{font-size:.8rem}
  .prose{padding:16px 18px 40px}.section-head{padding:18px 18px}
  .splash{font-size:1rem;margin-left:50px}
  .toast{right:10px;bottom:30px}
  .console,.card,.panel,.callout,.faq details,.staff-card,.mode-card,.economy-card,.world-copy,.steps li{box-shadow:0 -3px 0 0 #000,0 3px 0 0 #000,-3px 0 0 0 #000,3px 0 0 0 #000,inset 3px 3px 0 0 #fff,inset -3px -3px 0 0 #555,5px 8px 0 0 rgba(20,40,70,.25)}
}
@media(prefers-reduced-motion:reduce){body::before,.hero::before,.splash{animation:none}.network-modes,.reveal,.toast{transition:none}}

/* contesti scuri: il testo secondario resta chiaro */
.home-live-card,.live-stage,.staff-directory,.site-foot,.social-hero,.home-live-band .home-live-card{--muted:#d2dae4}
.home-live-copy>p:last-of-type{color:#e4e9ef}

/* pannelli scuri (testo chiaro): ardesia con bordo a rilievo */
.wiki-hero-card,.wiki-toc,.wiki-toc-toggle,.live-consent-copy{background:#2d2d33 var(--tile-deep) 0 0/64px 64px;color:#fff;border:0;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 #5a5a64,inset -4px -4px 0 0 #1a1a1e,8px 12px 0 0 rgba(20,40,70,.28)}
.wiki-toc a:hover,.wiki-toc a[aria-current=true]{background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 3px rgba(255,255,255,.5)}
.social-card{border:0;box-shadow:0 -4px 0 0 #000,0 4px 0 0 #000,-4px 0 0 0 #000,4px 0 0 0 #000,inset 4px 4px 0 0 rgba(255,255,255,.3),inset -4px -4px 0 0 rgba(0,0,0,.4),8px 12px 0 0 rgba(20,40,70,.28)}
.vote-hero,.wiki-hero,.social-hero{border-bottom:0}

.band .card h2,.band .card h3,.band .panel h2,.band .mode-card h2,.band .economy-card h2,.band .world-copy h2,.prose h2,.prose h3,.callout h2,.faq h2,.steps h3,.rule-block h2,.rules-intro-card h3,.vote-steps h3,.streak-card h3,.wiki-entry h2,.wiki-welcome h2{color:#373737;text-shadow:none}
.prose h3,.vote-steps h3{color:#2f6a1c}
.social-hero h1,.vote-hero h1,.wiki-hero h1{color:#fff;text-shadow:4px 4px 0 #3f3f3f}
.social-hero h1 span,.vote-hero h1 span,.wiki-hero h1 span{color:var(--mc-yellow);text-shadow:4px 4px 0 #3f3f00}
.social-hero .eyebrow,.vote-hero .eyebrow,.wiki-hero .eyebrow{color:#55ffff;text-shadow:2px 2px 0 #153f3f}
@media(max-width:620px){.splash{left:auto;right:10px;top:34px;margin-left:0;font-size:.95rem}}

/* immagini decorative sotto la piega: caricate solo quando servono (craft.js aggiunge .bg-ready) */
.feature-shot:not(.bg-ready),.home-live-screen:not(.bg-ready),.minecraft-world-banner:not(.bg-ready),.live-consent-art:not(.bg-ready){background-image:none!important;background-color:#1d2a38}
.minecraft-world-banner:not(.bg-ready){background-color:#d6ecff}
/* hero piu' leggero su schermi piccoli */
@media(max-width:700px){.hero::before{background:linear-gradient(90deg,rgba(8,12,22,.94) 0,rgba(8,12,22,.7) 60%,rgba(8,12,22,.35) 100%),linear-gradient(0deg,rgba(8,12,22,.6),transparent 45%),url(../img/hub-overview-640.webp) center/cover no-repeat}}
@media(max-width:900px){.sfx-toggle{order:2;margin-left:8px}.nav-toggle{order:3}}

/* contrasto: testi secondari dentro i pannelli grigi piu' scuri (accessibilita') */
.rules-intro-card p,.rule-content p,.rule-content li,.wiki-updated,.wiki-start-grid span,.wiki-fuse-choices span,.wiki-entry>p,.wiki-entry>ol,.wiki-entry>ul,.wiki-steps p,.wiki-command-grid span,.wiki-currency-grid p,.wiki-odds span,.wiki-no-results p,.wiki-rank-card header p,.wiki-rank-card dt,.vote-command-card p,.vote-steps p,.streak-card ul,.vote-note,.wiki-recipe-grid ul,.wiki-side-help p,.wiki-toc-title~*,.rules-doc-head p,.panel-row-sub,.network-service-sub{color:#2f2f2f}
.wiki-entry-head p,.wiki-odds b,.wiki-recipe-grid article>span,.vote-note strong,.rule-number,.step-n{color:#0b5a78}
.wiki-recipe-grid h3,.wiki-steps>div>b{color:#5a3d00}
.wiki-entry h3{color:#194a2a}
.wiki-toc-title,.wiki-toc a span{color:#9be9f7}
.wiki-entry-head p,.wiki-odds b,.wiki-recipe-grid article>span,.vote-note strong,.rule-number,.step-n{color:#07475f}
.staff-directory .staff-note{color:#fff}
.social-icon{color:#111}