/* LA VESTE LUMINOSA delle pagine (12 novembre 2026): colori forti, cielo vivo, pulsanti che brillano. Vale per TERRAMIA e BRICK BY BRICK. */
:root{--oro:#ffd60a!important;--crema:#ffffff!important;--v1:#00e5ff;--v2:#7c4dff;--v3:#00f5a0;--f1:#0b0a3a;--f2:#2a0f6b;--f3:#0a2a8a;--carta:rgba(255,255,255,.09);--bordo:rgba(255,255,255,.28)}
html.brick{--v1:#ff9100;--v2:#ff3d00;--v3:#ffd60a;--f1:#2b0600;--f2:#7a1600;--f3:#b34100}
html{background:var(--f1)}
body{background:radial-gradient(1200px 700px at 85% -10%,var(--v2) 0%,transparent 60%),radial-gradient(900px 600px at -10% 20%,var(--v1) 0%,transparent 55%),linear-gradient(170deg,var(--f1),var(--f2) 45%,var(--f3))!important;background-attachment:fixed!important;
  color:#fff!important;font-family:'Baloo 2','Nunito',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;max-width:980px;margin:0 auto!important;min-height:100vh}
h2{color:#fff!important;font-size:19px!important;border-bottom:0!important;margin:26px 0 8px!important;padding:0 0 0 12px!important;border-left:6px solid var(--oro);border-radius:3px;text-shadow:0 2px 10px rgba(0,0,0,.35)}
small,.nota{opacity:.95!important;font-size:13px!important}
.carta{background:var(--carta)!important;border:2px solid var(--bordo)!important;border-radius:20px!important;padding:14px!important;backdrop-filter:blur(10px) saturate(1.5);-webkit-backdrop-filter:blur(10px) saturate(1.5);box-shadow:0 10px 30px rgba(0,0,30,.35),inset 0 1px 0 rgba(255,255,255,.25)}
.b{border:2px solid var(--bordo)!important;background:rgba(255,255,255,.14)!important;color:#fff!important;border-radius:16px!important;font-weight:800!important;transition:transform .08s,box-shadow .2s;box-shadow:0 4px 14px rgba(0,0,30,.3)}
.b:active{transform:scale(.96)}
.b.p{background:linear-gradient(135deg,var(--oro),#ff9100)!important;color:#1a0d00!important;border-color:#fff!important;box-shadow:0 6px 24px rgba(255,170,0,.55)!important}
input,select,textarea{background:rgba(0,0,40,.45)!important;border:2px solid var(--bordo)!important;color:#fff!important;border-radius:14px!important}
input::placeholder{color:rgba(255,255,255,.6)}
input:focus{outline:none;border-color:var(--v1)!important;box-shadow:0 0 0 4px rgba(0,229,255,.25)}
td,th{border-bottom:1px solid rgba(255,255,255,.18)!important}
#toast{background:linear-gradient(135deg,rgba(20,16,80,.96),rgba(70,20,120,.96))!important;border:2px solid var(--oro)!important;border-radius:16px!important;font-weight:700;box-shadow:0 0 30px rgba(255,214,10,.4)}
#mappa{box-shadow:0 0 0 4px rgba(255,255,255,.5),0 0 60px var(--v1),0 20px 60px rgba(0,0,40,.5)}
body>.riga:first-of-type,body>.riga:first-of-type+.nota{display:none!important}
/* il titolo in cima */
.eroe{position:relative;overflow:hidden;border-radius:26px;margin:2px 0 14px;padding:26px 18px 22px;text-align:center;border:3px solid rgba(255,255,255,.75);
  background:linear-gradient(180deg,#0a4bff 0%,#19a8ff 45%,#8cf0ff 78%,#fff2a8 100%);box-shadow:0 18px 50px rgba(0,10,80,.5),0 0 60px rgba(0,200,255,.35)}
html.brick .eroe{background:linear-gradient(180deg,#0a4bff 0%,#3fb6ff 40%,#ffd08a 78%,#ff8a3d 100%);box-shadow:0 18px 50px rgba(60,10,0,.5),0 0 60px rgba(255,140,0,.4)}
.eroe .sole{position:absolute;right:9%;top:14%;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fff6b0 35%,#ffd60a 62%,rgba(255,214,10,0) 72%);box-shadow:0 0 60px 26px rgba(255,236,140,.75);animation:vsole 5s ease-in-out infinite}
@keyframes vsole{50%{transform:scale(1.1)}}
.eroe .nu{position:absolute;height:26px;border-radius:30px;background:#fff;opacity:.92;filter:drop-shadow(0 6px 0 rgba(120,190,255,.5));animation:vnu linear infinite}
.eroe .nu:before,.eroe .nu:after{content:'';position:absolute;background:#fff;border-radius:50%}
.eroe .nu:before{width:34px;height:34px;left:16px;top:-16px}.eroe .nu:after{width:26px;height:26px;right:14px;top:-10px}
.eroe .n1{width:110px;top:16%;left:-130px;animation-duration:38s}.eroe .n2{width:80px;top:44%;left:-100px;animation-duration:55s;animation-delay:-20s;opacity:.8}.eroe .n3{width:130px;top:66%;left:-150px;animation-duration:47s;animation-delay:-33s;opacity:.7}
@keyframes vnu{to{transform:translateX(1300px)}}
.eroe .cubi{position:absolute;left:0;right:0;bottom:0;height:34px;background:
  linear-gradient(90deg,#19c937 0 12.5%,#12b02e 0 25%,#19c937 0 37.5%,#0fa329 0 50%,#19c937 0 62.5%,#12b02e 0 75%,#19c937 0 87.5%,#0fa329 0) 0 0/160px 14px repeat-x,
  linear-gradient(90deg,#a8561f 0 12.5%,#8e4517 0 25%,#a8561f 0 37.5%,#7d3b12 0 50%,#a8561f 0 62.5%,#8e4517 0 75%,#a8561f 0 87.5%,#7d3b12 0) 0 14px/160px 20px repeat-x}
html.brick .eroe .cubi{background:linear-gradient(90deg,#e2582a 0 46%,#7a2a10 0 50%,#d44e22 0 96%,#7a2a10 0) 0 0/56px 16px repeat-x,linear-gradient(90deg,#d44e22 0 21%,#7a2a10 0 25%,#e2582a 0 71%,#7a2a10 0 75%,#d44e22 0) 0 17px/56px 16px repeat-x,#7a2a10}
.eroe .tt{position:relative;z-index:2}
.eroe .logo{font-size:56px;line-height:1;filter:drop-shadow(0 6px 0 rgba(0,40,120,.35));animation:vsu 3.2s ease-in-out infinite}
@keyframes vsu{50%{transform:translateY(-8px) rotate(4deg)}}
.eroe h1{font-size:clamp(34px,9vw,64px)!important;font-weight:900;letter-spacing:.5px;margin:4px 0 2px!important;color:#fff;text-shadow:0 3px 0 #0a3bd6,0 6px 0 #062a9e,0 12px 24px rgba(0,20,90,.55)}
html.brick .eroe h1{text-shadow:0 3px 0 #c2410c,0 6px 0 #7c2d12,0 12px 24px rgba(60,10,0,.55)}
.eroe p{margin:6px auto 30px;max-width:560px;font-size:clamp(15px,3.6vw,19px);font-weight:800;color:#06245e;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.eroe .punti{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:-18px 0 34px}
.eroe .punti span{background:rgba(255,255,255,.92);color:#0a2a8a;font-weight:800;font-size:13px;padding:6px 12px;border-radius:999px;box-shadow:0 4px 0 rgba(0,40,120,.25)}
#mondo-entra{font-size:clamp(19px,5vw,26px)!important;padding:20px 14px!important;border-radius:22px!important;border:3px solid #fff!important;background:linear-gradient(135deg,#00f5a0,#00d9f5 55%,#2979ff)!important;color:#00213a!important;
  box-shadow:0 10px 0 #0a58b8,0 18px 40px rgba(0,180,255,.55)!important;animation:vpul 2s ease-in-out infinite;margin:6px 0 16px!important;text-shadow:0 1px 0 rgba(255,255,255,.5)}
html.brick #mondo-entra{background:linear-gradient(135deg,#ffd60a,#ff9100 55%,#ff3d00)!important;color:#2b0600!important;box-shadow:0 10px 0 #9a2a00,0 18px 40px rgba(255,120,0,.6)!important}
#mondo-entra:active{transform:translateY(6px);box-shadow:0 4px 0 #0a58b8!important}
@keyframes vpul{50%{filter:brightness(1.12) saturate(1.2)}}
#scarica-app,#appbtn{background:linear-gradient(135deg,#7c4dff,#2979ff)!important;border:2px solid #fff!important;color:#fff!important;border-radius:18px!important;font-weight:800!important;box-shadow:0 8px 26px rgba(90,60,255,.5)!important}
.vendita{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:8px 0}
.vendita div{background:var(--carta);border:2px solid var(--bordo);border-radius:18px;padding:12px;text-align:center;font-weight:700;font-size:13.5px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.vendita b{display:block;font-size:30px;line-height:1.1;margin-bottom:4px}
@media (prefers-reduced-motion:reduce){.eroe *,#mondo-entra{animation:none!important}}