.p404{background:var(--fondo);height:100lvh;min-height:100lvh;color:var(--avorio);font-family:var(--font-jetbrains-mono), ui-monospace, monospace;position:relative;overflow:hidden}.p404-tela{z-index:0;touch-action:none;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.p404-tela{cursor:url(/cursori/mano-piccolo.png) 11 0,grab}.p404-tela:active{cursor:url(/cursori/mano-piccolo.png) 11 0,grabbing}}.p404-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.p404-testo{z-index:2;left:var(--gutter,1.5rem);max-width:min(34rem, calc(100vw - 2 * var(--gutter,1.5rem)));pointer-events:none;isolation:isolate;position:absolute;bottom:7vh}.p404-testo a{pointer-events:auto}.p404-testo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--velo-sfumo));position:absolute;inset:-56px -80px}.p404[data-piatta] .p404-testo{top:50%;bottom:auto;transform:translateY(-50%)}.p404 h1{font-family:var(--font-grande);font-weight:var(--peso-display);font-variation-settings:"wdth" var(--wdth-titolo);font-size:var(--tipo-titolo);line-height:var(--lh-titolo);letter-spacing:var(--ls-titolo);margin:0}.p404-comandi{margin-top:var(--spazio-titolo)}@media (max-width:1023.98px){.p404-testo{bottom:max(28px, calc(env(safe-area-inset-bottom) + 18px))}}@media (max-height:420px){.p404-comandi{margin-top:8px}.p404-testo{bottom:12px}}@media (max-width:500px){.p404-testo{max-width:calc(100vw - var(--gutter,1.5rem) - 52px)}}