:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f1e8;background:#171923;font-family:system-ui,sans-serif}body{margin:0}main{width:min(1200px,100% - 2rem);margin:auto}header{padding:1.5rem 0 1rem}header h1{margin-bottom:.2rem}a{color:#f7ca82}button{font:inherit;color:inherit;cursor:pointer;background:#393e50;border:1px solid #8c91a2;border-radius:.4rem;padding:.55rem .8rem}button:hover:not(:disabled),button:focus-visible{background:#5a4d3f}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #ffcd80}.disposicion{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:1.25rem;display:grid}.visor{background:#303039;border-radius:.7rem;min-height:460px;position:relative;overflow:hidden}canvas{touch-action:pan-y pinch-zoom;width:100%;height:100%;min-height:460px;display:block}#estado{background:#15151ab8;padding:.2rem .5rem;position:absolute;bottom:.4rem;left:1rem}#alternativa{position:absolute;inset:2rem}.controles{min-width:0}.destinos{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-bottom:1rem;display:grid}.destinos button{text-align:left}.destinos button[aria-pressed=true]{background:#66513d;border-color:#ffcd80}#ficha{border-top:1px solid #8c91a2;margin-top:1rem}footer{color:#d2c9bb;overflow-wrap:anywhere;margin:2rem 0;font-size:.85rem}@media (width<=760px){.disposicion{grid-template-columns:1fr}.visor,canvas{min-height:55dvh}}