:root{--bg:#0f1419;--surface:#1a222d;--surface-2:#242f3d;--text:#f4f6f8;--text-muted:#9aa8b8;--accent:#ff6b35;--accent-glow:#ff6b3559;--red:#e63946;--red-dark:#c1121f;--yellow:#ffd60a;--blue:#4361ee;--fludev:#38bdf8;--nav-h:72px;--safe-bottom:env(safe-area-inset-bottom,0px);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.45}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button{font:inherit;cursor:pointer;background:0 0;border:none}.app{background:var(--bg);flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.app-main{min-height:0;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 8px);-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:1;overflow:hidden auto}.screen{padding:16px 16px 24px}.app-main--home{padding-bottom:calc(var(--nav-h) + var(--safe-bottom));flex-direction:column;display:flex;overflow:hidden}.home-screen{flex-direction:column;flex:1;min-height:0;padding-bottom:8px;display:flex}.home-hud,.home-hud__main{flex-direction:column;flex:1;min-height:0;display:flex}.home-portrait-controls{flex-shrink:0}.home-voice-dock{justify-content:center;align-items:center;gap:10px;padding:2px 0 4px;display:flex}.map-legend--dock{flex-direction:column;flex:1;gap:6px;min-width:0;margin:0;display:flex}.map-legend--dock .map-legend__roads{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.map-legend--dock .map-legend__pins{grid-template-columns:1fr 1fr;gap:6px;display:grid}.map-legend--dock .legend-item{text-align:center;padding:5px 4px;font-size:.58rem;line-height:1.15}.home-hud__voice-portrait .home-voice-dock .voice-section{flex-direction:column;align-items:stretch;max-width:120px;display:flex}.home-hud__voice-portrait .voice-km-hint{border-radius:8px;width:100%;max-width:none;min-height:36px;margin:0 0 4px;padding:4px 6px;font-size:.58rem;line-height:1.15}.screen-header{margin-bottom:12px}.app-logo{object-fit:contain;border-radius:10px;width:auto;height:auto;display:block}.app-logo--md{width:min(140px,48vw);margin-bottom:8px}.app-logo--sm{flex-shrink:0;width:72px}.app-logo--banner.app-logo--md{aspect-ratio:5;width:min(320px,88vw);height:auto;margin-bottom:10px}.app-logo--banner.app-logo--sm{aspect-ratio:5;width:min(320px,46vw);height:auto}.screen-header__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:.75rem;font-weight:600}.screen-header__title{margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.map-legend{flex-flow:column;gap:8px;margin-bottom:10px;display:flex}.map-legend__roads,.map-legend__pins{display:contents}.legend-item{font:inherit;background:var(--surface);color:var(--text);cursor:pointer;touch-action:manipulation;border:2px solid #0000;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;transition:border-color .15s,background .15s,transform .15s}.legend-item:hover{background:var(--surface-2)}.legend-item--active{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 0 2px var(--accent-glow)}.legend-item--romea{color:#bae6fd;border-left:4px solid #0284c7}.legend-item--vivai{color:#bbf7d0;border-left:4px solid #22c55e}.legend-item--piovese{color:#d1d5db;border-left:4px solid #6b7280}.legend-item--brondolo{color:#ffd4c2;border-left:4px solid #ff6b35}.legend-item--red{border-left:4px solid var(--red);color:#ffc9cf}.legend-item--yellow{border-left:4px solid var(--yellow);color:#fff8dc}.legend-item--blue{border-left:4px solid var(--blue)}.legend-item--work{color:#ffe0c2;border-left:4px solid #f77f00}.legend-item--hazard{color:#e8d4f4;border-left:4px solid #9b5de5}.legend-item--clear{color:#b7ebe3;border-left:4px solid #2a9d8f}.map-container{border:2px solid var(--surface-2);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #00000073}.map-container--hud{flex:1;height:auto;min-height:0;position:relative}.google-romea-map{background:#e8eef4;width:100%;height:100%;position:relative}.google-romea-map__canvas{width:100%;height:100%}.google-romea-map--loading,.google-romea-map--error,.google-romea-map--missing-key{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.google-romea-map__hint{opacity:.85;margin:0;font-size:.85rem}.google-romea-map__spinner{border:3px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.romea-weather-info-window strong{color:#ff6b35;margin-bottom:4px;font-size:.9rem;display:block}.romea-weather-info-window__headline{color:#1a2332;margin:0 0 10px;font-size:.88rem;font-weight:600}.romea-weather-info-window__details{gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.romea-weather-info-window__details li{color:#4a5568;justify-content:space-between;gap:10px;font-size:.82rem;display:flex}.romea-weather-info-window__details strong{color:#1a2332;font-weight:600}.romea-weather-info-window__note strong{color:#c05621}.romea-weather-info-window__credit{color:#718096;margin:0;font-size:.68rem}.romea-info-window strong{color:#ff6b35;margin-bottom:4px;font-size:.85rem;display:block}.romea-info-window p{color:#1a1a1a;margin:0;font-size:.9rem;line-height:1.35}.romea-info-window--anas .romea-info-window__anas-badge{color:#fff;letter-spacing:.02em;background:#036;border-radius:999px;margin:0 0 6px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.romea-info-window--anas strong{color:#036}.voice-km-hint{width:100%;min-height:48px;color:var(--accent);text-align:center;cursor:pointer;touch-action:manipulation;background:#0f1419e0;border:1px solid #ff6b3559;border-radius:10px;max-width:280px;margin:0 0 8px;padding:8px 12px;font-size:.78rem;font-weight:600;line-height:1.3;transition:border-color .2s,box-shadow .2s;display:block}.voice-km-hint:hover{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.voice-km-hint:active{transform:scale(.98)}.voice-hint{color:#ffffffa6;text-align:center;max-width:280px;margin:0 0 6px;font-size:.7rem;line-height:1.35}.voice-section--compact .voice-hint{display:none}.voice-section--compact .voice-km-hint{pointer-events:auto}.minuto-zero-panel{background:#0f14190f;border:1px solid #ff6b3540;border-radius:12px;margin-top:20px;padding:16px}.minuto-zero-panel__title{color:var(--accent);margin:0 0 4px;font-size:1.05rem;font-weight:700}.minuto-zero-panel__subtitle{color:#0f1419b8;margin:0 0 12px;font-size:.82rem;line-height:1.4}.minuto-zero-toggle{cursor:pointer;align-items:center;gap:10px;font-size:.9rem;font-weight:600;display:flex}.minuto-zero-toggle--nested{font-size:.85rem;font-weight:500}.minuto-zero-panel__fields{flex-direction:column;gap:14px;margin-top:14px;display:flex}.minuto-zero-fieldset{border:none;margin:0;padding:0}.minuto-zero-fieldset legend{color:#0f1419a6;margin-bottom:8px;font-size:.78rem;font-weight:600}.minuto-zero-radio{cursor:pointer;align-items:center;gap:8px;margin-bottom:6px;font-size:.88rem;display:flex}.minuto-zero-field{color:#0f1419a6;flex-direction:column;gap:6px;font-size:.78rem;font-weight:600;display:flex}.minuto-zero-field input[type=time]{border:1px solid #0f141926;border-radius:8px;padding:8px 10px;font-size:.95rem}.minuto-zero-weekdays{flex-wrap:wrap;gap:6px;display:flex}.minuto-zero-weekday{cursor:pointer;background:#0f14190d;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:.8rem;display:inline-flex}.minuto-zero-hint{color:#0f1419b3;margin:0;font-size:.78rem;line-height:1.4}.minuto-zero-hint--ios{background:#ffc1071f;border-radius:8px;padding:8px 10px}.minuto-zero-hint--warn{color:#b45309}.minuto-zero-hint--ok{color:#15803d}.minuto-zero-panel__actions{flex-direction:column;gap:8px;display:flex}.commute-learning-card{background:linear-gradient(135deg,#f77f001f,#ff6b3514);border:1px solid #f77f0059;border-radius:12px;margin:16px 0;padding:14px 16px}.commute-learning-card__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#c2410c;margin:0 0 6px;font-size:.72rem;font-weight:700}.commute-learning-card__title{margin:0 0 8px;font-size:.95rem;font-weight:700;line-height:1.35}.commute-learning-card__body{color:#0f1419cc;margin:0 0 12px;font-size:.88rem;line-height:1.45}.commute-learning-card__actions{flex-direction:column;gap:8px;display:flex}.zona-calda-legend{z-index:5;color:#fbbf24;pointer-events:none;background:#0f1419d1;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;bottom:10px;left:10px}.zona-calda-legend__swatch{background:linear-gradient(90deg,#f77f00,#ff6b35);border-radius:3px;width:18px;height:6px}.planned-works-legend{z-index:5;color:#e2e8f0;pointer-events:none;background:#0f1419d1;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;bottom:42px;left:10px}.planned-works-legend__swatch{border-radius:3px;width:18px;height:6px}.planned-works-legend__swatch--work{background:#f77f00}.planned-works-legend__swatch--alt{background:#2a9d8f}.hotspot-focus-banner{z-index:6;color:#f8fafc;pointer-events:none;background:#0f1419e6;border:1px solid #f77f0073;border-radius:12px;width:min(92%,420px);padding:10px 14px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.hotspot-focus-banner__title{letter-spacing:.04em;text-transform:uppercase;color:#fbbf24;margin:0 0 4px;font-size:.78rem;font-weight:700}.hotspot-focus-banner__body{margin:0;font-size:.9rem;font-weight:600;line-height:1.35}.hotspot-focus-banner__meta{color:#cbd5e1;margin:4px 0 0;font-size:.75rem}.hotspot-focus-banner__meta--weather{color:#93c5fd;font-weight:600}.voice-section{flex-direction:column;align-items:center;min-height:auto;margin-top:8px;display:flex;position:relative}.voice-waves{justify-content:center;align-items:center;gap:6px;height:48px;margin-bottom:8px;display:flex}.voice-wave{background:var(--accent);border-radius:4px;width:6px;height:12px;animation:.8s ease-in-out infinite wave-pulse;display:block}@keyframes wave-pulse{0%,to{opacity:.4;height:12px}50%{opacity:1;height:40px}}.voice-btn{background:radial-gradient(circle at 35% 30%, #f56, var(--red-dark));color:#fff;touch-action:manipulation;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 0 0 8px #e6394633,0 12px 40px #e6394673}.voice-btn:active:not(:disabled){transform:scale(.96)}.voice-btn:disabled{cursor:default}.voice-btn--listening{animation:1.2s ease-in-out infinite pulse-ring}.voice-btn--processing{opacity:.92;box-shadow:0 8px 28px #ffd60a59}.voice-transcript{max-width:min(100%,320px);color:var(--text-muted,#b8c5d6);text-align:center;background:#00000059;border-radius:10px;margin:0 0 8px;padding:8px 12px;font-size:.85rem;font-style:italic;line-height:1.35}.voice-processing{color:#ffd60a;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;display:flex}.voice-processing__spinner{border:2px solid #ffd60a40;border-top-color:#ffd60a;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite voice-spin}@keyframes voice-spin{to{transform:rotate(360deg)}}.romea-info-window--ghost strong{color:#ffd60a}.romea-info-window__badge{color:#ffd60a;margin:4px 0;font-size:.8rem}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 8px #e6394640,0 12px 40px #e6394680}50%{box-shadow:0 0 0 18px #e639461f,0 12px 48px #e6394699}}.voice-btn__icon{margin-bottom:0;font-size:2rem;line-height:1}.voice-btn__label{display:none}.ai-banner{border:1px solid var(--accent);background:linear-gradient(135deg,#1e2a3a,#243447);border-radius:14px;align-items:flex-start;gap:10px;margin-top:14px;padding:14px 16px;animation:.4s fade-slide-in;display:flex}.ai-banner--map{margin-top:12px}.ai-banner__spark{flex-shrink:0;font-size:1.2rem}.ai-banner p{color:#fff;margin:0;font-size:1rem;font-weight:700;line-height:1.45}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-summary-box{border:2px solid var(--accent);box-shadow:0 0 24px var(--accent-glow);background:linear-gradient(145deg,#2a1f14,#1a222d);border-radius:16px;margin-bottom:20px;padding:16px}.ai-summary-box__label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:.72rem;font-weight:800}.ai-summary-box__text{margin:0;font-size:1.05rem;font-weight:800;line-height:1.45}.ai-summary-box--placeholder{border-color:var(--surface-2);box-shadow:none;background:var(--surface)}.ai-summary-box--placeholder .ai-summary-box__label{color:var(--text-muted)}.ai-summary-box--placeholder .ai-summary-box__text{color:var(--text-muted);font-size:.98rem;font-style:italic;font-weight:600}.feed-state{text-align:center;border-radius:12px;margin:0 0 16px;padding:14px 16px;font-size:.95rem}.feed-state--loading{color:var(--text-muted);background:var(--surface)}.feed-state--empty{color:var(--text-muted);background:var(--surface);border:1px dashed var(--surface-2)}.feed-state--error{color:#ffb4b4;background:#b4282826;border:1px solid #dc3c3c59}.feed-card__badges{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.feed-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.feed-badge--verified{color:#fff;background:linear-gradient(135deg,#c62828,#8e0000);box-shadow:0 0 12px #c6282859}.feed-badge--facebook{color:#fff;background:linear-gradient(135deg,#1877f2,#0d47a1);box-shadow:0 0 12px #1877f259}.feed-badge--km{color:var(--accent);text-transform:none;letter-spacing:.02em;background:#ffb74d1f;border:1px solid #ffb74d59}.feed-card--verified{border-left-color:#c62828}.feed-card--facebook{border-left-color:#1877f2}.feed-card__type{color:var(--text-muted)}.feed-card__link{color:#fff;background:linear-gradient(135deg,#1877f2,#0d47a1);border-radius:10px;margin-top:10px;padding:8px 14px;font-size:.88rem;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-flex}.feed-card__link:hover{opacity:.9}.feed-card__link:focus-visible{outline-offset:2px;outline:2px solid #1877f2}.feed-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.feed-card{background:var(--surface);border-left:4px solid var(--surface-2);border-radius:14px;padding:14px 16px}.feed-card:first-of-type{border-left-color:var(--accent)}.feed-card__meta{color:var(--text-muted);margin:0 0 6px;font-size:.85rem}.feed-card__meta time{color:var(--accent);font-weight:700}.feed-card__text{margin:0;font-size:1.05rem;line-height:1.45}.snackbar{left:50%;bottom:calc(var(--nav-h) + var(--safe-bottom) + 12px);z-index:1100;background:var(--surface);border:1px solid var(--surface-2);opacity:0;pointer-events:none;border-radius:14px;align-items:center;gap:12px;width:min(100% - 24px,456px);padding:14px 16px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;display:flex;position:fixed;transform:translate(-50%)translateY(120%);box-shadow:0 12px 40px #0000008c}.snackbar--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.snackbar--success{border-left:4px solid #2ecc71}.snackbar--success .snackbar__icon{color:#2ecc71;background:#2ecc7126}.snackbar--reward{border-left:4px solid var(--accent)}.snackbar--reward .snackbar__icon{color:var(--accent);background:#ff6b3526}.snackbar--info{border-left:4px solid var(--blue)}.snackbar--info .snackbar__icon{color:var(--blue);background:#4361ee26}.snackbar--error{border-left:4px solid var(--red)}.snackbar--error .snackbar__icon{color:var(--red);background:#e6394626}.snackbar__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.snackbar__message{color:var(--text);flex:1;margin:0;font-size:.95rem;font-weight:700;line-height:1.4}.snackbar__close{width:32px;height:32px;color:var(--text-muted);touch-action:manipulation;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.snackbar__close:active{background:var(--surface-2)}.knight-profile{background:linear-gradient(160deg, var(--surface) 0%, #1e2836 100%);border:1px solid var(--surface-2);text-align:center;border-radius:20px;margin-bottom:24px;padding:20px 18px 18px}.knight-profile__label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 16px;font-size:.72rem;font-weight:800}.knight-profile__avatar{color:#fff;background:#ff6b35;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:2rem;font-weight:900;display:flex;box-shadow:0 0 0 4px #ff6b3540}.knight-profile__name{margin:0 0 6px;font-size:1.35rem;font-weight:800}.knight-profile__level-badge{color:var(--text-muted);margin:0 0 14px;font-size:.9rem;font-weight:700}.knight-badge{border-radius:999px;align-items:center;gap:6px;margin:0 0 12px;padding:6px 12px;font-size:.82rem;font-weight:700;display:inline-flex}.knight-badge--previdente{color:#fbbf24;background:#fbbf2426;border:1px solid #fbbf2473}.knight-profile__points{color:var(--text-muted);margin:0 0 16px;font-size:.95rem}.knight-profile__points strong{color:var(--text);font-size:1.6rem}.knight-profile__progress-wrap{text-align:left;margin-bottom:18px}.knight-profile__progress{background:var(--surface-2);border-radius:999px;height:10px;margin-bottom:8px;overflow:hidden}.knight-profile__progress-fill{background:linear-gradient(90deg,#ff6b35,#ffd60a);border-radius:999px;height:100%;transition:width .5s}.knight-profile__progress-label{color:var(--text);margin:0 0 4px;font-size:.82rem;font-weight:700;line-height:1.35}.knight-profile__progress-remaining{color:var(--text-muted);margin:0;font-size:.75rem}.knight-profile__stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.knight-stat{background:var(--bg);border:1px solid var(--surface-2);border-radius:12px;padding:10px 6px}.knight-stat__value{color:var(--accent);margin-bottom:4px;font-size:1.1rem;font-weight:800;line-height:1.2;display:block}.knight-stat__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.62rem;font-weight:700;line-height:1.25;display:block}.profile-card{background:var(--surface);border:1px solid var(--surface-2);border-radius:18px;gap:16px;margin-bottom:24px;padding:18px;display:flex}.profile-card__avatar{flex-shrink:0;font-size:3rem;line-height:1}.profile-card__name{margin:0 0 4px;font-size:1.2rem;font-weight:800}.profile-card__level{color:var(--accent);margin:0 0 8px;font-size:.95rem;font-weight:700}.profile-card__stats{color:var(--text-muted);margin:0 0 10px;font-size:.9rem}.profile-card__stats strong{color:var(--text);font-size:1.1rem}.profile-card__progress{background:var(--surface-2);border-radius:999px;height:8px;margin-bottom:6px;overflow:hidden}.profile-card__progress-fill{background:linear-gradient(90deg, var(--accent), var(--red));border-radius:999px;height:100%;transition:width .5s}.profile-card__next{color:var(--text-muted);margin:0;font-size:.78rem}.section-title{margin:0 0 12px;font-size:1.1rem;font-weight:800}.rewards-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.reward-card{background:var(--surface);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.reward-card__emoji{flex-shrink:0;font-size:2rem}.reward-card__body{flex:1;min-width:0}.reward-card__title{margin:0 0 2px;font-size:1rem;font-weight:800}.reward-card__partner{color:var(--text-muted);margin:0;font-size:.82rem}.reward-card__desc{color:var(--text-muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.35}.premi-screen__hint{color:var(--text-muted);margin:0 0 1rem;font-size:.9rem}.reward-card__btn{background:var(--accent);color:#fff;touch-action:manipulation;border-radius:10px;flex-shrink:0;min-width:72px;padding:10px 14px;font-size:.85rem;font-weight:800}.reward-card__btn--disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.reward-card--redeemed{opacity:.72}.reward-card__status{color:var(--accent);margin:4px 0 0;font-size:.78rem;font-weight:700}.reward-card__btn--redeemed{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}@keyframes radio-live-pulse{0%,to{opacity:1;box-shadow:0 0 #e53e3e8c}50%{opacity:.72;box-shadow:0 0 0 6px #e53e3e00}}.travel-music{margin-bottom:10px}.travel-music__card{background:var(--surface);border:1px solid #ff6b3559;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 4px 20px #00000059}.travel-music__meta{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.travel-music__live{color:#fff;letter-spacing:.06em;background:#e53e3e;border-radius:999px;align-self:flex-start;padding:2px 7px;font-size:.62rem;font-weight:800;line-height:1.2;animation:1.4s ease-in-out infinite radio-live-pulse;display:inline-flex}.travel-music__titles{flex-direction:column;gap:1px;min-width:0;display:flex}.travel-music__station{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:700;line-height:1.2;overflow:hidden}.travel-music__subtitle{color:var(--text-muted);font-size:.68rem;font-weight:500;line-height:1.2}.travel-music__play{border:1px solid var(--surface-2);background:linear-gradient(135deg, var(--surface-2), var(--surface));width:48px;height:48px;color:var(--text);cursor:pointer;touch-action:manipulation;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,box-shadow .2s,transform .15s;display:inline-flex}.travel-music__play:active{transform:scale(.96)}.travel-music__play--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.travel-music__play-icon{font-size:1.2rem;line-height:1}.travel-music__spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.travel-music--compact{margin:0}.travel-music--compact .travel-music__card{width:min(260px,100vw - 240px)}.home-screen__header{flex-shrink:0;margin-bottom:8px}.home-hud__voice-portrait{flex-shrink:0;margin-top:6px;padding-top:0}.home-hud__voice-portrait .home-voice-dock .voice-section{min-height:auto;margin-top:0;padding:0}.home-hud__voice-portrait .voice-waves{height:32px;margin-bottom:4px}.home-hud__voice-portrait .voice-btn{box-shadow:0 0 0 5px #e6394633,0 8px 28px #e6394666}.ai-banner--map{flex-shrink:0;margin-top:6px}.bottom-nav{width:100%;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--surface-2);z-index:1000;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__btn{min-width:0;color:var(--text-muted);touch-action:manipulation;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:4px;min-height:48px;transition:color .15s;display:flex}.bottom-nav__btn--active,.bottom-nav__btn--music-active{color:var(--accent)}a.bottom-nav__btn{text-decoration:none}.bottom-nav__btn--shop{color:#ffb899}.bottom-nav__btn--shop:hover{color:var(--accent)}.bottom-nav__icon{font-size:1.4rem;line-height:1}.bottom-nav__label{letter-spacing:.02em;text-transform:uppercase;font-size:.6rem;font-weight:700}.account-screen .auth-panel{margin-top:4px}.developer-credit{text-align:center;color:#fff;letter-spacing:.02em;margin:28px 0 0;font-size:.88rem;font-weight:600}.developer-credit__brand{color:var(--fludev);font-weight:700;text-decoration:none}.developer-credit__brand:hover{color:#7dd3fc;text-decoration:underline}.developer-credit-bar{display:none}.home-hud__voice-portrait .developer-credit{margin:2px 0 0;padding-bottom:2px;font-size:.8rem}.account-screen .developer-credit{margin-top:36px;padding-bottom:8px;font-size:.95rem}.knight-profile--account{text-align:center}.voice-section--compact{z-index:500;pointer-events:none;min-height:auto;margin:0;position:absolute;bottom:10px;right:10px}.voice-section--compact .voice-waves{display:none}.voice-section--compact .voice-btn{pointer-events:auto}.voice-btn--compact{width:90px;height:90px;box-shadow:0 0 0 4px #e6394640,0 8px 24px #e6394673}.voice-btn--compact .voice-btn__icon{margin-bottom:0;font-size:1.75rem}.voice-btn--compact .voice-btn__label,.map-container--hud .voice-section--compact{display:none}.home-portrait-only{display:block}.map-float-layer,.cruscotto-btn,.landscape-nav-fab{display:none}.hud-drawer-root{z-index:1200;pointer-events:none;position:fixed;inset:0}.hud-drawer__backdrop{pointer-events:auto;cursor:pointer;background:#0000008c;border:none;position:absolute;inset:0}.hud-drawer{background:var(--surface);border-left:1px solid var(--surface-2);pointer-events:auto;flex-direction:column;width:min(45vw,420px);height:100%;animation:.3s cubic-bezier(.22,1,.36,1) hud-drawer-in;display:flex;position:absolute;top:0;right:0;box-shadow:-12px 0 40px #00000073}@keyframes hud-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.hud-drawer__header{border-bottom:1px solid var(--surface-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.hud-drawer__brand{align-items:center;gap:10px;min-width:0;display:flex}.hud-drawer__title{color:var(--accent);margin:0;font-size:1rem;font-weight:800}.hud-drawer__close{background:var(--surface-2);width:36px;height:36px;color:var(--text);touch-action:manipulation;border-radius:10px;font-size:.9rem}.hud-drawer__body{flex:1;padding:16px;overflow-y:auto}.home-hud__panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:.65rem;font-weight:800}.home-hud__ai{margin-bottom:14px}.home-hud__ai-label{letter-spacing:.08em;color:var(--text-muted);margin:0 0 6px;font-size:.65rem;font-weight:800}.home-hud__ai-text{color:var(--text);margin:0;font-size:clamp(1rem,2.2vw,1.35rem);font-weight:900;line-height:1.35}.home-hud__feed-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:.65rem;font-weight:800}.home-hud__feed-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.home-hud__feed-item{background:var(--bg);border-left:3px solid var(--accent);border-radius:12px;padding:10px 12px}.home-hud__feed-meta{color:var(--accent);margin:0 0 4px;font-size:.72rem;font-weight:700}.home-hud__feed-text{margin:0;font-size:clamp(.85rem,1.8vw,1.05rem);font-weight:700;line-height:1.35}.drive-toggle--compact{gap:6px;width:auto;margin:0;padding:8px 12px}.drive-toggle--compact .drive-toggle__label{font-size:.75rem}.drive-toggle--compact .drive-toggle__pill{padding:3px 8px;font-size:.6rem}.drive-toggle{background:var(--surface);border:1px solid var(--surface-2);width:100%;color:var(--text);text-align:left;touch-action:manipulation;border-radius:14px;align-items:center;gap:10px;margin-bottom:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.drive-toggle--active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.drive-toggle__icon{flex-shrink:0;font-size:1.35rem}.drive-toggle__label{flex:1;font-size:.88rem;font-weight:700;line-height:1.3}.drive-toggle__pill{letter-spacing:.06em;background:var(--surface-2);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.68rem;font-weight:800}.drive-toggle__pill--on{background:var(--accent);color:#fff}.radar-alert{z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.25s fade-slide-in;display:flex;position:fixed;inset:0}.radar-alert__pulse{background:#ff6b3533;border-radius:24px;width:min(90vw,420px);height:min(40vh,280px);animation:1s ease-in-out infinite pulse-ring;position:absolute}.radar-alert__content{background:linear-gradient(160deg, #2a1410, var(--surface));border:3px solid var(--accent);width:min(92vw,440px);box-shadow:0 0 48px var(--accent-glow);text-align:center;border-radius:20px;padding:28px 22px;position:relative}.radar-alert__title{color:#fff;margin:0 0 20px;font-size:clamp(1.25rem,5vw,1.65rem);font-weight:900;line-height:1.35}.radar-alert__btn{background:var(--accent);color:#fff;touch-action:manipulation;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:800}html.landscape-hud .app{width:100%}html.landscape-hud .app-main{padding-left:0}html.landscape-hud .app-main--home{flex:1 1 0;height:100%;min-height:0;padding:0;overflow:hidden}html.landscape-hud .app-main--feed,html.landscape-hud .app-main--premi,html.landscape-hud .app-main--account{padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px);-webkit-overflow-scrolling:touch;overflow-y:auto}html.landscape-hud .home-screen{flex-direction:column;flex:1 1 0;height:100%;min-height:0;margin:0;padding:0;display:flex}html.landscape-hud .home-portrait-only{display:none!important}html.landscape-hud .home-hud{flex:1 1 0;height:100%;min-height:0;position:relative}html.landscape-hud .home-hud__main{position:absolute;inset:0;overflow:hidden}html.landscape-hud .map-container--hud{width:100%;height:100%;box-shadow:none;border:none;border-radius:0;flex:none;position:absolute;inset:0}html.landscape-hud .map-container--hud .google-romea-map,html.landscape-hud .map-container--hud .google-romea-map__canvas{width:100%!important;height:100%!important}html.landscape-hud .map-float-layer{z-index:450;pointer-events:none;display:block;position:absolute;inset:0}.map-float-logo{display:none}html.landscape-hud .map-float-logo{z-index:3;aspect-ratio:5;pointer-events:none;border-radius:10px;width:min(320px,46vw);height:auto;margin:0;display:block;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000059}html.landscape-hud .map-float-layer .travel-music{z-index:500;pointer-events:auto;max-width:calc(100% - 280px);position:absolute;inset:auto auto 20px 50%;transform:translate(-50%)}html.landscape-hud .travel-music--compact .travel-music__card{width:min(300px,100vw - 280px)}html.landscape-hud .map-float-layer .drive-toggle{pointer-events:auto;width:auto;max-width:min(240px,50vw - 180px);position:absolute;top:10px;left:10px;box-shadow:0 4px 20px #00000059}html.landscape-hud .cruscotto-btn{background:var(--surface);border:2px solid var(--accent);color:var(--text);pointer-events:auto;touch-action:manipulation;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:800;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 20px #00000059}html.landscape-hud .map-legend--float{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;pointer-events:auto;border:1px solid var(--surface-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f1419e0;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;width:min(148px,22vw);height:fit-content;max-height:calc(100% - 248px);margin:0;padding:8px;display:flex;position:absolute;top:118px;left:auto;right:10px;overflow-y:auto;transform:none;box-shadow:0 4px 20px #00000059}html.landscape-hud .map-legend--float .map-legend__roads,html.landscape-hud .map-legend--float .map-legend__pins{flex-direction:column;align-items:stretch;gap:6px;display:flex}html.landscape-hud .map-legend--float .map-legend__roads{border-bottom:1px solid #ffffff1f;padding-bottom:6px}html.landscape-hud .map-legend--float .legend-item{text-align:left;background:var(--surface);border-radius:8px;width:100%;padding:6px 10px;font-size:.68rem}html.landscape-hud .map-container--hud .voice-section--compact{z-index:520;flex-direction:column;align-items:flex-end;width:90px;display:flex;bottom:16px;left:auto;right:16px}html.landscape-hud .map-container--hud .voice-section--compact .voice-km-hint{pointer-events:auto;width:max-content;max-width:min(220px,40vw);min-height:auto;margin:0;position:absolute;bottom:calc(100% + 8px);left:auto;right:0}html.landscape-hud .map-container--hud .voice-section--compact .voice-btn{flex-shrink:0}html.landscape-hud .voice-btn--compact{width:90px;height:90px}html.landscape-hud .home-hud__voice-portrait{display:none!important}html.landscape-hud .ai-banner--map{z-index:460;margin:0;padding:10px 12px;position:absolute;bottom:16px;left:16px;right:110px}html.landscape-hud .bottom-nav{display:none}html.landscape-hud .landscape-nav-fab{z-index:1100;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:fixed;bottom:16px;left:16px}html.landscape-hud .landscape-nav-fab__actions{align-items:center;gap:10px;display:flex}html.landscape-hud .landscape-nav-fab__credit{border:1px solid var(--surface-2);background:#1a222de0;border-radius:12px;margin-left:2px;padding:8px 12px;box-shadow:0 4px 16px #00000059}html.landscape-hud .landscape-nav-fab__credit .developer-credit{text-align:left;white-space:nowrap;margin:0;font-size:.8rem}html.landscape-hud .landscape-nav-fab__toggle{background:var(--surface);border:2px solid var(--surface-2);width:52px;height:52px;color:var(--text);touch-action:manipulation;border-radius:50%;font-size:1.35rem;font-weight:700;box-shadow:0 4px 20px #0006}html.landscape-hud .landscape-nav-fab__toggle--shop{color:#ffb899;border-color:#ff6b3573;font-size:1.25rem}html.landscape-hud .landscape-nav-fab__menu{flex-direction:column;gap:6px;margin-bottom:4px;display:flex}html.landscape-hud .landscape-nav-fab__item{background:var(--surface);border:1px solid var(--surface-2);color:var(--text-muted);white-space:nowrap;touch-action:manipulation;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 16px #00000059}html.landscape-hud .landscape-nav-fab__item--active{border-color:var(--accent);color:var(--accent)}html.landscape-hud .snackbar{bottom:12px;left:50%;transform:translate(-50%)}@media (height<=500px) and (orientation:landscape){html.landscape-hud .travel-music--compact .travel-music__card{width:min(220px,100vw - 280px)}html.landscape-hud .map-legend--float{width:min(120px,18vw);max-height:min(168px,100% - 200px);top:52px}html.landscape-hud .map-float-logo{width:min(260px,40vw)}html.landscape-hud .map-container--hud .voice-section--compact .voice-km-hint{max-width:min(200px,45vw - 8px);position:fixed;bottom:76px;left:16px;right:auto}}.auth-loading{background:var(--bg);width:100%;height:100%;min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.auth-loading__spinner{border:3px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading p{margin:0;font-size:.9rem;font-weight:700}.auth-panel{background:var(--surface);border:1px solid var(--surface-2);border-radius:14px;padding:14px}.auth-panel--compact{padding:12px}.auth-panel__title{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:.85rem;font-weight:800}.auth-panel__tabs{gap:6px;margin-bottom:14px;display:flex}.auth-panel__tab{background:var(--bg);border:1px solid var(--surface-2);color:var(--text-muted);touch-action:manipulation;border-radius:10px;flex:1;padding:10px 12px;font-size:.82rem;font-weight:700}.auth-panel__tab--active{border-color:var(--accent);color:var(--accent);background:#ff6b351a}.auth-panel__form{flex-direction:column;gap:10px;display:flex}.auth-panel__field{flex-direction:column;gap:4px;display:flex}.auth-panel__label{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.auth-panel__input{border:1px solid var(--surface-2);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:11px 12px;font-size:16px}.auth-panel__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.auth-panel__input:disabled{opacity:.65}.auth-panel__error{border-left:3px solid var(--red);color:#ffb4b4;background:#e639461f;border-radius:10px;margin:0;padding:10px 12px;font-size:.82rem;font-weight:700;line-height:1.4}.auth-panel__hint{color:var(--muted,#9aa7b5);text-align:center;margin:8px 0 0;padding:0 2px;font-size:.75rem;font-weight:600;line-height:1.35}.auth-panel__hint--reset{text-align:left;color:var(--text-muted);margin:0 0 4px;font-size:.82rem}.auth-panel__success{color:#b8f5d0;background:#2ecc711f;border-left:3px solid #2ecc71;border-radius:10px;margin:0;padding:10px 12px;font-size:.82rem;font-weight:700;line-height:1.4}.auth-panel__btn{touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-size:.9rem;font-weight:800;transition:opacity .15s;display:flex}.auth-panel__btn:disabled{opacity:.65;cursor:not-allowed}.auth-panel__btn--primary{background:var(--accent);color:#fff}.auth-panel__btn--secondary{background:var(--surface-2);color:var(--text);margin-top:10px}.auth-panel__btn--facebook{color:#fff;background:#1877f2}.auth-panel__fb-icon{flex-shrink:0;width:18px;height:18px}.auth-panel__link{color:var(--text-muted);touch-action:manipulation;background:0 0;border:none;padding:4px 0;font-size:.8rem;font-weight:700;text-decoration:underline}.auth-panel__link:disabled{opacity:.6;cursor:not-allowed}.auth-panel__divider{color:var(--text-muted);align-items:center;gap:10px;margin:14px 0 12px;font-size:.75rem;font-weight:700;display:flex}.auth-panel__divider:before,.auth-panel__divider:after{content:"";background:var(--surface-2);flex:1;height:1px}.knight-profile--panel{text-align:left;margin:0;padding:12px}.knight-profile--panel .knight-profile__avatar{width:56px;height:56px;margin:0 0 10px;font-size:1.5rem}.knight-profile--panel .knight-profile__stats{grid-template-columns:1fr;gap:8px}.knight-profile__email{color:var(--text-muted);word-break:break-all;margin:0 0 8px;font-size:.78rem}.knight-profile--loading{pointer-events:none}.knight-profile__skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, #ffffff14 50%, var(--surface-2) 100%);color:#0000;-webkit-user-select:none;user-select:none;background-size:200% 100%;border-radius:6px;min-width:8rem;min-height:1em;animation:1.4s ease-in-out infinite knight-skeleton-pulse;display:inline-block}.knight-profile__skeleton--inline{vertical-align:middle;min-width:5rem;min-height:1.6rem}.knight-stat__value.knight-profile__skeleton{min-width:2.5rem}@keyframes knight-skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}.landscape-nav-fab__auth{pointer-events:auto;border-radius:14px;width:min(320px,85vw);max-height:min(62vh,520px);margin-top:8px;overflow-y:auto;box-shadow:0 8px 28px #00000073}@media (prefers-reduced-motion:reduce){.voice-wave,.voice-btn--listening,.ai-banner,.radar-alert__pulse,.auth-loading__spinner,.knight-profile__skeleton,.howto-sheet{animation:none}}.howto-root{z-index:1200;pointer-events:auto;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.howto-backdrop{cursor:pointer;background:#080c129e;border:0;margin:0;padding:0;position:absolute;inset:0}.howto-sheet{z-index:1;width:min(420px,100%);max-height:min(72vh,520px);padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(165deg, #1e2836 0%, var(--surface) 55%);border:1px solid var(--surface-2);border-bottom:0;border-radius:18px 18px 0 0;margin:0;animation:.28s ease-out howto-sheet-up;position:relative;overflow-y:auto;box-shadow:0 -12px 40px #00000073}@keyframes howto-sheet-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.howto-sheet__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.howto-sheet__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.72rem;font-weight:700}.howto-sheet__skip{color:var(--text-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:6px 4px;font-size:.88rem;font-weight:600}.howto-sheet__title{color:var(--text);margin:0 0 8px;font-size:1.28rem;font-weight:800;line-height:1.25}.howto-sheet__body{color:var(--text-muted);margin:0 0 16px;font-size:.95rem;line-height:1.45}.howto-sheet__dots{gap:6px;margin-bottom:14px;display:flex}.howto-sheet__dot{background:var(--surface-2);border-radius:50%;width:7px;height:7px}.howto-sheet__dot--active{background:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.howto-sheet__check{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;margin-bottom:16px;font-size:.9rem;display:flex}.howto-sheet__check input{width:18px;height:18px;accent-color:var(--accent)}.howto-sheet__actions{justify-content:flex-end;gap:10px;display:flex}.howto-sheet__btn{cursor:pointer;touch-action:manipulation;border-radius:12px;min-height:44px;padding:0 18px;font-size:.95rem;font-weight:700}.howto-sheet__btn--primary{background:var(--accent);color:#0f1419;border:0;flex:1}.howto-sheet__btn--ghost{border:1px solid var(--surface-2);color:var(--text-muted);background:0 0}.account-howto{background:var(--surface);border:1px solid var(--surface-2);border-radius:14px;margin:16px 0 8px;padding:14px 14px 12px}.account-howto__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 8px;font-size:.7rem;font-weight:700}.account-howto__btn{border:1px solid var(--accent);width:100%;min-height:44px;color:var(--accent);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:12px;font-size:.95rem;font-weight:700}.account-howto__hint{color:var(--text-muted);margin:8px 0 0;font-size:.8rem;line-height:1.35}