@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090a0d;--panel:#14161b;--panel2:#1c1e24;--red:#f52b36;--white:#f7f7f8;--muted:#a6a9b3;--line:#32353e}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#3b0c15 0%,transparent 42%),var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 22px}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:23px;letter-spacing:1px}.brand img{width:70px;height:50px;object-fit:contain}.links{display:flex;gap:18px;align-items:center;font-size:13px;color:#ddd}.links a:hover{color:var(--red)}.hero{padding:62px 0 42px;display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:28px}.eyebrow{color:var(--red);font-weight:800;letter-spacing:3px;text-transform:uppercase;font-size:12px}.hero h1,h1,h2,h3{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;margin:10px 0;line-height:.97}h1{font-size:clamp(52px,8vw,108px);font-weight:900}h2{font-size:38px}h3{font-size:24px}.red{color:var(--red)}.lead{color:#c7c8cf;font-size:17px;line-height:1.65;max-width:640px}.hero-logo{width:100%;max-height:330px;object-fit:contain;filter:drop-shadow(0 16px 30px #000)}.strip{background:var(--red);padding:12px 0;transform:skewY(-1deg);font-family:'Barlow Condensed';font-size:19px;font-weight:900;letter-spacing:2px;text-align:center;margin:8px 0 34px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(150deg,#1c1e25,#101115);border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.stat{font-family:'Barlow Condensed';font-weight:900;font-size:58px}.small{color:var(--muted);font-size:13px}.section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap}.challenge-title{font-family:'Barlow Condensed';font-weight:800;font-size:34px;line-height:1.06;margin:14px 0}.pill{font-size:11px;letter-spacing:1px;text-transform:uppercase;border:1px solid #6c2630;background:#37171e;color:#ff8a90;padding:7px 11px;border-radius:99px;font-weight:800}.pill.green{background:#123b2c;border-color:#2c7152;color:#7df0a5}.pill.gray{background:#25272d;border-color:#484b54;color:#c3c5cc}.meta{color:#aaa;font-size:13px}.rank{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:12px}.rank strong{font-size:16px}.rank .num{font-family:'Barlow Condensed';font-size:27px;font-weight:900;color:var(--red)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-top:3px solid var(--red);padding:16px;background:var(--panel);border-radius:0 0 12px 12px}.step b{font-family:'Barlow Condensed';font-size:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:0;border-radius:8px;background:var(--red);color:white;font-weight:800;cursor:pointer;font-family:inherit}.btn.alt{background:#282a32}.btn.outline{background:transparent;border:1px solid var(--line)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:hover:not(:disabled){filter:brightness(1.13)}input,textarea,select{background:#0c0d11;color:white;border:1px solid #42454d;border-radius:8px;padding:12px;font:inherit;width:100%;min-width:0}textarea{resize:vertical;min-height:86px}label{font-size:12px;color:#c2c3c8;display:block;margin:12px 0 7px;font-weight:700}.controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.list{display:grid;gap:12px}.item{padding:16px;border:1px solid var(--line);background:var(--panel);border-radius:10px}.item p{overflow-wrap:anywhere}.footer{border-top:1px solid var(--line);margin-top:50px;padding:26px 0;color:var(--muted);font-size:12px}.notice{border-left:3px solid var(--red);padding:12px 15px;background:#23181c;color:#f7d5d8;margin:15px 0}.hidden{display:none!important}.topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.login{max-width:450px;margin:65px auto}.overlay{background:transparent!important;margin:0!important}.overlay .wrap{padding:0}.overlay .card{border:3px solid var(--red);background:linear-gradient(115deg,#0a0b0ff5,#2b1017f5);border-radius:16px;padding:18px 24px}.overlay .challenge-title{font-size:46px;margin:8px 0}.overlay .brand img{width:62px;height:40px}.overlay .meta{color:#f2e9ec}.overlay .small{color:#fff}.overlay .pill{font-size:12px}@media(max-width:780px){.hero{grid-template-columns:1fr}.hero-logo{max-height:190px}.grid,.grid.two,.steps{grid-template-columns:1fr}.links{gap:9px;font-size:11px}.brand{font-size:17px}.brand img{width:48px}.hero{padding:38px 0 26px}.section{padding:22px 0}}
/* Control Room: operazione distruttiva evidenziata */
.danger-zone{border:1px solid #a53b44;background:linear-gradient(135deg,#261015,#14161b)}
.danger-btn{background:#a51d2b;font-size:12px;letter-spacing:.4px;max-width:100%;white-space:normal;text-align:center}
/* Overlay OBS compatto: larghezza indipendente dalla dimensione della sorgente browser */
.overlay .wrap{max-width:none;margin:0;padding:0;width:fit-content}
.overlay #overlay{width:370px;max-width:calc(100vw - 8px);padding:11px 14px;border:2px solid var(--red);border-radius:11px;box-shadow:0 8px 24px #0008}
.overlay .topline{gap:5px;flex-wrap:nowrap}
.overlay .brand{font-size:15px;letter-spacing:.5px;gap:5px;white-space:nowrap}
.overlay .brand img{width:40px;height:28px}
.overlay .pill{font-size:9px;padding:4px 6px;white-space:nowrap}
.overlay .challenge-title{font-size:25px;line-height:1.08;margin:8px 0 6px;overflow-wrap:anywhere}
.overlay .meta{font-size:11px}
.overlay .small{font-size:10px;line-height:1.3}
@media(max-width:390px){.overlay #overlay{width:calc(100vw - 8px)}.overlay .brand{font-size:13px}.overlay .challenge-title{font-size:22px}}
