.rs-overlay{z-index:10000;background:#02060abf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rs-dialog{width:100%;max-width:640px;max-height:calc(100vh - 32px);color:var(--text);border:1px solid #3a4a52;border-top:3px solid var(--accent);background:#0d1a22;border-radius:6px;flex-direction:column;display:flex;box-shadow:0 12px 40px #0009}.rs-head{justify-content:space-between;align-items:center;padding:14px 18px 8px;display:flex}.rs-head h2{font:400 32px/1 var(--logo-font);color:var(--accent);margin:0}.rs-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:22px}.rs-list{flex-direction:column;gap:12px;padding:4px 18px 18px;display:flex;overflow-y:auto}.rs-item{border:1px solid #25343c;border-left:4px solid var(--muted);background:#0a141b;border-radius:4px;padding:10px 12px}.rs-item.rs-aprobado{border-left-color:#e3b448}.rs-item.rs-en-curso{border-left-color:#4a9ae0}.rs-item.rs-hecho{border-left-color:#6cc46a}.rs-item header{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.rs-item header small{color:var(--muted);margin-left:auto}.rs-cat{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:13px}.rs-status{font-size:14px;font-weight:800}.rs-hecho .rs-status{color:#6cc46a}.rs-en-curso .rs-status{color:#4a9ae0}.rs-aprobado .rs-status{color:#e3b448}.rs-item blockquote{color:#d6ccb6;white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid #3a4a52;margin:8px 0;padding-left:10px}.rs-reply{overflow-wrap:anywhere;background:#13242e;border-radius:4px;margin-top:8px;padding:8px 10px}.rs-reply small{color:var(--accent);font-weight:700}.rs-reply p{margin:4px 0}.rs-reply ul{margin:4px 0;padding-left:20px}.rs-reply code{background:#0a141b;border-radius:3px;padding:0 4px}.rs-none{color:var(--muted)}.sg-overlay,.sg-open-btn{--sg-bg:#0d1a22;--sg-border:#3a4a52;--sg-accent:#e3b448;--sg-text:#f0e3cc;--sg-muted:#a8957a;--sg-error:#ff6b5b;--sg-ok:#8fd18b;font-family:var(--ui-font)}.sg-overlay{z-index:10000;pointer-events:auto;box-sizing:border-box;background:#080503b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sg-dialog{box-sizing:border-box;background:var(--sg-bg);width:100%;max-width:480px;max-height:calc(100vh - 32px);color:var(--sg-text);border:1px solid var(--sg-border);border-top:3px solid var(--sg-accent);border-radius:6px;padding:20px 22px 18px;font-size:15px;font-weight:600;line-height:1.3;overflow-y:auto;box-shadow:0 12px 40px #0009}.sg-title{letter-spacing:.04em;text-transform:uppercase;color:var(--sg-accent);margin:0 0 6px;font-size:22px;font-weight:700}.sg-intro{color:var(--sg-muted);margin:0 0 14px;font-weight:500}.sg-form{flex-direction:column;gap:4px;display:flex}.sg-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sg-muted);margin-top:8px;font-size:13px;font-weight:700}.sg-select,.sg-input,.sg-textarea{box-sizing:border-box;width:100%;color:var(--sg-text);border:1px solid var(--sg-border);font:inherit;background:#0f0a07;border-radius:4px;outline:none;padding:8px 10px;font-weight:600}.sg-textarea{resize:vertical;min-height:110px}.sg-select:focus,.sg-input:focus,.sg-textarea:focus{border-color:var(--sg-accent);box-shadow:0 0 0 1px var(--sg-accent)}.sg-select:disabled,.sg-input:disabled,.sg-textarea:disabled{opacity:.6}.sg-input::placeholder,.sg-textarea::placeholder{color:var(--sg-muted);opacity:.7}.sg-counter{color:var(--sg-muted);align-self:flex-end;font-size:12px}.sg-counter-low{color:var(--sg-error)}.sg-hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.sg-status{min-height:1.3em;color:var(--sg-muted);margin-top:10px}.sg-status-error{color:var(--sg-error)}.sg-status-ok{color:var(--sg-ok)}.sg-status-info{color:var(--sg-muted)}.sg-status a{color:var(--sg-accent);font-weight:700}.sg-actions{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.sg-btn{font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:8px 18px;font-weight:700}.sg-btn:disabled{opacity:.55;cursor:default}.sg-btn-primary{background:var(--sg-accent);color:#0d1a22;border:1px solid var(--sg-accent)}.sg-btn-primary:not(:disabled):hover{filter:brightness(1.1)}.sg-btn-secondary{color:var(--sg-text);border:1px solid var(--sg-border);background:0 0}.sg-btn-secondary:not(:disabled):hover{border-color:var(--sg-muted)}.sg-sending .sg-textarea,.sg-sending .sg-input,.sg-sending .sg-select{opacity:.7}.sg-open-btn{pointer-events:auto;background:var(--sg-bg);color:var(--sg-text);border:1px solid var(--sg-border);letter-spacing:.05em;cursor:pointer;border-radius:4px;padding:5px 12px;font-size:13px;font-weight:700}.sg-open-btn:hover{border-color:var(--sg-accent);color:var(--sg-accent)}.sg-open-btn-floating{z-index:9000;position:fixed;bottom:12px;right:12px}:root{--bg:#0b1820;--panel:#1c130c;--line:#5a3a20;--text:#f3e6c8;--muted:#b3a283;--accent:#e3b448;--pos:#8fd06a;--neg:#ff6b5b;--sea:#5fc4d8;--ui-font:"Pixelify Sans", monospace;--logo-font:"Pirata One", serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:500 16px/1.25 var(--ui-font);margin:0;overflow:hidden}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#app canvas{image-rendering:pixelated}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui>:empty{display:none}button{font:inherit;color:var(--text);cursor:pointer;background:#3a2819;padding:6px 12px}small{font-size:13px}.muted{color:var(--muted)}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:#ffc05a}b.gold,a{color:var(--accent)}h2,h3{margin:0 0 6px}h4{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:10px 0 4px;font-size:13px}#top{background-color:#1c130c;flex-wrap:wrap;align-items:center;gap:14px;min-height:48px;padding:4px 12px;display:flex;position:absolute;top:0;left:0;right:0}.brand{font:400 30px/1 var(--logo-font);color:var(--accent);white-space:nowrap}.resbar{flex-wrap:wrap;flex:1;gap:14px;min-width:0;display:flex}.res{flex-direction:column;min-width:58px;display:flex}.res b{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}.res span{white-space:nowrap;font-size:17px}.res.neg span{color:var(--neg)}.speeds{gap:2px;display:flex}.speeds button{min-width:38px;padding:5px 6px}aside{flex-direction:column;gap:8px;width:290px;max-height:calc(100vh - 80px);padding:0 4px;display:flex;position:absolute;top:64px;overflow-y:auto}#left{left:8px}#right{right:8px}#bottom{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}#ui>#bottom{pointer-events:none}#bottom>*{pointer-events:auto}.card{background-color:#1c130c;padding:10px}.card header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.card header b{font-size:17px}.card p{margin:6px 0}.bar{background:#0c0805;height:9px;margin:4px 0}.bar i{height:100%;display:block}.actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}#modal{z-index:40;background:#04080c8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog{background-color:#1c130c;max-width:min(520px,94vw);max-height:90vh;padding:16px 20px;overflow-y:auto}.dialog h2{color:var(--accent);font-size:24px}#toast{opacity:0;pointer-events:none;text-align:center;z-index:50;background:#120b06;max-width:min(560px,90vw);padding:10px 16px;transition:opacity .2s steps(3,end);position:absolute;top:64px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (width<=760px){.brand{display:none}aside{width:auto;max-height:42vh;inset:auto 8px 8px}#right{display:none}}:root{--frame:#6b4524;--px-frame:0 -3px 0 0 var(--frame), 0 3px 0 0 var(--frame), -3px 0 0 0 var(--frame), 3px 0 0 0 var(--frame);--px-bevel:inset 3px 3px 0 0 #ffe1aa12, inset -3px -3px 0 0 #00000059}html,body,#ui,#ui *{cursor:var(--cursor)}#ui button:not(.off),#ui [data-a]:not(.off),#ui a,canvas{cursor:var(--cursor-grab)}#ui{-webkit-user-select:none;user-select:none}#ui input,#ui textarea{-webkit-user-select:text;user-select:text}body{-webkit-font-smoothing:none;font-smooth:never;font-weight:500}.card,.meter,.dialog,.tiles div{image-rendering:pixelated;background-size:128px 128px;margin:3px;background-image:var(--tex)!important;box-shadow:var(--px-frame), var(--px-bevel)!important;border:none!important;border-radius:0!important}.card,.meter{background-color:#1c130c}.dialog{--frame:var(--accent);background-color:#1c130c;margin:0}.dialog.lose{--frame:var(--neg)}.dialog.win{--frame:var(--pos)}.meter.danger{--frame:var(--neg)}#top{background-image:var(--tex);image-rendering:pixelated;box-shadow:0 3px 0 0 #0c0805, 0 6px 0 0 var(--frame);background-size:128px 128px;border:none}.dialog h1,.dialog h2,.dialog h3,.card header b,.tiles b{font-family:var(--ui-font);letter-spacing:1px;text-shadow:2px 2px #0c0805;font-weight:700}.brand{font-family:var(--logo-font);font-size:30px;font-weight:400}.dialog h1{letter-spacing:4px;text-shadow:4px 4px #0c0805,-2px -2px #7a4a10;font-size:56px}.card header b,.meter header b{font-size:17px}#ui button,.sg-btn{font-family:var(--ui-font);color:var(--text);background-color:#3a2819;margin:3px;font-weight:600;transition:none;border:none!important;border-radius:0!important;box-shadow:0 -2px #0c0805,0 2px #0c0805,-2px 0 #0c0805,2px 0 #0c0805,inset 2px 2px #ffdca038,inset -2px -3px #00000073!important}#ui button:hover:not(.off){background-color:#4d3521}#ui button:active:not(.off){transform:translateY(2px);box-shadow:0 -2px #0c0805,0 2px #0c0805,-2px 0 #0c0805,2px 0 #0c0805,inset 2px 3px #00000073,inset -2px -2px #ffdca01a!important}#ui button.on{color:#1a1008;background-color:#d8a33a}#ui button.primary{color:#fff1d0;background-color:#8a5a1c}#ui button.primary:hover:not(.off){background-color:#a06a22}#ui button.danger{color:#ffc2b8;background-color:#4a1c16}#ui button.off{filter:grayscale(.7)brightness(.7);opacity:.6}#ui button.glow{animation:1.2s steps(2,end) infinite pxglow}@keyframes pxglow{50%{background-color:#5a3d1c}}#ui button.link{background:0 0;box-shadow:none!important}.bar{image-rendering:pixelated;background:#0c0805;border:none;border-radius:0;box-shadow:0 0 0 2px #2a1d13}.bar i{background-image:linear-gradient(#ffffff40 0 2px,#0000 2px calc(100% - 2px),#0000004d calc(100% - 2px));transition:width .3s steps(6,end)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#120b06}::-webkit-scrollbar-thumb{background:#6b4c32;box-shadow:inset 2px 2px #ffdca033,inset -2px -2px #0006}#tip{z-index:20000;max-width:280px;font:500 14px/1.25 var(--ui-font);color:var(--text);box-shadow:0 -2px 0 0 var(--accent), 0 2px 0 0 var(--accent), -2px 0 0 0 var(--accent), 2px 0 0 0 var(--accent), 4px 4px 0 2px #00000080;pointer-events:none;opacity:0;background:#120b06;padding:6px 9px;position:fixed;top:0;left:0}#tip.show{opacity:1}#toast{box-shadow:0 -2px 0 0 var(--neg), 0 2px 0 0 var(--neg), -2px 0 0 0 var(--neg), 2px 0 0 0 var(--neg);font-family:var(--ui-font);border:none;border-radius:0}#top,aside,#bottom,.dialog,#tip,#toast{zoom:var(--ui-zoom,1)}.settings .actions button{min-width:64px}#top{gap:12px;overflow:hidden}#top .resbar{flex:0 auto;gap:8px;min-width:0}#top .res{min-width:64px}#top .clock{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}#top>button{flex:none}#ui button.sel{color:#1a1008;background-color:#d8a33a}#modal:has(.title-screen){background:0 0}.title-screen{pointer-events:none;flex-direction:column;align-items:center;padding:6vh 16px 4vh;display:flex;position:absolute;inset:0}.title-screen>*{pointer-events:auto}.logo{font:400 clamp(64px, 12vw, 140px)/.9 var(--logo-font);color:var(--accent);text-shadow:0 5px #3a2208,0 10px 24px #000c}.tagline{color:#f3e6c8;text-shadow:2px 2px #000;margin-top:8px;font-size:20px}.title-menu{flex-direction:column;gap:4px;min-width:min(300px,100%);margin-top:auto;display:flex}#ui .title-menu button{padding:10px 24px;font-size:20px}.title-screen .scen{color:#d8c8a8;text-shadow:1px 1px #000;opacity:.8;margin:10px 0 0}#ui button.big{padding:10px 22px;font-size:20px}.hint{max-width:260px}.actions.col{flex-direction:column;align-items:stretch}.actions.col button{text-align:left}.dialog .result{color:#ffe9a8;border-left:3px solid var(--accent);padding-left:8px}.dialog.small{max-width:440px}.gold{color:var(--accent)}.load{grid-template-columns:70px 34px 26px 36px 26px 34px 1fr;align-items:center;gap:2px;margin:2px 0;display:grid}.load b{text-align:center}#ui .load button{margin:1px;padding:2px 0;font-size:13px}.load small{text-align:right}body[data-screen=viaje] #right{width:250px}.rooms{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.room{width:128px;min-height:86px;cursor:var(--cursor-grab);padding:6px 7px!important}.room header{margin-bottom:2px!important}.room header b{font-size:14px!important}.room>small{min-height:26px;font-size:11px;line-height:1.15;display:block}.room.target{--frame:#e3b448}.chips{flex-wrap:wrap;gap:0;margin-top:3px;display:flex}#ui button.chip{margin:2px;padding:3px 6px 5px;font-size:12px;position:relative}#ui button.chip i{background:#8fd06a;max-width:calc(100% - 4px);height:2px;position:absolute;bottom:1px;left:2px}#ui button.chip.hurt i{background:#ff6b5b}.battle{--frame:#c8302c}.storm{--frame:#9a8ac8}.log small{font-size:12px}@media (width<=760px){.room{width:30vw}body[data-screen=viaje] #right{display:none}}.timeline{flex-basis:100%;align-items:center;gap:0;padding:2px 8px 6px;display:flex}.tl-node{flex-direction:column;align-items:center;min-width:44px;display:flex}.tl-node img{width:27px;height:27px;image-rendering:pixelated}.tl-node small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:70px;font-size:11px;overflow:hidden}.tl-node.past{opacity:.45}.tl-node.here img{outline:2px solid var(--accent);outline-offset:1px}.tl-leg{background:repeating-linear-gradient(90deg,#6b4524 0 6px,#0000 6px 10px);min-width:30px;height:4px;margin:0 2px 14px;position:relative}.tl-leg i{background:#5fc4d8;height:100%;position:absolute;top:0;left:0}.tl-leg.done i{background:#3a6a78}.tl-leg small{color:var(--muted);font-size:10px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.tl-ship{width:18px;height:18px;image-rendering:pixelated;filter:drop-shadow(1px 1px #000);position:absolute;top:-22px;transform:translate(-50%)}body[data-screen=viaje] aside{top:118px}body[data-screen=viaje] #toast{top:124px}#modal:has(.scene){background:#05080c}.scene{cursor:var(--cursor-grab);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scene img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.scene-box{width:min(760px,94vw);box-shadow:0 -3px 0 0 var(--accent), 0 3px 0 0 var(--accent), -3px 0 0 0 var(--accent), 3px 0 0 0 var(--accent);background:#140d08eb;padding:14px 18px 12px;position:absolute;bottom:3vh;left:50%;transform:translate(-50%)}.scene-box p{margin:4px 0 8px;font-size:18px;line-height:1.35}.scene-box .who{color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-size:15px}#ui .scene-next{position:absolute;bottom:8px;right:10px}.scene-count{position:absolute;bottom:6px;left:18px}.scene-choices{flex-direction:column;gap:2px;margin-bottom:14px;display:flex}.scene-choices button{text-align:left}.dialog.stories{max-width:min(980px,96vw)}.story-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0;display:grid}#ui .story-card{text-align:left;flex-direction:column;gap:4px;padding:8px;display:flex}.story-card img{width:100%;image-rendering:pixelated}.story-card b{font-size:18px}@media (width<=760px){.story-cards{grid-template-columns:1fr}}.dialog.event{max-width:min(620px,94vw)}.event-img{width:100%;image-rendering:pixelated;margin-bottom:8px;display:block}