.primi-passi-velo{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:22px;background:#07140fce;backdrop-filter:blur(9px);color:#e9eadb;font:13px/1.5 system-ui,sans-serif}
.primi-passi-velo *{box-sizing:border-box}.primi-passi-dialogo{display:flex;flex-direction:column;width:990px;max-width:100%;max-height:calc(100dvh - 44px);overflow:hidden;background:#15271ffb;border:1px solid #86997666;border-radius:13px;box-shadow:0 24px 100px #0009;outline:none}
.primi-header{display:flex;justify-content:space-between;gap:20px;padding:23px 27px 20px;border-bottom:1px solid #98ae7733;background:radial-gradient(ellipse at 70% -40%,#5173473b,transparent 65%)}.primi-occhiello{margin:0 0 7px!important;color:#d9bd76;font:10px monospace;letter-spacing:.17em}.primi-header h1{font-size:26px;line-height:1.2;letter-spacing:-.5px;margin:0 0 9px;color:#f1f1df}.primi-intro{margin:0;color:#b2c2aa;max-width:650px}
.primi-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;cursor:pointer;border:1px solid #9eb38070;background:#24402d;color:#d5e9bf;border-radius:6px;font:600 12px system-ui;min-height:38px;padding:9px 15px}.primi-button:hover{background:#355437}.primi-button:focus-visible{outline:2px solid #e5d19b;outline-offset:3px}.primi-chiudi{width:35px;min-height:35px;height:35px;padding:7px;background:#192c22}.primi-comando{display:inline-flex;width:23px;height:23px;flex-shrink:0}.primi-comando svg{width:100%;height:100%}
.primi-corpo{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#607a51 #14241c;scrollbar-width:thin}.primi-partenza{padding:8px 21px 20px;background:linear-gradient(155deg,#263c2b,#15271f);border-right:1px solid #92a97726}.primi-partenza h2{font-size:14px;margin:0 0 13px;color:#e9e6c8}.primi-modello{display:flex;align-items:center;justify-content:center;min-width:0}.primi-modello img{display:block;width:100%;height:auto;object-fit:contain}.primi-base{margin:0 -5px 4px;min-height:133px;filter:drop-shadow(0 10px 9px #08140e6b)}.primi-scorte{display:grid;grid-template-columns:1fr 1fr;gap:13px 6px}.primi-scorta{display:flex;align-items:center;gap:7px;min-width:0}.primi-scorta strong{display:block;font:600 16px monospace;line-height:1.3;color:#eee8cb}.primi-scorta span:not(.primi-risorsa){display:block;color:#afbea4;font-size:10px}.primi-risorsa{display:inline-flex;width:25px;height:25px;flex-shrink:0}.primi-risorsa svg{width:100%;height:100%}.primi-crescita{font-size:11px;color:#b2c2a9;margin:17px 0;line-height:1.6}.primi-locale{display:flex;align-items:flex-start;gap:9px;padding-top:16px;border-top:1px solid #97ac7533;color:#adc69d}.primi-locale p{font-size:11px;margin:0}.primi-locale .primi-comando{width:20px;height:20px;margin-top:3px}
.primi-main{padding:17px 25px 17px;min-width:0}.primi-costruisci{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.6;color:#bdcdb1;margin:0 0 13px;padding:10px 13px;background:#a4c37e0c;border:1px solid #98ab7230;border-radius:5px}.primi-costruisci .primi-comando{color:#ddc686}.primi-percorso{list-style:none;padding:0;margin:0}.primi-passo{display:grid;grid-template-columns:96px minmax(0,1fr);gap:15px;padding:11px 0;border-top:1px solid #89a17328}.primi-passo:first-child{border-top:0;padding-top:0}.primi-illustrazione{position:relative;align-self:center;min-height:77px;background:radial-gradient(ellipse at 50% 66%,#75925532,transparent 68%)}.primi-illustrazione .primi-secondo-modello{position:absolute;width:65%;right:-4px;bottom:-1px;filter:drop-shadow(-3px 0 3px #102217)}.primi-passo-titolo{display:flex;align-items:baseline;gap:8px}.primi-passo h2{font-size:14px;line-height:1.35;color:#edeccf;margin:0}.primi-numero{font:11px monospace;color:#d4bc75}.primi-passo p{margin:5px 0;color:#b8c7af;font-size:11px;line-height:1.55}.primi-badge{display:inline-flex;align-items:center;gap:6px;font:10px monospace;color:#d0bf86}.primi-badge .primi-risorsa{width:16px;height:16px}.primi-energia{display:flex;align-items:center;gap:9px;font-size:10px;color:#c5b588;background:#dac18509;padding:9px 11px;border:1px solid #dac18526;border-radius:5px;margin:10px 0 0}
.primi-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 25px;background:#12211b;border-top:1px solid #98ae7733}.primi-tasti{display:flex;gap:8px 16px;flex-wrap:wrap;font-size:10px;color:#9fb394}.primi-tasti span{white-space:nowrap}.primi-tasti kbd{display:inline-block;border:1px solid #7f986044;border-radius:3px;padding:3px 5px;font:10px monospace;color:#d2debd;margin-right:3px}.primi-cominciamo{background:#b6d588;color:#20301a;border-color:#d0e5ad;min-width:153px}.primi-cominciamo:hover{background:#cbe59e}
@media(max-width:700px){.primi-passi-velo{padding:10px}.primi-passi-dialogo{max-height:calc(100dvh - 20px);border-radius:9px}.primi-header{padding:18px;gap:12px}.primi-header h1{font-size:22px}.primi-intro{font-size:12px}.primi-corpo{display:block}.primi-partenza{display:grid;grid-template-columns:94px minmax(0,1fr);gap:8px 13px;padding:12px 17px;border-right:0;border-bottom:1px solid #92a97726}.primi-base{grid-column:1;grid-row:1/3;margin:0;min-height:0}.primi-partenza h2{font-size:12px;margin:0}.primi-scorte{gap:10px 8px;grid-template-columns:repeat(3,minmax(0,1fr))}.primi-scorta{gap:4px}.primi-scorta strong{font-size:13px}.primi-scorta span:not(.primi-risorsa){font-size:9px}.primi-scorta .primi-risorsa{width:21px;height:21px}.primi-crescita,.primi-locale{grid-column:1/-1;margin:2px 0 0;font-size:10px}.primi-locale{padding-top:10px}.primi-main{padding:14px 17px}.primi-passo{grid-template-columns:70px minmax(0,1fr);gap:9px;padding:12px 0}.primi-passo h2{font-size:13px}.primi-illustrazione{min-height:64px}.primi-footer{padding:12px 17px;gap:10px}.primi-tasti{gap:5px}.primi-tasti span{font-size:9px}.primi-tasti kbd{font-size:9px;padding:2px 3px}.primi-cominciamo{min-width:123px;padding:8px 11px;font-size:11px}.primi-cominciamo .primi-comando{width:19px;height:19px}}
@media(max-width:410px){.primi-partenza{grid-template-columns:74px minmax(0,1fr);gap:8px}.primi-scorte{grid-template-columns:1fr 1fr}.primi-header h1{font-size:20px}.primi-scorta .primi-risorsa{width:19px;height:19px}.primi-footer{flex-direction:column;align-items:stretch}.primi-tasti{justify-content:center}.primi-cominciamo{min-height:38px}.primi-chiudi{width:32px;height:32px;min-height:32px}.primi-passo{grid-template-columns:57px minmax(0,1fr)}}