.map-section{width:100%}.map-traces,.map-checkpoint,.map-readout{display:none}.sections-grid>.section-card{min-width:0}.node-thumbs{z-index:12;gap:6px;max-width:30ch;display:flex;position:relative}.node-thumbs img{border:1px solid var(--card-border);flex:1;width:100%;min-width:0;height:auto}.node-screen{aspect-ratio:16/9;border:1px solid var(--card-border);background:#050505;max-width:30ch;position:relative;overflow:hidden}.node-screen:before{content:"";filter:blur(6px);background:radial-gradient(38% 45% at 30% 40%,#ffb80038,#0000 70%),radial-gradient(30% 38% at 68% 62%,#e0ddd517,#0000 70%),radial-gradient(50% 55% at 55% 28%,#ffb8001a,#0000 72%);animation:14s ease-in-out infinite alternate liquid-drift;position:absolute;inset:-30%}.node-screen:after{content:"";opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:120px 120px;animation:.7s steps(3,end) infinite screen-static;position:absolute;inset:0}@keyframes liquid-drift{0%{transform:translate(-4%,-3%)scale(1)}to{transform:translate(4%,5%)scale(1.15)}}@keyframes screen-static{0%{background-position:0 0}to{background-position:96px 57px}}.led-title{letter-spacing:.1em;border:1px solid var(--card-border);color:#0000;text-shadow:0 0 8px #ffb80059;background:#050505;width:fit-content;padding:.18em .3em;transition:text-shadow .25s;animation:9s linear 3s infinite led-flicker;position:relative;box-shadow:inset 0 0 14px #000000d9}.led-title:before{content:attr(data-text);padding:inherit;color:var(--amber);transition:filter .25s;position:absolute;inset:0;mask-image:radial-gradient(circle closest-side,#000 80%,#0000 92%);mask-size:.15em .15em}.section-card--linked:hover .led-title.led-title{color:#0000;text-shadow:0 0 14px #ffb8008c}.section-card--linked:hover .led-title:before{filter:brightness(1.25)}@keyframes led-flicker{0%,to{opacity:1}7%{opacity:.55}7.5%{opacity:1}54%{opacity:.75}54.3%{opacity:1}81%{opacity:.85}81.4%{opacity:1}}@media (width>=900px){.sections-map{aspect-ratio:1200/560;background:0 0;border:none;display:block;position:relative}.map-traces{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.trace{fill:none;stroke:#5a565080;stroke-width:2px;stroke-linecap:round;stroke-dasharray:100 100;stroke-dashoffset:100px;transition:stroke .2s,stroke-width .2s;animation:.9s 1.45s forwards trace-draw}.trace--deco{stroke:#5a565052;animation-delay:1.7s}.trace--ring{stroke:#5a5650a6;stroke-width:1.5px;animation-delay:2s}.map-traces use{opacity:0;animation:.5s 2.1s forwards via-in}.sections-map:has(.map-node--memoria:hover,.map-node--memoria:focus-within) .trace--memoria,.sections-map:has(.map-node--irrealista:hover,.map-node--irrealista:focus-within) .trace--irrealista,.sections-map:has(.map-node--bestiario:hover,.map-node--bestiario:focus-within) .trace--bestiario,.sections-map:has(.map-node--agnotopia:hover,.map-node--agnotopia:focus-within) .trace--agnotopia{stroke:var(--amber);stroke-width:2.5px}.map-pulse{fill:none;stroke:var(--amber);stroke-width:2px;stroke-linecap:round;opacity:.7;stroke-dasharray:7 193;stroke-dashoffset:60px;animation:3.8s linear infinite pulse-travel}.map-pulse:first-child{animation-delay:2.8s}.map-pulse:nth-child(2){animation-delay:3.75s}.map-pulse:nth-child(3){animation-delay:4.7s}.map-pulse:nth-child(4){animation-delay:5.65s}.map-node{border:1px solid var(--card-border);background:#0a0a09e0;gap:.5rem;width:24%;padding:1.1rem 1.25rem 1rem;position:absolute}.map-node .card-title{font-size:clamp(1.3rem,1.9vw,1.9rem)}.map-node .card-desc{display:none}.map-node .card-footer{padding-top:.35rem}.map-node .node-thumbs{max-width:none}.map-node .node-thumbs img{filter:brightness(.8)saturate(.85);transition:filter .25s,border-color .25s}.map-node--bestiario:hover .node-thumbs img,.map-node--bestiario:focus-within .node-thumbs img{filter:none;border-color:#ffb80073}.map-node .node-screen{filter:brightness(.85);max-width:none;transition:filter .25s,border-color .25s}.map-node--memoria:hover .node-screen,.map-node--memoria:focus-within .node-screen{filter:brightness(1.1);border-color:#ffb80059}.map-node--memoria{top:9%;left:3%}.map-node--irrealista{bottom:3%;left:8.5%}.map-node--bestiario{width:25%;top:5%;right:3%}.map-node--agnotopia{bottom:9%;right:7%}.map-checkpoint{aspect-ratio:1;border:1px solid var(--amber);background:radial-gradient(circle at 50% 42%,#ffb80017,#0000 68%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:17%;display:flex;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)}.map-checkpoint:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 30%,#e0ddd50f 38%,#e0ddd505 46%,#0000 54% 60%,#e0ddd508 66%,#0000 72%),radial-gradient(circle at 50% 45%,#0000 58%,#0000008c 97%);border-radius:50%;position:absolute;inset:0}.map-checkpoint:after{content:"";border:1px solid var(--amber);opacity:0;border-radius:50%;animation:4s ease-out 2.2s infinite checkpoint-pulse;position:absolute;inset:-1px}.map-checkpoint-label{letter-spacing:.08em;color:var(--amber);font-family:Bebas Neue,sans-serif;font-size:clamp(1.3rem,2vw,2rem);line-height:1;position:relative}.map-checkpoint-sub{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:.58rem;position:relative}.map-readout{border:1px solid var(--card-border);opacity:0;z-index:13;pointer-events:none;background:#08080800;width:100%;min-height:7.5rem;margin-top:1rem;padding:1rem 1.25rem 1.1rem;transition:background .25s,border-color .25s;animation:.5s 1.5s forwards fade-up;display:block;position:sticky;bottom:0}.map-readout.is-active{background:#080808eb;border-color:#34312b}.map-readout:after{content:"";pointer-events:none;border:1px solid #0000;position:absolute;inset:-1px}.map-readout.is-active:after{animation:.7s ease-out readout-glow}.map-readout.is-active .map-readout-key,.map-readout.is-active .map-readout-line{opacity:1}.map-readout-key{letter-spacing:.35em;text-transform:uppercase;color:var(--muted);opacity:.3;margin-bottom:.75rem;font-size:.6rem;transition:opacity .25s;display:block}.map-readout-title{color:var(--amber)}.map-readout-line{color:var(--off-white);opacity:.3;max-width:100ch;font-size:.68rem;line-height:1.7;transition:opacity .25s}.map-readout-line.is-flash{animation:.18s ease-out readout-flash}.map-readout-cursor{vertical-align:text-bottom;background:var(--amber);width:.5em;height:1em;margin-left:.35em;animation:1.1s step-end infinite blink;display:inline-block}}@keyframes readout-flash{0%{opacity:.25}to{opacity:1}}@keyframes readout-glow{0%{box-shadow:none;border-color:#0000}30%{border-color:var(--amber);box-shadow:0 0 14px #ffb8002e}to{box-shadow:none;border-color:#0000}}@keyframes checkpoint-pulse{0%{opacity:.6;transform:scale(1)}60%{opacity:0;transform:scale(1.28)}to{opacity:0;transform:scale(1.28)}}@keyframes trace-draw{to{stroke-dashoffset:0}}@keyframes via-in{to{opacity:1}}@keyframes pulse-travel{0%{stroke-dashoffset:200px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.map-checkpoint:after,.trace,.map-traces use{animation:none}.trace{stroke-dashoffset:0}.map-traces use{opacity:1}.map-pulse{display:none}.map-readout.is-active:after,.led-title,.node-screen:before,.node-screen:after{animation:none}}
