dialog.sfera{background:var(--color-notte);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--color-carta);font-family:var(--font-sans);text-align:start;overscroll-behavior:none;-webkit-font-smoothing:antialiased;border:0;margin:0;padding:0;font-size:1rem;line-height:1.5;position:fixed;inset:0;overflow:hidden}dialog.sfera[open]{animation:.35s ease-out sfera-apri}dialog.sfera::backdrop{background:var(--color-notte)}@keyframes sfera-apri{0%{opacity:0}}@media (prefers-reduced-motion:reduce){dialog.sfera[open]{animation-duration:.15s}}dialog.sfera :focus-visible{outline:2px solid var(--color-vermiglio-chiaro);outline-offset:3px}.sfera-scena{position:absolute;inset:0;overflow:hidden}.sfera-scena:focus{outline:none}.sfera-scena:focus-visible{outline:2px solid var(--color-vermiglio-chiaro);outline-offset:-4px}.sfera-cielo{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.sfera-cielo:active{cursor:grabbing}.sfera-etichette{pointer-events:none;position:absolute;inset:0;overflow:hidden}.sfera-parete{background:var(--color-carta-2);opacity:0;pointer-events:none;position:absolute;inset:0}.sfera-poster{opacity:0;pointer-events:none;position:absolute;box-shadow:0 1px 2px #161b2e2e,0 18px 40px -22px #161b2e73}.sfera-nome{white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.sfera-nome>span{text-shadow:0 0 3px #05070df2,0 0 9px #05070dcc;display:block;transform:translate(-50%,-50%)}.sfera-nome.lato>span{transform:translate(10px,-50%)}.sfera-nome.costellazione{letter-spacing:.01em;color:#c9a96ed1;font-size:12.5px;font-weight:500}.sfera-nome.costellazione.minore{color:#c9a96e94;font-size:12px}.sfera-nome.stella{color:#f3eee3a8;font-size:12px;font-style:italic}.sfera-nome.pianeta{color:var(--color-vermiglio-chiaro);font-size:13px;font-style:italic}.sfera-nome.luna{color:#f3eee3d1}.sfera-nome.luna>span{transform:translate(16px,-50%)}.sfera-nome.lato.sinistra>span{transform:translate(calc(-100% - 10px),-50%)}.sfera-nome.luna.sinistra>span{transform:translate(calc(-100% - 16px),-50%)}.sfera-nome.cardinale{font-family:var(--font-display);color:var(--color-ottone-chiaro);font-size:15px;font-weight:500}.sfera-ui{pointer-events:none;position:absolute;inset:0}.sfera-ui button{pointer-events:auto;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.sfera-testata{left:max(28px, env(safe-area-inset-left));top:max(24px, env(safe-area-inset-top));max-width:min(34rem,100% - 140px);transition:opacity .4s;position:absolute}.sfera-testata h2{--opsz:16;font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:30px;font-style:italic;font-weight:500;line-height:1.15;overflow:hidden}.sfera-tab{font-variant-numeric:tabular-nums lining-nums}.sfera-quando{letter-spacing:.01em;color:#f3eee3db;margin:10px 0 0;font-size:14px;font-weight:500}.sfera-riga{align-items:center;gap:12px;margin-top:3px;display:flex}.sfera-coordinate{letter-spacing:.01em;color:#c9a96ee6;margin:0;font-size:13px}.sfera-info{width:22px;height:22px;color:var(--color-ottone-chiaro);background:0 0;border:1px solid #c9a96e8c;border-radius:50%;flex:none;place-items:center;padding:0;font-style:italic;line-height:1;display:grid;position:relative}.sfera-ui .sfera-info{font-family:var(--font-display);font-size:14px}.sfera-info:after{content:"";position:absolute;inset:-11px}.sfera-info[aria-expanded=true]{background:#c9a96e33}.sfera-info:focus-visible{outline:2px solid var(--color-ottone-chiaro);outline-offset:3px}.sfera-onesta{color:#f3eee38f;max-width:21rem;margin:10px 0 0;font-size:12.5px;line-height:1.45;transition:opacity .4s}.sfera-testata[data-nota=svanisce] .sfera-onesta{opacity:0}.sfera-testata[data-nota=chiusa] .sfera-onesta{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sfera-onesta{transition:none}}.sfera-chiudi{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));width:48px;height:48px;color:var(--color-carta);background:#0e12228c;border:1px solid #c9a96e73;border-radius:2px;place-items:center;display:grid;position:absolute}.sfera[data-fase=poster] .sfera-chiudi,.sfera[data-stato=ripiego] .sfera-chiudi{color:var(--color-inchiostro);background:0 0;border-color:#161b2e4d}.sfera-comandi{left:0;right:0;bottom:max(26px, env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:16px;padding:0 28px;transition:opacity .4s;display:flex;position:absolute}.sfera-guida{min-width:0}.sfera-direzione{color:#f3eee3db;margin:0 0 4px;font-size:13.5px}.sfera-suggerimento{color:#f3eee399;margin:0;font-size:12.5px}.sfera-interruttori{gap:8px;display:flex}.sfera-interruttori button{color:#f3eee3e0;background:#0e122259;border:1px solid #c9a96e73;border-radius:2px;min-height:44px;padding:0 14px;font-size:13px}.sfera-interruttori button[aria-pressed=false]{color:#f3eee38c;border-color:#f3eee333}.sfera-interruttori button[aria-pressed=true]:before{content:"";background:var(--color-ottone-chiaro);border-radius:50%;width:5px;height:5px;margin:0 8px 1px 0;display:inline-block}.sfera-diventa{background:var(--color-carta);min-height:48px;color:var(--color-inchiostro);border:0;border-radius:2px;padding:0 26px;font-size:15px;font-weight:500}.sfera-diventa:after{content:"";background:var(--color-vermiglio);border-radius:50%;width:6px;height:6px;margin-bottom:1px;margin-left:12px;display:inline-block}@media (hover:hover){.sfera-diventa:hover{background:#fffaf0}}.sfera-diventa:active{transform:scale(.98)}.sfera-diventa:disabled{opacity:.6;cursor:progress}.sfera-piede{color:var(--color-inchiostro);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:0 18px;display:flex;position:absolute;left:0;right:0}.sfera-didascalia{margin:0;font-size:13.5px}.sfera-nota{color:var(--color-nebbia);margin:-6px 0 0;font-size:12.5px}.sfera-azioni{gap:10px;display:flex}.sfera-azioni button{min-height:44px;color:var(--color-inchiostro);background:0 0;border:1px solid #161b2e59;border-radius:2px;padding:0 20px;font-size:14.5px;font-weight:500}.sfera-azioni button.pieno{background:var(--color-inchiostro);border-color:var(--color-inchiostro);color:var(--color-carta)}.sfera-stato{color:#f3eee3b8;margin:0;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sfera-ripiego{padding:72px 18px max(24px, env(safe-area-inset-bottom));background:var(--color-carta-2);color:var(--color-inchiostro);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.sfera-ripiego p{max-width:30rem;margin:0;font-size:14.5px;line-height:1.5}.sfera-ripiego-poster{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.sfera-ripiego canvas{box-shadow:0 1px 2px #161b2e2e,0 18px 40px -22px #161b2e73}@media (width<=699px){.sfera-testata{left:18px;top:max(18px, env(safe-area-inset-top));max-width:calc(100% - 100px)}.sfera-testata h2{font-size:20px}.sfera-quando{margin-top:6px;font-size:13px}.sfera-coordinate{font-size:12px}.sfera-onesta{margin-top:8px;font-size:12px}.sfera-direzione{margin:0;font-size:12.5px}.sfera-comandi{bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:12px;padding:0 18px}.sfera-suggerimento{display:none}.sfera-diventa{width:100%;min-height:52px}.sfera-interruttori button{flex:1}.sfera-nome.costellazione{font-size:12px}.sfera-nome.costellazione.minore{display:none}.sfera-azioni{width:100%}.sfera-azioni button{flex:1}}