/* Nostalgia Calculator — homepage "TV a colori" (B3) */
body.b3{background:#17282D;color:#FBF3E4}
body.b3 #era-bg{opacity:.12}
body.b3 #lofi-toggle{position:fixed!important;left:18px!important;right:auto!important;top:auto!important;bottom:18px!important;z-index:60}
body.b3 #btn-crt{top:auto!important;bottom:18px!important}
body.b3 #lofi-panel{top:auto!important;bottom:76px!important}
.b3-stripes{display:grid;grid-template-columns:repeat(5,1fr);height:10px}
.b3-stripes span:nth-child(1){background:#E8483B}.b3-stripes span:nth-child(2){background:#F28C28}.b3-stripes span:nth-child(3){background:#F6C445}.b3-stripes span:nth-child(4){background:#4FB286}.b3-stripes span:nth-child(5){background:#3A7CA5}
#nc-b3-header{position:relative;z-index:50;background:#17282D;font-family:Nunito,system-ui,sans-serif}
.b3-wrap{max-width:1160px;margin:0 auto;padding:14px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.b3-logo{display:flex;align-items:center;gap:12px;font-family:Righteous,system-ui,sans-serif;font-size:25px;color:#FBF3E4;text-decoration:none}
.b3-logo svg{width:46px;height:46px;flex:none}
.b3-nav{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto;justify-content:flex-end}
.b3-pill{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;font-weight:800;text-decoration:none;font-size:15px}
.b3-pill.g{background:#4FB286;color:#08251A}.b3-pill.p{background:#E8483B;color:#FFF4F2}.b3-pill.a{background:#3A7CA5;color:#F2F8FC}
#nc-b3-country{background:#F6C445;color:#2B1E00;font-family:Nunito,system-ui,sans-serif;position:relative;z-index:40}
#nc-b3-country .b3-wrap{padding:10px 20px;gap:8px 12px}
#nc-b3-country label{font-weight:800;font-size:16px}
#nc-b3-country select{height:46px;min-width:230px;max-width:100%;padding:0 12px;border-radius:10px;border:2px solid #2B1E00;background:#FFF8E6;color:#2B1E00;font:800 16px Nunito,system-ui,sans-serif;cursor:pointer}
/* hero */
body.b3 #hero{background:transparent;min-height:0;padding:44px 20px 30px;font-family:Nunito,system-ui,sans-serif}
.b3-grid{width:100%;max-width:1160px;margin:0 auto;display:flex;flex-wrap:wrap;gap:36px;align-items:center;text-align:start}
.b3-left{flex:999 1 440px;min-width:0}
.b3-right{flex:1 1 380px;min-width:0}
body.b3 #hero .hero-badge{background:#F6C445;color:#2B1E00;border:0;font-weight:800}
body.b3 #hero .hero-title{font-family:Righteous,system-ui,sans-serif;font-weight:400;color:#FBF3E4;text-align:start}
body.b3 #hero .hero-subtitle{color:#D6E4E0;text-align:start;margin-left:0}
body.b3 #hero .mode-tabs{justify-content:flex-start;background:#1F353B;border:0}
body.b3 #hero .mode-tab{color:#FBF3E4;min-height:44px}
body.b3 #hero .mode-tab.active{background:#F6C445;color:#2B1E00}
body.b3 #hero .form-card{background:#1F353B;border:2px solid #2C454C;box-shadow:none;color:#FBF3E4;margin-left:0}
body.b3 #hero .form-label{color:#D6E4E0}
body.b3 #hero .form-select,body.b3 #hero input{background:#FFF8E6;color:#2B1E00;border:2px solid #2C454C;min-height:48px}
body.b3 #hero .cta-btn{background:#F6C445!important;color:#2B1E00!important;border:0;border-radius:16px;min-height:58px;font-family:Nunito,system-ui,sans-serif;font-weight:800;box-shadow:none}
body.b3 #hero .country-row,body.b3 #hero #label-paese{display:none!important}
body.b3 #hero #btn-gioca{display:none!important}
body.b3 #hero .form-error{color:#FFB4A8}
.b3-tv{background:#6B4A2E;border-radius:34px;padding:20px;box-shadow:0 24px 50px rgba(0,0,0,.35)}
.b3-screen{background:radial-gradient(circle at 50% 45%,#2F4C55,#10191C);border-radius:26px;padding:26px 16px;text-align:center;border:6px solid #3A2715}
.b3-ch{margin:0;font-size:14px;font-weight:800;letter-spacing:.14em;color:#F6C445}
.b3-year{display:block;font-family:Righteous,system-ui,sans-serif;font-size:clamp(72px,10vw,112px);line-height:1.05;color:#F6C445}
.b3-knobs{display:flex;justify-content:center;gap:14px;margin-top:8px}
.b3-knobs button{width:54px;height:54px;border-radius:50%;border:3px solid #F6C445;background:transparent;color:#FBF3E4;cursor:pointer;display:flex;align-items:center;justify-content:center}
.b3-tvfoot{display:flex;align-items:center;gap:14px;margin-top:14px}
.b3-tvfoot .k{width:34px;height:34px;border-radius:50%;background:#3A2715;box-shadow:inset 0 0 0 4px #8C6A47;flex:none}
.b3-tvfoot button{flex:1;min-height:56px;border:0;border-radius:16px;background:#F6C445;color:#2B1E00;font:800 18px Nunito,system-ui,sans-serif;cursor:pointer}
.b3-decades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.b3-decades button{min-height:46px;border-radius:12px;cursor:pointer;font:800 15px Nunito,system-ui,sans-serif;background:transparent;color:#FBF3E4;border:3px solid var(--c)}
.b3-decades button.on{background:var(--c);color:var(--ink)}
/* schede */
.b3-cards{width:100%;max-width:1160px;margin:34px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;text-align:start}
.b3-card{min-width:0;background:#1F353B;border-radius:24px;padding:24px;border:3px solid var(--c);display:flex;flex-direction:column;gap:10px}
.b3-card h2{margin:0;font-family:Righteous,system-ui,sans-serif;font-weight:400;font-size:26px;color:var(--t)}
.b3-card p{margin:0;line-height:1.5;flex:1;color:#D6E4E0}
.b3-card a,.b3-card button{display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:14px;background:var(--c);color:var(--ink);font:800 16px Nunito,system-ui,sans-serif;text-decoration:none;border:0;cursor:pointer}
/* dashboard resta chiaro e leggibile */
body.b3 #dashboard,body.b3 #loading{background:#F5ECDD;color:#2B1B0E}
body.b3 footer{background:#17282D;color:#D6E4E0}
body.b3 footer a{color:#F6C445}
.b3-all{display:inline-flex;align-items:center;min-height:44px;font-weight:800}
@media (max-width:640px){.b3-logo{font-size:21px}.b3-nav{justify-content:flex-start}#nc-b3-country select{min-width:0;flex:1 1 100%}}
.b3-gyear{margin:0!important;flex:none!important;font:800 15px Nunito,system-ui,sans-serif;color:#8EC1E2!important}
.b3-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.b3-card .b3-games button{min-height:46px;padding:6px 10px;font:800 14px Nunito,system-ui,sans-serif;background:#17282D;color:#FBF3E4;border:2px solid #3A7CA5;text-align:center;line-height:1.2}
.b3-card .b3-games button:hover{background:#3A7CA5;color:#F2F8FC}
.b3-card .b3-games button:disabled{opacity:.6;cursor:wait}
