.mf-stage{--stage-gold:#f1d998;--stage-ink:#f6f0df;--stage-glass:#071c32d9;position:relative;isolation:isolate;width:100vw;height:100svh;min-height:500px;margin-inline:calc((100% - 100vw)/2);overflow:hidden;background:#073057;color:var(--stage-ink);font:14px/1.4 Arial,sans-serif;box-sizing:border-box}.mf-stage.stage-screen-active{position:fixed;inset:0;z-index:1200;width:100%;height:100dvh;margin:0;min-height:0}.mf-stage *{box-sizing:border-box}.mf-stage button{cursor:pointer;color:var(--stage-ink);font:13px/1.35 Arial,sans-serif;min-height:44px;border:1px solid #eddbac4d;border-radius:9px;background:var(--stage-glass);padding:10px 14px;touch-action:manipulation}.mf-stage button:hover{background:#18364fe8;border-color:#f4dc9c}.mf-stage button:focus-visible,.stage-surface:focus-visible,.mf-stage select:focus-visible{outline:3px solid #ffe1a0;outline-offset:3px}.mf-stage button[aria-pressed=true],.mf-stage button[aria-selected=true]{border-color:var(--stage-gold);background:#243e4ee8;box-shadow:inset 0 -2px #e9ca7b}.mf-stage [hidden]{display:none!important}.stage-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#021528c9 0%,#02152833 23%,transparent 45%,#011b2780 100%),radial-gradient(ellipse,transparent 35%,#01142666 100%)}.stage-surface{position:absolute;inset:0;overflow:hidden;touch-action:pan-y;cursor:grab;outline-offset:-5px!important}.stage-screen-active .stage-surface{touch-action:none}.stage-surface:active{cursor:grabbing}.stage-plane{position:absolute;left:50%;top:50%;width:100%;height:100%;transform-style:preserve-3d;transform-origin:center;will-change:transform;user-select:none}.stage-art{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none}.stage-art img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.stage-castle .stage-plane{background:radial-gradient(ellipse,#0b669c,#063469)}.stage-library{background:#151a23}.stage-library .stage-plane{width:max(100%,177.7dvh)}.stage-art-library{object-fit:cover}.stage-depth{position:absolute;left:12%;right:12%;bottom:17%;height:2px;background:linear-gradient(90deg,transparent,#a3edf965,transparent);transform:translateZ(28px);pointer-events:none;box-shadow:0 0 40px #86e8ff33}.stage-hud{position:absolute;z-index:8;top:max(14px,env(safe-area-inset-top));left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.stage-hud>*{pointer-events:auto}.stage-hud .stage-back{display:flex;align-items:center;gap:9px;letter-spacing:.03em}.stage-mode-tabs{display:flex;gap:4px;padding:3px;background:#04182cd9;border:1px solid #e4d3a03d;border-radius:12px;backdrop-filter:blur(16px)}.stage-mode-tabs button{border-color:transparent;min-width:120px;background:transparent;font-family:Georgia,serif;font-size:16px}.stage-hud>button:last-child{width:44px;padding:8px;font:22px Georgia,serif}.stage-heading{position:absolute;z-index:3;top:110px;left:40px;pointer-events:none;transition:opacity .35s}.stage-heading>span{font:10px/1.4 Arial,sans-serif;letter-spacing:.25em;color:#f2dca0}.stage-heading h2{font:400 clamp(28px,3vw,46px)/1.12 Georgia,serif;margin:10px 0!important;color:#fff6df;text-shadow:0 2px 15px #0009}.stage-exploring .stage-heading{opacity:0}.stage-perspectives{position:absolute;top:77px;left:50%;transform:translateX(-50%);z-index:8;display:flex;gap:5px;max-width:calc(100% - 24px)}.stage-perspectives button{background:#052139cf;font-size:12px;padding:8px 15px;backdrop-filter:blur(14px)}.stage-place,.stage-station-marker{position:absolute;z-index:2;transform:translate(-50%,-50%) translateZ(38px);display:flex;align-items:center;gap:9px;padding:10px 13px!important;min-height:44px;white-space:nowrap;box-shadow:0 8px 30px #00122377}.stage-place b,.stage-station-marker b{font:13px/1.4 Georgia,serif;font-weight:400}.stage-place-light{width:8px;height:8px;border-radius:50%;background:#bcecf1;box-shadow:0 0 12px #67daff}.stage-place[aria-pressed=true] .stage-place-light{background:#ffe0a0;box-shadow:0 0 20px #ffe1a2}.place-propiedad{left:20%;top:39%}.place-direccion{left:50%;top:29%}.place-administracion{left:80%;top:40%}.place-negocio{left:51%;top:75%}.stage-station-marker span{font-size:22px;color:var(--stage-gold)}.stage-station-marker i{position:absolute;right:4px;top:-15px;color:#f4d484;font-size:36px}.station-origen{left:17%;top:50%}.station-encargo{left:37%;top:48%}.station-tiempo{left:64%;top:48%}.station-respaldo{left:84%;top:51%}.stage-hint{position:absolute;z-index:7;left:40px;top:35%;max-width:290px;width:calc(100% - 90px);background:#061d31e8;border:1px solid #d9c18e88;padding:20px;border-radius:16px;backdrop-filter:blur(16px);box-shadow:0 15px 45px #0004;transition:opacity .25s,transform .25s}.stage-hint>span{font:30px Georgia,serif;color:#f3d792}.stage-hint p{font:19px/1.5 Georgia,serif;color:#f5ecd8;margin:12px 0 18px}.stage-hint button{width:100%;background:#dfca8d!important;color:#10293c!important;border:0}.stage-camera{position:absolute;z-index:7;right:24px;top:33%;display:grid;grid-template-columns:44px 44px;gap:6px}.stage-camera button{width:44px;height:44px;padding:0;font:23px Georgia,serif;background:#041c30dd;backdrop-filter:blur(10px)}.stage-camera-status{position:absolute;right:25px;top:calc(33% + 158px);z-index:5;font:10px Arial,sans-serif;text-shadow:0 1px 6px #00121f}.stage-value-keys,.stage-library-keys{position:absolute;z-index:6;left:50%;bottom:155px;transform:translateX(-50%);display:flex;gap:5px;background:#031b2f6e;padding:4px;border-radius:12px;backdrop-filter:blur(16px)}.stage-value-keys button,.stage-library-keys button{min-height:44px;min-width:90px;font-size:12px;padding:9px 14px}.stage-library-keys button{display:flex;gap:8px;align-items:center}.stage-library-keys button>span{color:var(--stage-gold);font-size:19px}.stage-task{position:absolute;z-index:7;left:50%;transform:translateX(-50%);bottom:70px;width:min(760px,calc(100% - 48px));border:1px solid #d8c08d88;border-radius:16px;background:#071c30ed;box-shadow:0 12px 45px #0004;backdrop-filter:blur(18px);color:#f4edda;max-height:calc(100dvh - 220px);overflow:auto;scrollbar-color:#c6ad78 #071c30}.stage-task-peek{display:flex;align-items:center;width:100%;text-align:left;background:transparent!important;border:0!important;padding:14px 18px!important;gap:14px}.stage-task-orb{flex:none;display:grid;place-items:center;height:35px;width:35px;border:1px solid #d9bd76;border-radius:50%;font:22px Georgia,serif;color:#f1d69a}.stage-task-peek>span:nth-child(2){flex:1;min-width:0}.stage-task-peek small{display:block;color:#dfcd9e;font:10px/1.5 Arial,sans-serif;letter-spacing:.04em}.stage-task-peek b{display:block;font:400 20px/1.3 Georgia,serif;white-space:normal}.stage-task-content{padding:0 20px 18px}.stage-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.stage-choices button{display:flex;justify-content:center;align-items:center;gap:12px;min-height:56px;background:#dcc58e;color:#122c3f;font-weight:600;border-color:#e9d49e}.stage-choices button:hover{background:#f2dfb2}.stage-choices button>span{font:18px Georgia,serif}.stage-choices .stage-quiet{background:transparent;color:#f0e4c5;font-weight:400}.stage-consequence,.stage-key{grid-column:1/-1;font:15px/1.55 Georgia,serif;margin:0;color:#f4edda}.stage-key{font:12px/1.6 Arial,sans-serif;color:#e1d4b8}.stage-earned{grid-column:1/-1;color:#fae8b6;margin:6px 0;font:20px/1.5 Georgia,serif}.stage-local-scope{font:10px/1.5 Arial,sans-serif!important;color:#bdcbd1!important;margin:12px 0 0!important}.stage-bottom{position:absolute;z-index:8;left:25px;right:25px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;gap:10px;align-items:center;pointer-events:none}.stage-bottom>*{pointer-events:auto}.stage-bottom>span{margin-right:auto;font:11px/1.4 Arial,sans-serif;padding:10px 12px;border-radius:9px;background:#041c30ce}.stage-bottom button{min-height:44px;backdrop-filter:blur(12px)}.stage-bottom>button:last-child{width:44px;padding:0;font-size:20px}.stage-workbench{position:absolute;z-index:12;right:0;top:0;bottom:0;width:min(720px,100%);padding:18px 22px 30px;overflow-y:auto;overscroll-behavior:contain;background:#f6f1e4;color:#183248;box-shadow:-20px 0 70px #0007}.stage-workbench-close{position:sticky;top:0;z-index:3;display:block;margin:0 0 20px auto;background:#15334b!important;color:#fff5df!important}.stage-workbench .fortress-map,.stage-workbench .fortress-orientation,.stage-workbench .world-context,.stage-workbench .fortress-learning{display:none}.stage-workbench .mf-world,.stage-workbench .mf-document-journey{margin:0;padding:0;box-shadow:none;border:0;min-height:0;background:transparent}.stage-workbench .fortress-decision,.stage-workbench .viva-doc-board{display:block}.stage-workbench .world-title h2{font-size:28px}.stage-workbench button{background:#f3eddf;color:#173149;border-color:#b4a37c}.stage-workbench .world-title{margin-bottom:15px}.stage-workbench .world-mission{padding:16px;background:#eee7d7}.stage-workbench .world-actions{display:grid;gap:10px}.stage-agreement-label{display:grid;gap:7px;font:11px/1.4 Arial,sans-serif;margin:10px 0 18px;color:#e7d6ab}.stage-agreement-label select{max-width:100%;width:100%;min-height:44px;border:1px solid #dfc991;background:#112e44;color:#fff2d3;font:14px Arial,sans-serif;padding:9px;border-radius:7px}.stage-station-question{font:22px/1.3 Georgia,serif;margin:0 0 8px}.stage-evidence-value{font:14px/1.5 Arial,sans-serif;color:#dfd9c9;margin:0 0 16px;overflow-wrap:anywhere}.stage-guide-reward{border:1px solid #d4bc85;background:#dfc88816;border-radius:12px;padding:15px}.stage-guide-reward b{font:21px Georgia,serif;color:#f7dfa4}.stage-guide-reward p{font:13px Arial,sans-serif}.stage-guide-reward button{width:100%}.stage-library .stage-vignette{background:linear-gradient(180deg,#111326d6 0%,#17121b2e 25%,transparent 55%,#131421ad 100%)}.stage-library .stage-hint{background:#201b20ed}.stage-motion-off *{animation:none!important;transition:none!important}.stage-place-light{animation:stage-glow 4s ease-in-out infinite}@keyframes stage-glow{50%{box-shadow:0 0 24px #a8e4ff;opacity:.8}}.stage-workbench .world-inventory{background:#eee8d7;color:#183248}.stage-task.is-open~.stage-bottom{z-index:9}
@media(max-width:800px){.stage-hud{left:12px;right:12px;gap:6px}.stage-hud .stage-back span{display:none}.stage-mode-tabs button{min-width:95px;padding:8px 12px;font-size:15px}.stage-perspectives{top:73px;width:calc(100% - 24px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.stage-perspectives button{min-width:0;padding:7px 4px;font-size:11px;overflow-wrap:normal}.stage-heading{top:174px;left:20px;right:20px;text-align:center}.stage-heading h2{font-size:29px}.stage-heading>span{font-size:9px}.stage-value-keys,.stage-library-keys{top:123px;bottom:auto;gap:4px;width:calc(100% - 24px);padding:3px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.stage-value-keys button,.stage-library-keys button{min-width:0;padding:7px 2px;font-size:11px;justify-content:center}.stage-library-keys button>span{display:none}.stage-camera{top:auto;bottom:156px;left:50%;right:auto;transform:translateX(-50%);display:flex;gap:5px}.stage-camera-status{top:auto;bottom:205px;right:20px}.stage-task{bottom:69px;width:calc(100% - 24px);max-height:calc(100dvh - 225px);border-radius:14px}.stage-task-peek{padding:12px!important;gap:10px}.stage-task-peek b{font-size:17px}.stage-task-orb{height:30px;width:30px;font-size:19px}.stage-task-content{padding:0 14px 14px}.stage-choices{grid-template-columns:1fr;gap:8px}.stage-choices button{min-height:48px;font-size:13px}.stage-bottom{left:12px;right:12px;gap:7px}.stage-bottom>span{font-size:10px;padding:8px}.stage-bottom button{font-size:11px;padding:9px}.stage-hint{top:27%;left:20px;max-width:260px;padding:16px}.stage-hint p{font-size:18px}.stage-place,.stage-station-marker{padding:8px 9px!important;gap:6px}.stage-place b{font-size:11px}.stage-place-light{width:6px;height:6px}.stage-library .stage-hint{top:29%}.stage-workbench{padding:12px 14px}.stage-workbench .world-title h2{font-size:26px}.stage-workbench .viva-proof-chain{grid-template-columns:1fr}.stage-workbench .viva-doc-source{display:block}.stage-workbench .viva-agreements{display:flex;flex-direction:column}.stage-workbench .viva-agreements button{width:100%}.stage-library .stage-plane{width:177.7dvh}.stage-library .stage-station-marker b{font-size:13px}.stage-task.is-open{bottom:69px}.mf-stage:has(.stage-task.is-open) .stage-camera,.mf-stage:has(.stage-task.is-open) .stage-camera-status{opacity:0;pointer-events:none}}
@media(max-width:650px) and (orientation:portrait){.place-propiedad{left:20%;top:45%}.place-direccion{left:50%;top:34%}.place-administracion{left:80%;top:46%}.place-negocio{left:50%;top:65%}.stage-castle .stage-plane{background:linear-gradient(#07376b,#065b94)}}
@media(max-height:500px) and (orientation:landscape){.stage-hud{top:8px;left:10px;right:10px}.stage-mode-tabs button{min-height:40px}.stage-perspectives{top:60px;width:430px;left:10px;transform:none}.stage-heading{top:115px;left:18px;right:auto;text-align:left}.stage-heading h2{font-size:27px}.stage-value-keys,.stage-library-keys{top:60px;left:auto;right:12px;transform:none;width:340px}.stage-camera{left:auto;right:12px;bottom:76px;transform:none}.stage-camera-status{bottom:123px}.stage-task{left:12px;bottom:67px;transform:none;width:52%;max-height:calc(100dvh - 115px)}.stage-task-peek b{font-size:15px}.stage-task-content{padding:0 12px 12px}.stage-choices{grid-template-columns:1fr 1fr}.stage-hint{top:126px;left:20px;max-width:300px;padding:12px}.stage-hint>span{display:none}.stage-hint p{font-size:16px;margin:0 0 8px}.stage-hint button{min-height:40px}.stage-bottom{bottom:10px}.stage-task-orb{height:26px;width:26px}.stage-place{padding:7px!important}.stage-place b{font-size:10px}.mf-stage:has(.stage-task.is-open) .stage-camera{opacity:1;pointer-events:auto}.stage-workbench{width:min(650px,100%)}.stage-local-scope{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.mf-stage *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.stage-castle .stage-plane{width:min(100%,150dvh)}.stage-castle .stage-surface::before{content:"";position:absolute;inset:-10%;background:url(./assets/firm-world.webp) center/cover;filter:blur(50px);opacity:.38;pointer-events:none}.stage-heading h2:focus{outline:0}.stage-castle .stage-vignette{background:linear-gradient(180deg,#02152890 0%,#02152811 28%,transparent 55%,#011b2755 100%)}@media(max-width:650px) and (orientation:portrait){.stage-castle .stage-plane{width:min(100%,47.44dvh)}.stage-castle .stage-surface::before{background-image:url(./assets/mesa-castle-portrait.webp);filter:blur(20px)}}

.stage-role-question{font:13px/1.5 Georgia,serif;color:#ebd59e;margin:0 0 14px}.stage-task.is-open .stage-task-peek{position:sticky;top:0;z-index:2;background:#071c30!important}.stage-task.is-open .stage-task-content{position:relative}

@media(max-width:800px){.mf-stage:has(.stage-task.is-open) .stage-camera,.mf-stage:has(.stage-task.is-open) .stage-camera-status{visibility:hidden}}@media(max-height:500px) and (orientation:landscape){.stage-perspectives{width:calc(54% - 18px);max-width:430px}.stage-value-keys,.stage-library-keys{width:calc(46% - 18px);max-width:340px}.mf-stage:has(.stage-task.is-open) .stage-camera{visibility:visible}}

.stage-workbench:has(.world-inventory) .fortress-decision,.stage-workbench:has(.world-inventory) .viva-bottom,.stage-workbench:has(.world-inventory) .world-title{display:none}.stage-workbench .world-inventory{margin:0;padding:16px;border-radius:0}.stage-workbench .world-inventory h3{font:30px/1.3 Georgia,serif}

.stage-back img{width:20px;height:20px;filter:brightness(0) invert(1)}.stage-value-keys button[data-world-axis=economico][aria-pressed=true]{border-color:#f2d38b;background:#554627df}.stage-value-keys button[data-world-axis=tecnologia][aria-pressed=true]{border-color:#7ee3f6;background:#174958df}.stage-value-keys button[data-world-axis=trabajo][aria-pressed=true]{border-color:#a0e7c9;background:#235449df}.stage-value-keys button[data-world-axis=social_ambiental][aria-pressed=true]{border-color:#d0baff;background:#423958df}

.stage-plane.stage-camera-travel{transition:transform .6s cubic-bezier(.22,.68,.25,1)}@media(prefers-reduced-motion:reduce){.stage-plane.stage-camera-travel{transition:none}}

.stage-label-small{display:none}@media(max-width:370px){.stage-mode-tabs button{min-width:75px;font-size:14px;padding:8px 10px}.stage-hud .stage-back{padding:8px;gap:4px}.stage-back img{width:16px;height:16px}.stage-label-wide{display:none}.stage-label-small{display:inline}.stage-bottom>span{font-size:9px}.stage-bottom button{font-size:10px}}

.stage-exploring .stage-heading{opacity:0}.stage-guide-reward:focus{outline:2px solid var(--stage-gold);outline-offset:3px}@media(max-height:500px) and (orientation:landscape){.stage-value-keys,.stage-library-keys{bottom:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;gap:4px;padding:3px}.stage-value-keys button,.stage-library-keys button{min-width:0;min-height:44px;padding:7px 2px;font-size:11px;justify-content:center}.stage-library-keys button>span{display:none}.stage-camera{top:auto;display:grid;grid-template-columns:repeat(3,44px);gap:6px}.stage-camera-status{bottom:176px}}
