@charset "UTF-8";
/* Los campos largos del portfolio mantienen su propia columna o fila. */
.brand-result dl{grid-template-columns:112px minmax(0,1fr)!important}.brand-result dt{overflow-wrap:anywhere}.brand-result dd{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.brand-result dl{grid-template-columns:minmax(0,1fr)!important;gap:5px!important}.brand-result dd+dt{margin-top:9px}}
.save-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.save-actions button{font:700 9px 'Consolas',monospace;border:1px solid #101010;background:#ffffff;color:#101010;padding:5px 9px}.save-actions button:hover:not(:disabled){background:#ff6a00}.save-actions button:disabled{opacity:.45}.save-actions #save-status{white-space:nowrap}
:root{--paper:#ffffff;--ink:#101010;--muted:#666666;--gold:#ff6a00;--line:#cdcdcd;--coral:#ff6a00;--mono:'Cascadia Code','Consolas',monospace;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--coral);outline-offset:4px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.hidden{display:none!important}.topbar{min-height:88px;padding:18px max(32px,calc((100vw - 1344px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:12px;align-items:center;font-size:12px;font-weight:900;letter-spacing:1.6px;line-height:1.35}.brand-icon{width:46px;height:46px;background:var(--ink);color:var(--gold);display:grid;place-items:center;font:900 17px var(--mono);position:relative;box-shadow:3px 3px 0 var(--gold)}.brand-icon span{position:absolute;right:3px;top:0;font-size:12px}.topbar nav{display:flex;gap:28px}.nav-button{background:none;border:0;padding:12px 0;font-weight:600;font-size:13px;color:#666666;position:relative}.nav-button.active{color:var(--ink)}.nav-button.active:after{content:'';position:absolute;height:3px;width:24px;background:var(--gold);bottom:2px;left:0}.nav-button span{font:10px var(--mono);background:#f1f1f1;margin-left:5px;padding:3px}.top-actions{display:flex;gap:20px;align-items:center}.edition,.eyebrow{font:10px var(--mono);letter-spacing:1.6px}.edition{color:#666666}.icon-button{background:none;border:1px solid var(--line);padding:9px 11px;font:16px var(--mono)}.icon-button span{font-size:10px}.icon-button[aria-pressed=true]{background:var(--gold);border-color:var(--ink)}main{max-width:1344px;margin:auto;padding:30px 32px 18px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{margin:0 0 10px}.tiny-square{display:inline-block;background:var(--coral);width:7px;height:7px;margin-right:7px}h1{font-size:clamp(26px,3vw,42px);letter-spacing:-1.6px;line-height:1.2;margin:0;font-weight:800}h1 span{font-weight:400}.heading-note{font-size:13px;color:#666666;line-height:1.6;margin:0;position:relative;padding-right:32px}.heading-note span{position:absolute;right:0;top:5px;font-size:30px;color:var(--ink)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px}.game-frame{border:2px solid var(--ink);background:var(--ink);box-shadow:6px 6px 0 #dedede;min-width:0;align-self:start}.frame-top{height:38px;display:flex;align-items:center;justify-content:space-between;color:#ffffff;padding:0 14px;font:9px var(--mono);letter-spacing:1px}.frame-top i,#save-status i{width:6px;height:6px;background:var(--gold);display:inline-block;margin-right:5px}.frame-top>div{display:flex;gap:12px}.frame-top button{color:#ffffff;font-size:17px;border:0;background:none;padding:2px 5px}.frame-bottom{height:38px;background:#f1f1f1;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:9px var(--mono);letter-spacing:.6px}.frame-bottom .key{font-size:8px;margin-right:4px;margin-left:7px}.frame-bottom .key:first-child{margin-left:0}.key{font-family:var(--mono);font-size:10px;border:1px solid #cdcdcd;box-shadow:0 2px 0 #cdcdcd;display:inline-flex;align-items:center;justify-content:center;min-width:21px;padding:3px 5px;color:var(--ink);background:#ffffff;font-weight:600;line-height:1}.stage{width:100%;aspect-ratio:16/9;position:relative;isolation:isolate;background:#dedede;overflow:hidden}#game{display:block;width:100%;height:100%;image-rendering:pixelated;outline:0}.scene-vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#10101013,transparent 32%);box-shadow:inset 0 0 70px #10101012;z-index:1}.title-screen{container-type:inline-size;position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,#ffffff57,transparent 70%)}.title-card{position:absolute;top:9%;left:4.5%;width:43%;max-width:390px;padding:25px 25px 22px;background:#fffffff2;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.chip{background:var(--gold);color:var(--ink);display:inline-block;font:9px var(--mono);letter-spacing:1px;padding:6px 8px}.title-card h2{font-size:clamp(25px,4.6cqw,45px);font-weight:900;letter-spacing:-1.9px;line-height:1.1;margin:17px 0 12px}.title-card h2>span:not(.title-dot){white-space:nowrap}.title-dot{color:var(--coral)}.title-card p{font-size:13px;line-height:1.6;color:#666666;margin:0 0 20px}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:13px 15px;font-size:13px;font-weight:700;box-shadow:3px 3px 0 var(--gold);gap:16px;transition:transform .1s,box-shadow .1s}.primary-button:hover{background:#333333;transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--gold)}.primary-button:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--gold)}.primary-button>span{font-size:20px;line-height:1}.title-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:22px;font:7px var(--mono);letter-spacing:1px}.scene-sticker{position:absolute;top:14%;right:7%;display:flex;flex-direction:column;align-items:center;transform:rotate(3deg);background:var(--gold);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:12px 18px}.scene-sticker span{font:8px var(--mono);letter-spacing:1px}.scene-sticker span:last-child{font-size:24px;line-height:1.1;margin-top:5px}.scene-sticker b{font-size:15px;margin-top:5px}.start-tip{position:absolute;left:4.5%;bottom:5%;padding:10px 13px;background:#ffffffe8;border:1px solid #cdcdcd;font:10px var(--mono);display:flex;align-items:center;gap:6px}.tip-divider{margin:0 7px;color:#666666}.hud{z-index:3;position:absolute;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.player-hud{display:flex;gap:10px;background:#fffffff2;border:2px solid var(--ink);box-shadow:3px 3px 0 #10101050;padding:6px 12px 6px 6px;align-items:center}.avatar{width:38px;height:44px;background:#dedede;border:1px solid #999999;overflow:hidden}.avatar canvas{width:38px;height:50px;image-rendering:pixelated;transform:translateY(-5px)}.hud-label{font:9px var(--mono);display:flex;justify-content:space-between;gap:45px;letter-spacing:.6px}.hud-label b{font-size:10px}.health-track{width:148px;height:10px;border:1px solid var(--ink);background:#dedede;margin:5px 0 2px;overflow:hidden}.health-track span{display:block;width:100%;height:100%;background:#ff6a00;transition:width .25s,background .25s}.hud-small{font:8px var(--mono);letter-spacing:.6px;color:#666666}.inventory-hud{background:#fffffff2;border:2px solid var(--ink);padding:10px 12px;display:flex;gap:7px;align-items:center;box-shadow:3px 3px 0 #10101050}.inventory-hud>span:first-child{color:#ff6a00;font-size:20px}.inventory-hud b{font:700 13px var(--mono)}.hud-divider{height:15px;width:1px;background:#cdcdcd;margin:0 3px}.interaction-prompt{position:absolute;z-index:4;bottom:11%;left:50%;transform:translateX(-50%);background:#fffffff5;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--gold);padding:9px 13px;font-size:12px;display:flex;align-items:center;gap:8px;white-space:nowrap}.interaction-prompt button{display:none;border:0;background:var(--gold);padding:7px 9px;font-weight:700;font-size:12px}.toast{position:absolute;z-index:6;bottom:7%;left:50%;transform:translateX(-50%);max-width:90%;background:var(--ink);color:var(--paper);border:2px solid var(--gold);padding:10px 15px;font:11px var(--mono);text-align:center;pointer-events:none;box-shadow:3px 3px 0 #10101050}.modal-layer{position:absolute;inset:0;background:#10101094;backdrop-filter:blur(2px);z-index:8;display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);width:100%;max-height:100%;overflow:auto;padding:24px;scrollbar-width:thin;scrollbar-color:#999999 transparent}.modal-card h2{font-size:25px;line-height:1.15;margin:14px 0 12px;letter-spacing:-.7px}.modal-card p{font-size:13px;line-height:1.6;color:#666666}.modal-heading{display:flex;justify-content:space-between;align-items:center}.close-button{background:transparent;border:0;font-size:25px;font-weight:400;line-height:1;padding:0 4px;align-self:flex-start}.dialog-card{max-width:560px;padding:20px 24px}.dialog-person{display:flex;gap:14px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px}.dialog-person canvas{width:49px;height:55px;image-rendering:pixelated;background:#dedede;border:1px solid #999999}.dialog-person>div{flex:1}.dialog-person .eyebrow{font-size:8px;margin-bottom:3px;display:block}.dialog-person h2{font-size:19px;margin:4px 0}.dialog-opening{margin:12px 0;font-size:12px!important}.question-label{font:8px var(--mono);letter-spacing:1px;color:#666666;display:flex;justify-content:space-between;margin:12px 0 7px}.dialog-card h3{font-size:17px;letter-spacing:-.2px;line-height:1.3;margin:0 0 12px}.answer-options{display:grid;gap:7px}.answer-option{display:flex;text-align:left;align-items:center;gap:12px;border:1px solid #cdcdcd;background:#ffffff;padding:10px 12px;font-size:12px;line-height:1.35;min-height:45px}.answer-option:hover:not(:disabled){background:#fff0e6;border-color:#999999}.answer-option>span:first-child{font:11px var(--mono);flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;background:#f1f1f1}.answer-option.correct{background:#fff0e6;border-color:#ff6a00}.answer-option.wrong{background:#eeeeee;border-color:#994000}.answer-option:disabled:not(.correct):not(.wrong){opacity:.55}.answer-feedback{padding:10px 12px;background:#fff0e6;color:#994000;font-size:12px;line-height:1.5;margin-top:10px;border-left:3px solid #ff6a00}.answer-feedback.wrong{background:#eeeeee;color:#994000;border-left-color:var(--coral)}.dialog-card .primary-button{margin-top:12px;padding:10px 13px;font-size:12px}.compact-card{max-width:385px}.compact-card h2{font-size:29px}.compact-card .primary-button{margin:22px 0 14px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#cdcdcd;font-size:12px;padding:12px 0 4px;display:block;text-align:center;width:100%;color:#666666}.secondary-button{width:100%;padding:11px 14px;border:1px solid #cdcdcd;background:#f1f1f1;font-size:12px;font-weight:600}.help-card,.map-card{max-width:620px}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.control-grid>div{background:#f1f1f1;padding:12px;display:flex;align-items:start;flex-direction:column;gap:6px}.control-grid b{font-size:12px;margin-top:4px}.control-grid small{font-size:10px;color:#666666}.help-notes p{font-size:12px;margin:10px 0}.mobile-note,.prototype-note{font-size:11px!important;color:#666666!important;border-top:1px solid var(--line);padding-top:12px}.level-list{display:grid;gap:8px;margin:20px 0}.level-row{display:flex;gap:14px;align-items:center;padding:13px 14px;background:#f1f1f1;border:1px solid #cdcdcd}.level-row.available{border-color:#999999;background:#fff0e6}.level-row>span{font:22px var(--mono);color:#666666}.level-row>div{flex:1}.level-row h3{font-size:13px;margin:0 0 4px}.level-row p{font-size:11px;margin:0;line-height:1.4}.level-row>small{font:8px var(--mono);max-width:80px;text-align:right;letter-spacing:.5px}.complete-card{max-width:560px}.complete-star{font-size:30px;color:#ff6a00}.complete-card h2{font-size:30px}.complete-card h2 span{color:#994000}.brand-result{padding:18px;background:#f1f1f1;border:1px solid #cdcdcd;margin:18px 0}.brand-result h3{font-size:21px;letter-spacing:-.5px;margin:0 0 5px}.brand-result .tagline{font-size:12px;font-style:italic;margin:0 0 15px}.brand-result dl{margin:0;display:grid;grid-template-columns:75px 1fr;gap:8px;font-size:11px;line-height:1.4}.brand-result dt{font:9px var(--mono);text-transform:uppercase;letter-spacing:.7px;color:#666666}.brand-result dd{margin:0}.palette{display:flex;gap:5px}.palette i{display:inline-block;width:24px;height:12px;border:1px solid #10101033}.complete-stats{display:flex;justify-content:space-between;gap:10px;margin:18px 0 23px}.complete-stats span{font:8px var(--mono);color:#666666}.complete-stats b{display:block;font:700 19px var(--mono);color:var(--ink);margin-bottom:5px}.complete-card .secondary-button{margin-top:12px}.mission-sidebar{border-top:2px solid var(--ink);padding-top:20px}.mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.mission-header .eyebrow{font-size:8px;margin:0;color:#666666}.level-badge{border:1px solid #999999;padding:5px;font:13px var(--mono)}.mission-sidebar h2{font-size:35px;letter-spacing:-1px;line-height:1.1;margin:0 0 13px}.mission-description{font-size:13px;line-height:1.6;color:#666666;margin:0 0 18px;max-width:230px}.client-label{border:1px solid #cdcdcd;background:#f1f1f1;display:flex;gap:11px;align-items:center;padding:13px;margin-bottom:25px}.client-label>span{font-size:24px;color:#994000}.client-label>div{display:flex;flex-direction:column;gap:3px}.client-label small{font:8px var(--mono);letter-spacing:1px;color:#666666}.client-label b{font-size:12px}.task-heading{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:1px;padding-bottom:13px;border-bottom:1px solid #cdcdcd}.task-heading span{color:#666666}.objectives{margin:0;padding:0;list-style:none}.objectives li{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid #cdcdcd}.task-icon{width:25px;height:25px;display:grid;place-items:center;font:11px var(--mono);border:1px solid #cdcdcd;background:#f1f1f1;flex-shrink:0;color:#666666}.objectives li>div{display:flex;flex-direction:column;gap:4px}.objectives b{font-size:12px;font-weight:650}.objectives small{font-size:11px;color:#666666;line-height:1.4}.objectives li.done .task-icon{background:var(--ink);color:var(--gold);border-color:var(--ink)}.objectives li.done b{color:#994000}.next-objective{padding:15px 13px;background:#fff0e6;margin-top:18px;border-left:3px solid var(--gold)}.next-objective>span{font:8px var(--mono);letter-spacing:1px;color:#994000}.next-objective p{font-size:11px;line-height:1.6;margin:6px 0 0}.mission-footer{display:flex;gap:14px;align-items:center;color:#666666;margin-top:20px}.mission-footer>span{font-size:28px;color:#ff6a00}.mission-footer p{font-size:11px;line-height:1.5;margin:0}.mission-footer b{font-weight:600}.journey-strip{display:flex;align-items:center;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;margin-top:28px;padding:16px 0;gap:10px}.journey-intro{width:22%;flex-shrink:0}.journey-intro .eyebrow{display:block;font-size:8px;color:#666666;margin:0 0 6px}.journey-intro b{font-size:13px}.journey-step{display:flex;gap:9px;align-items:center;flex:1;border:0;background:none;text-align:left;padding:8px 10px;min-width:0}.journey-step>span{font:13px var(--mono);color:#666666}.journey-step>div{display:flex;flex-direction:column;gap:5px}.journey-step b{font-size:11px;color:#666666;font-weight:500;white-space:nowrap}.journey-step small{font:6px var(--mono);letter-spacing:.8px;color:#666666}.journey-step.current{background:#fff0e6;border:1px solid #cdcdcd}.journey-step.current>span{color:var(--ink);background:var(--gold);padding:7px;font-weight:700}.journey-step.current b{font-weight:700;color:var(--ink)}.journey-step.current small{color:#994000}.journey-step:hover{background:#fff0e6}.site-footer{display:flex;justify-content:space-between;gap:10px;margin-top:19px;font:7px var(--mono);letter-spacing:1px;color:#666666}.site-footer>span:last-child>span{margin:0 7px;color:#ff6a00}.touch-controls{position:absolute;z-index:5;bottom:15px;left:16px;right:16px;display:none;justify-content:space-between;pointer-events:none}.direction-controls,.action-controls{display:flex;gap:12px;pointer-events:auto}.touch-controls button{width:52px;height:52px;background:#ffffffda;border:2px solid var(--ink);box-shadow:3px 3px 0 #10101066;color:var(--ink);font:700 25px var(--mono);touch-action:none;user-select:none;-webkit-user-select:none}.action-controls button:last-child{background:#ff6a00de}.touch-controls button.pressed{transform:translate(2px,2px);box-shadow:none;background:var(--gold)}.stage:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;display:flex;align-items:center;background:#101010}.stage:fullscreen #game{object-fit:contain}.stage:fullscreen .title-card{top:20%;width:360px}.stage:fullscreen .modal-card{max-height:88vh}.stage:fullscreen .touch-controls{bottom:20px}.stage:fullscreen .scene-sticker{top:25%}
@media(min-width:1600px){main{padding-top:38px}.heading{margin-bottom:30px}.game-layout{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:1150px){.game-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px}.title-card{padding:18px;width:46%;top:7%}.title-card p{font-size:12px;margin-bottom:15px}.title-meta{font-size:6px;margin-top:15px;padding-top:10px}.title-card h2{font-size:4.6cqw;margin-top:12px}.start-tip{font-size:8px;padding:8px;gap:4px}.heading-note{display:none}.mission-sidebar h2{font-size:31px}.mission-description{margin-bottom:12px}.client-label{margin-bottom:17px}.objectives li{padding:13px 0}.next-objective{margin-top:14px;padding:10px}.mission-footer{margin-top:13px}.mission-header{margin-bottom:10px}.edition{display:none}.dialog-card{padding:15px 20px}.dialog-person{padding-bottom:8px}.dialog-opening{margin:8px 0;font-size:11px!important}.answer-option{min-height:40px;padding:8px 10px;font-size:11px}.dialog-card h3{font-size:15px}.question-label{margin:8px 0 5px}.modal-layer{padding:12px}.dialog-person canvas{width:38px;height:43px}.modal-card p{font-size:12px}}
@media(max-width:900px){.topbar{padding:15px 24px;min-height:78px}.topbar nav{gap:20px}main{padding:25px 24px 18px}.game-layout{grid-template-columns:minmax(0,1fr)}.mission-sidebar{display:grid;grid-template-columns:1fr 1.6fr;column-gap:24px;padding:18px;border:1px solid #cdcdcd;margin-top:5px}.mission-header{grid-column:1}.mission-sidebar h2{font-size:28px;grid-column:1}.mission-sidebar h2 br{display:none}.mission-description{grid-column:1}.client-label{grid-column:1;margin-bottom:0}.task-heading{grid-column:2;grid-row:1}.objectives{grid-column:2;grid-row:2/6}.objectives li{padding:11px 0}.next-objective{grid-column:1/-1}.mission-footer{display:none}.journey-intro{width:20%}.journey-step{padding:7px 6px;gap:6px}.title-card{width:43%;padding:23px;top:9%}.title-card h2{font-size:4.6cqw}.title-card p{font-size:13px}.title-meta{font-size:7px;margin-top:20px;padding-top:13px}.dialog-card{padding:20px 24px}.answer-option{font-size:12px;min-height:44px}.dialog-opening{font-size:12px!important;margin:12px 0}.dialog-card h3{font-size:17px}.modal-layer{padding:18px}}
@media(pointer:coarse){.touch-controls:not(.hidden){display:flex}.frame-bottom>span:first-child{font-size:0}.frame-bottom>span:first-child:before{content:'CONTROLES TÁCTILES ACTIVOS';font:8px var(--mono)}.frame-bottom>span:first-child .key{display:none}.interaction-prompt{bottom:22%;font-size:11px}.interaction-prompt .key{display:none}.interaction-prompt button{display:block}.toast{bottom:24%}.start-tip{font-size:0}.start-tip>*{display:none}.start-tip:before{content:'USÁ LOS BOTONES TÁCTILES PARA EXPLORAR';font:8px var(--mono)}}
@media(max-width:600px){.touch-controls:not(.hidden){display:flex}.topbar{padding:12px 16px;gap:12px;min-height:71px}.brand{font-size:9px;gap:9px;letter-spacing:1px}.brand-icon{width:35px;height:35px;font-size:13px}.topbar nav{gap:12px;margin-left:auto}.nav-button{font-size:11px}.nav-button:first-child,.nav-button span,.top-actions .edition{display:none}.top-actions{gap:0}.icon-button{padding:6px;font-size:14px}.icon-button span{font-size:8px}main{padding:23px 14px 16px}.heading{margin-bottom:20px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:28px;letter-spacing:-1px}h1 span{display:block}.game-frame{box-shadow:4px 4px 0 #dedede}.frame-top{height:33px;font-size:7px;padding:0 8px;letter-spacing:.6px}.frame-top>span:first-child{display:none}.frame-top>div{gap:10px}.stage{aspect-ratio:3/4;min-height:390px}#game{object-fit:cover;object-position:center}.frame-bottom{font-size:7px;height:32px;padding:0 8px}.frame-bottom>span:first-child{display:none}.frame-bottom #save-status{margin-left:auto}.title-card{width:85%;left:5%;top:8%;padding:16px 18px;max-width:310px}.title-card h2{font-size:clamp(26px,7.3cqw,34px);margin:15px 0 10px;letter-spacing:-1.2px}.title-card p{font-size:11px;margin-bottom:15px}.title-card .chip{font-size:7px}.title-card .primary-button{padding:11px 12px;font-size:11px}.title-meta{font-size:6px;margin-top:15px;padding-top:10px}.scene-sticker{right:4%;top:auto;bottom:11%;padding:8px 10px;transform:rotate(3deg)}.scene-sticker span{font-size:6px}.scene-sticker b{font-size:10px}.scene-sticker span:last-child{display:none}.start-tip{left:5%;bottom:5%;padding:6px;font-size:0;max-width:65%}.start-tip>*{display:none}.start-tip:before{content:'EXPLORÁ · CONVERSÁ · CREÁ';font:7px var(--mono)}.hud{left:8px;right:8px;top:8px}.player-hud{gap:6px;padding:4px 7px 4px 4px}.avatar{width:25px;height:33px}.avatar canvas{width:29px;height:38px;transform:translate(-3px,-3px)}.hud-label{font-size:7px;gap:15px}.hud-small{font-size:6px}.health-track{width:102px;height:8px;margin:3px 0 1px}.inventory-hud{padding:7px 8px;gap:5px;align-items:center}.inventory-hud b{font-size:10px}.inventory-hud>.hud-small{display:none}.inventory-hud>span:first-child{font-size:17px}.mission-sidebar{column-gap:15px;padding:13px;margin-top:1px;grid-template-columns:1fr 1.2fr}.mission-header .eyebrow{font-size:7px;letter-spacing:.6px}.level-badge{padding:3px;font-size:10px}.mission-sidebar h2{font-size:22px;letter-spacing:-.5px}.mission-description{font-size:11px;line-height:1.5}.client-label{padding:8px;gap:7px}.client-label>span{font-size:20px}.client-label b{font-size:10px}.objectives li{gap:7px;padding:10px 0}.task-icon{width:21px;height:21px;font-size:9px}.objectives b{font-size:10px}.objectives small{font-size:9px}.task-heading{font-size:8px}.next-objective p{font-size:10px}.journey-strip{overflow:auto;gap:8px;margin-top:20px;padding:12px 0}.journey-intro{min-width:123px}.journey-intro b{font-size:11px}.journey-step{flex:0 0 103px}.journey-step b{font-size:10px}.journey-step small{font-size:5px}.site-footer{font-size:6px;letter-spacing:.6px;align-items:start}.site-footer>span:first-child{max-width:170px;line-height:1.7}.site-footer>span:last-child{white-space:nowrap}.modal-layer{position:fixed;inset:0;z-index:30;padding:18px;align-items:center;background:#101010c2}.modal-card{max-height:90dvh;padding:22px;max-width:450px}.modal-card h2{font-size:25px}.dialog-card{padding:18px}.dialog-person canvas{width:45px;height:51px}.dialog-card h3{font-size:16px}.dialog-opening{font-size:12px!important;margin:14px 0}.answer-option{font-size:12px;padding:12px 10px;min-height:48px}.question-label{margin:15px 0 8px}.answer-feedback{font-size:12px;padding:12px}.dialog-card .primary-button{margin-top:15px;padding:12px}.control-grid{grid-template-columns:repeat(2,1fr)}.touch-controls{left:12px;right:12px;bottom:13px}.touch-controls button{width:45px;height:45px;font-size:23px}.direction-controls,.action-controls{gap:10px}.interaction-prompt{bottom:23%;font-size:9px;max-width:95%;padding:7px;gap:6px}.interaction-prompt button{font-size:10px;padding:6px}.interaction-prompt .key{font-size:8px;min-width:16px}.toast{font-size:9px;bottom:24%;padding:8px 10px}.level-row{padding:11px 10px;gap:10px}.level-row p{font-size:10px}.level-row>small{font-size:7px}.brand-result{padding:15px}.complete-stats{gap:8px}.complete-stats b{font-size:17px}.complete-stats span{font-size:7px}.stage:fullscreen .title-card{width:65%;top:15%;max-width:340px}.stage:fullscreen .title-card h2{font-size:32px}}
@media(max-height:500px) and (orientation:landscape){.topbar,.heading,.mission-sidebar,.journey-strip,.site-footer{display:none}main{padding:8px;max-width:800px}.game-layout{display:block}.frame-top,.frame-bottom{height:25px}.stage{max-height:calc(100dvh - 68px);aspect-ratio:16/9}.title-card{top:5%;padding:14px 18px;width:40%;max-width:none}.title-card h2{font-size:30px;margin:10px 0}.title-card p{font-size:11px;margin-bottom:10px}.title-meta{margin-top:12px;font-size:6px;padding-top:8px}.start-tip{bottom:4%;font-size:7px}.scene-sticker{top:10%;bottom:auto}.modal-layer{position:fixed;padding:12px}.modal-card{max-height:94dvh;padding:16px 20px}.dialog-card{max-width:600px}.dialog-person{padding-bottom:6px}.dialog-person canvas{width:28px;height:32px}.dialog-person h2{font-size:16px}.dialog-opening{margin:8px 0;font-size:11px!important}.dialog-card h3{font-size:14px;margin-bottom:8px}.answer-options{gap:5px}.answer-option{padding:7px 10px;min-height:35px;font-size:11px}.question-label{margin:7px 0 5px}.answer-feedback{font-size:11px;margin-top:7px;padding:7px 10px}.dialog-card .primary-button{margin-top:8px;padding:8px 12px}.toast{bottom:25%}.interaction-prompt{bottom:25%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Identidad provisional de Conito: negro, naranja y blanco. */
.topbar{background:#101010;color:#ffffff;border-bottom-color:#333333}.topbar .brand{color:#ff6a00}.topbar .brand-icon{background:#101010;border:1px solid #ff6a00;color:#ff6a00}.topbar .nav-button{color:#cdcdcd}.topbar .nav-button.active{color:#ffffff}.topbar .nav-button span{background:#333333;color:#ff6a00}.topbar .edition{color:#cdcdcd}.topbar .icon-button{border-color:#666666;color:#ffffff}.topbar .icon-button[aria-pressed=true]{background:#ff6a00;border-color:#ff6a00;color:#101010}.primary-button{background:#101010;border-color:#101010;color:#ffffff;box-shadow:3px 3px 0 #ff6a00}.primary-button:hover{background:#333333;box-shadow:4px 4px 0 #ff6a00}.health-track span{background:#ff6a00}.avatar,.dialog-person canvas{background:#dedede;border-color:#999999}.answer-option.correct{background:#fff0e6;border-color:#ff6a00;color:#101010}.answer-option.correct>span:first-child{background:#ff6a00;color:#101010;font-size:0}.answer-option.correct>span:first-child:after{content:'✓';font-size:14px;font-weight:700}.answer-option.wrong{background:#333333;border-color:#994000;color:#ffffff}.answer-option.wrong>span:first-child{background:#101010;color:#ff6a00;font-size:0}.answer-option.wrong>span:first-child:after{content:'×';font-size:17px;font-weight:700}.answer-feedback{background:#fff0e6;color:#101010;border-left-color:#ff6a00}.answer-feedback:before{content:'✓ ';font-weight:800;color:#994000}.answer-feedback.wrong{background:#eeeeee;color:#333333;border-left-color:#994000}.answer-feedback.wrong:before{content:'× ';color:#994000}.level-row.available{border-color:#ff6a00}.objectives li.done b,.journey-step.current small{color:#994000}

/* Evolución del personaje: indicadores compactos sobre el recorrido. */
.power-hud{position:absolute;z-index:3;top:80px;left:18px;width:min(360px,calc(100% - 36px));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;pointer-events:none}
.power-badge{display:flex;align-items:center;justify-content:center;min-height:27px;padding:5px 7px;border:1px solid #666666;background:#101010e8;color:#cdcdcd;font:700 8px/1.3 var(--mono);letter-spacing:.25px;text-align:center;overflow-wrap:anywhere}
.power-badge[data-active=true]{background:#ff6a00;color:#101010;border-color:#101010;box-shadow:2px 2px 0 #10101033}
.power-teaser{border-top:1px solid #cdcdcd;margin-top:18px;padding-top:14px}
.power-teaser p{font-size:11px;line-height:1.5;color:#666666;margin:0 0 10px}
.power-teaser .secondary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff;border-color:#101010;color:#101010;text-align:left}
.power-teaser .secondary-button:hover{background:#fff0e6;border-color:#ff6a00}
.power-teaser .secondary-button>span{color:#994000;font-size:17px}
.powers-card{max-width:540px}
.power-list{display:grid;gap:10px;margin:20px 0}
.power-row{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;row-gap:7px;border:1px solid #cdcdcd;background:#f1f1f1;padding:14px}
.power-number{width:30px;height:30px;display:grid;place-items:center;align-self:start;border:1px solid #999999;background:#ffffff;color:#666666;font:700 12px var(--mono)}
.power-detail{min-width:0}
.power-detail h3{font-size:14px;line-height:1.3;letter-spacing:-.2px;margin:1px 0 6px}
.power-detail p{font-size:12px;line-height:1.5;margin:0;color:#666666}
.power-status{grid-column:2;font:8px/1.4 var(--mono);letter-spacing:.5px;color:#666666}
.power-row[data-active=true]{background:#fff0e6;border-color:#ff6a00}
.power-row[data-active=true] .power-number{background:#ff6a00;color:#101010;border-color:#101010}
.power-row[data-active=true] .power-status{color:#994000}
.upgrade-card{max-width:400px;text-align:center}
.upgrade-card .modal-heading{text-align:left}
.upgrade-step{font:10px var(--mono);letter-spacing:.8px;color:#666666}
.upgrade-visual{display:flex;justify-content:center;align-items:flex-end;min-height:146px;margin:20px 0 16px;padding:12px;border:1px solid #ff6a00;background:#fff0e6;box-shadow:3px 3px 0 #101010}
.upgrade-visual canvas{width:110px;height:120px;image-rendering:pixelated;display:block}
.upgrade-card h2{font-size:30px;line-height:1.1;margin:20px 0 12px}
.upgrade-card p{font-size:13px;line-height:1.6;margin:0 0 23px}
@media(max-width:900px){.power-teaser{grid-column:1/-1}}
@media(max-width:600px){.power-hud{top:64px;left:8px;width:calc(100% - 16px);gap:4px}.power-badge{min-height:25px;padding:5px 4px;font-size:7px;letter-spacing:0}.power-teaser{margin-top:13px;padding-top:12px}.power-teaser p{font-size:10px}.power-teaser .secondary-button{font-size:11px;padding:10px 12px}.power-row{padding:12px;column-gap:10px}.power-detail h3{font-size:13px}.power-detail p{font-size:11px}.power-status{font-size:7px}.upgrade-card h2{font-size:27px}.upgrade-visual{margin:17px 0 15px}.powers-card,.upgrade-card{max-height:90dvh;overflow:auto}}
@media(max-width:340px){.power-badge{font-size:6.5px;padding:4px 3px}.powers-card,.upgrade-card{padding:18px}.power-row{grid-template-columns:25px minmax(0,1fr);column-gap:8px;padding:10px}.power-number{width:25px;height:25px;font-size:10px}.upgrade-card h2{font-size:25px}.upgrade-card p{font-size:12px}}
@media(max-height:500px) and (orientation:landscape){.power-hud{top:76px}.powers-card,.upgrade-card{max-height:94dvh}.upgrade-visual{min-height:104px;margin:12px 0;padding:5px}.upgrade-visual canvas{width:83px;height:90px}.upgrade-card h2{font-size:25px;margin:14px 0 9px}.upgrade-card p{font-size:12px;margin-bottom:15px}.power-list{margin:14px 0}.power-row{padding:10px}}
/* En escritorio, el estado comparte la línea del título para dejar espacio
   a las tres mejoras y al botón dentro del alto disponible del escenario. */
@media(min-width:901px){
  .powers-card{max-width:600px;padding:18px 20px}
  .powers-card>h2{font-size:23px;margin:12px 0 8px}
  .powers-card>p{font-size:12px;line-height:1.5;margin:0}
  .powers-card .power-list{gap:7px;margin:14px 0}
  .powers-card .power-row{position:relative;grid-template-columns:26px minmax(0,1fr);column-gap:10px;row-gap:0;padding:10px 12px}
  .powers-card .power-number{width:26px;height:26px;font-size:11px}
  .powers-card .power-detail h3{font-size:14px;line-height:1.25;margin:0 0 4px;padding-right:100px}
  .powers-card .power-detail p{font-size:12px;line-height:1.4}
  .powers-card .power-detail p+p{margin-top:4px;color:#333333}
  .powers-card .power-status{position:absolute;top:12px;right:12px;grid-column:auto;font-size:8px;line-height:1.4}
  .powers-card>.primary-button{padding:11px 14px}
}

/* Pausa y guardado local: resumen legible y acciones accesibles. */
#pause-panel h2{font-size:26px;line-height:1.1;margin:12px 0}
.save-summary{padding:10px 12px;border:1px solid #cdcdcd;background:#f1f1f1;font-size:11px;line-height:1.45;color:#333333;white-space:pre-line;overflow-wrap:anywhere}
#pause-panel .save-feedback{margin:9px 0 0;padding:8px 10px;border-left:3px solid #ff6a00;background:#fff0e6;color:#101010;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
#pause-panel .save-feedback:empty{display:none}
#pause-panel .save-feedback[data-error=true]{border-left-color:#994000;background:#eeeeee;color:#333333}
#pause-panel .primary-button{margin:14px 0 8px;padding:11px 14px}
#pause-panel .secondary-button{margin-top:8px;padding:10px 13px}
#pause-panel #save-button{background:#ffffff;border-color:#ff6a00;color:#101010;font-weight:700}
#pause-panel #save-button:hover{background:#fff0e6}
#pause-panel .text-button{padding:12px 0 2px}
@media(max-width:340px){#pause-panel{padding:18px}#pause-panel h2{font-size:24px}.save-summary{font-size:10px;padding:9px 10px}#pause-panel .primary-button,#pause-panel .secondary-button{font-size:11px}}
@media(max-height:500px) and (orientation:landscape){#pause-panel h2{font-size:23px;margin:10px 0}.save-summary{padding:8px 10px}#pause-panel .primary-button{margin:10px 0 6px;padding:9px 12px}#pause-panel .secondary-button{margin-top:6px;padding:8px 12px}}

/* Cuenta y guardado entre equipos, junto al modo de juego local. */
.account-button{display:flex;align-items:center;gap:7px;padding:9px 11px;background:#101010;color:#ffffff;border:1px solid #666666;font-size:11px;font-weight:600;white-space:nowrap}
.account-button svg{color:#ff6a00;flex-shrink:0}
.account-button:hover{border-color:#ff6a00;background:#333333}
.account-card{max-width:480px;padding:22px 24px}
.account-card h2{font-size:26px;margin:15px 0 20px}
.auth-form{display:grid;gap:14px}
.auth-field{display:grid;gap:6px}
.auth-field label{font-size:12px;font-weight:650;color:#333333}
.auth-field input{display:block;min-width:0;width:100%;min-height:43px;padding:10px 12px;border:1px solid #999999;border-radius:0;background:#ffffff;color:#101010;font:14px var(--sans);outline:none}
.auth-field input:focus-visible{outline:2px solid #ff6a00;outline-offset:1px;border-color:#101010}
.auth-field input:disabled{background:#f1f1f1;color:#666666}
.auth-field small{font-size:10px;color:#666666}
.auth-form>.primary-button{margin-top:3px}
.auth-form button:disabled,.account-session button:disabled{opacity:.55;cursor:default}
.account-card .text-button{padding:13px 0 3px}
.account-identity{display:grid;gap:7px;padding:13px 14px;border:1px solid #cdcdcd;background:#f1f1f1}
.account-identity>span:first-child{font:8px var(--mono);letter-spacing:1px;color:#666666}
#account-email{font-size:14px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}
.account-card .account-cloud-summary{font-size:12px;line-height:1.5;margin:14px 0 18px;color:#333333;white-space:pre-line;overflow-wrap:anywhere}
.account-session>.primary-button{margin-top:12px}
.account-session>#account-local-button{margin-top:10px;background:#ffffff;border-color:#101010}
.account-card .auth-feedback{margin:14px 0 0;padding:10px 12px;border-left:3px solid #ff6a00;background:#fff0e6;color:#101010;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.account-card .auth-feedback:empty{display:none}
.account-card .auth-feedback[data-error=true]{border-left-color:#994000;background:#eeeeee;color:#333333}
.account-card .account-note{font-size:11px;line-height:1.5;color:#666666;border-top:1px solid #cdcdcd;margin:18px 0 0;padding-top:12px}
#pause-panel .pause-secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#pause-panel .pause-secondary-actions>.secondary-button{margin-top:0;padding:10px 8px;font-size:11px}
#pause-panel #pause-account{background:#f1f1f1;border-color:#cdcdcd;font-size:11px}
#pause-panel .pause-cloud-note{font-size:10px;line-height:1.45;color:#666666;margin:9px 0 0}
@media(max-width:600px){.top-actions{gap:6px}.account-button{padding:6px;width:29px;height:30px;justify-content:center}.account-button .account-label{display:none}.account-button svg{width:15px;height:15px}.account-card{padding:20px;max-height:90dvh;overflow:auto}.account-card h2{font-size:25px;margin:14px 0 18px}.auth-field input{font-size:16px}.account-card .account-note{font-size:10px}}
@media(max-width:340px){.topbar{flex-wrap:wrap;gap:8px;min-height:0}.topbar .brand{flex:1}.topbar .top-actions{margin-left:auto}.topbar nav{order:3;width:100%;justify-content:flex-end;gap:18px;margin-left:0}.topbar .nav-button{padding:4px 0}.account-card{padding:18px}.account-card h2{font-size:23px}.auth-form{gap:12px}.account-identity{padding:11px 12px}#pause-panel #pause-account{padding:9px 10px;font-size:10px}}
@media(max-height:500px) and (orientation:landscape){.account-card{max-height:94dvh;padding:16px 20px}.account-card h2{font-size:23px;margin:12px 0 15px}.auth-form{gap:10px}.account-card .account-note{margin-top:14px;padding-top:10px}}

/* Campaign UI: the engine replaces mission text and unlocks each next route. */
#mission-objectives{display:contents}
#mission-title,#mission-client{overflow-wrap:anywhere}
.frame-top #scene-location{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frame-top>div{flex-shrink:0}
.journey-step[data-state=locked]{opacity:.65}
.journey-step[data-state=completed]>span{color:#994000;font-weight:700}
.journey-step[data-state=completed] small{color:#994000}
.journey-step[data-state=completed]:not(.current){background:#f1f1f1}
button.level-row{width:100%;text-align:left;color:var(--ink);font:inherit}
button.level-row:not(:disabled):hover{border-color:#ff6a00;background:#fff0e6}
button.level-row:disabled{opacity:.65;cursor:default}
#completion-title{color:var(--ink)}
#next-level-button{margin-top:12px}
.journey-intro b{display:block;line-height:1.35}
@media(max-width:600px){.journey-intro{min-width:133px}.journey-intro b{max-width:130px}}

/* Acknowledgement gate: native modal, matching the orange/ink game identity. */
.thanks-screen{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:clamp(22px,4vw,36px);border:2px solid var(--ink);border-top:7px solid var(--gold);border-radius:0;background:var(--paper);color:var(--ink);box-shadow:7px 7px 0 var(--ink);font-family:var(--sans)}
.thanks-screen::backdrop{background:#101010c9}
.thanks-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.thanks-screen .chip{font-size:.75rem;letter-spacing:.08em}
.thanks-screen .close-button{width:44px;height:44px;flex-shrink:0;font-size:28px}
.thanks-screen h2{margin:20px 0 18px;font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.08;letter-spacing:-.04em}
.thanks-screen h2 span{color:var(--gold)}
.thanks-screen p{margin:0;font-size:1rem;line-height:1.6;color:#333}
.thanks-creator{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin:24px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.thanks-creator>span{font:.75rem var(--mono);letter-spacing:.08em;color:var(--muted)}
.thanks-creator a{display:inline-flex;gap:8px;align-items:center;min-height:44px;color:var(--ink);font-size:1rem;font-weight:700;text-decoration-thickness:1px;text-underline-offset:4px}
.thanks-creator a:hover{color:#994000}
.thanks-creator svg{flex:none}
.thanks-screen .primary-button{width:100%;min-height:48px;font-size:1rem;justify-content:center;padding:14px 18px;line-height:1.4;white-space:normal}
@media(max-height:500px){.thanks-screen{padding:16px 22px}.thanks-screen h2{margin:10px 0;font-size:1.75rem}.thanks-creator{margin:14px 0;padding:8px 0}}

/* Inventory extends the existing modal and compact pixel-art game. */
.inventory-access{width:100%;margin-top:18px;justify-content:space-between;min-height:44px}.inventory-card{max-width:650px}.wardrobe-preview{display:flex;align-items:center;gap:18px;margin:16px 0;padding:12px;background:#f3f3f3}.wardrobe-preview canvas{width:90px;height:90px;image-rendering:pixelated;flex:none}.wardrobe-preview p{font-size:16px;line-height:1.5}.inventory-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #ddd}.inventory-row>span{flex:1;font-size:16px}.inventory-row small{font-size:12px;color:#666}.inventory-row button{min-height:44px;margin:0}.item-swatch{width:22px;height:22px;flex:none;border:2px solid #101010}#inventory-list h3{margin:22px 0 4px;font-size:18px}.simulation-note{font-size:14px!important;margin-top:14px!important}.journey-strip{flex-wrap:wrap}.journey-step{min-width:130px}.question-label{flex-wrap:wrap;gap:8px}#challenge-label{font-size:12px;max-width:100%;overflow-wrap:anywhere}.dialog-card .answer-option{font-size:16px;min-height:44px}.dialog-opening{font-size:16px}.answer-feedback{font-size:16px}#dialog-next{white-space:normal;min-height:44px}
@media(max-width:600px){.inventory-row{flex-wrap:wrap}.inventory-row>span{min-width:130px}.journey-strip{flex-wrap:nowrap;overflow-x:auto}.wardrobe-preview{gap:8px}.inventory-row small{width:100%;padding-left:0}}

.modal-layer{position:fixed;inset:0;z-index:30}.modal-card{max-height:90dvh}.dialog-card .dialog-opening{font-size:16px!important}.dialog-card .primary-button{font-size:16px}.modal-card p#inventory-summary{font-size:16px}#pause-inventory{margin-bottom:10px}
/* Keep the viewport modal above the later mission strip; compact wardrobe actions. */
.game-frame:has(.modal-layer:not(.hidden)){position:relative;z-index:50}
.inventory-row button{width:auto;flex:0 0 auto;min-width:100px;padding:10px 14px}
.inventory-row>span{min-width:0;overflow-wrap:anywhere}