:root{--arena: #e8d5a8;--terracota: #c96f4a;--cal: #f5f0e6;--azul: #1e4e79;--turquesa: #3fa8a0;--oliva: #6b7f3f;--madera: #8a5a33;--purpura: #6a2a6a;--tinta: #2b2015;--papel: #efe3c2}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#0a1420}body{font-family:Georgia,Times New Roman,serif;color:var(--tinta);user-select:none}#app,#app canvas{width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}#dot{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:#f5f0e6bf;box-shadow:0 0 3px #0009}#prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);padding:6px 14px;background:#1c140cc7;color:var(--papel);border:1px solid rgba(239,227,194,.35);border-radius:3px;font-size:15px;letter-spacing:.3px;white-space:pre-line;text-align:center;display:none}#prompt b{color:#ffd98a;font-weight:700}#toasts{position:absolute;right:18px;top:18px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.toast{background:var(--papel);color:var(--tinta);border:1px solid #b09a6a;border-left:5px solid var(--terracota);box-shadow:2px 3px 8px #0006;padding:8px 14px;max-width:340px;font-size:14px;opacity:0;transform:translate(20px);transition:opacity .4s,transform .4s}.toast.hito{border-left-color:var(--purpura);font-size:15px}.toast.on{opacity:1;transform:translate(0)}.toast .t-title{font-weight:700;display:block;margin-bottom:2px}#compass{position:absolute;left:50%;top:12px;transform:translate(-50%);width:340px;height:26px;overflow:hidden;background:#1c140c8c;border:1px solid rgba(239,227,194,.25);border-radius:3px;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}#compass .mark{position:absolute;top:0;height:14px;color:var(--papel);font-size:13px;line-height:14px;transform:translate(-50%);white-space:nowrap}#compass .mark.port{color:#ffd98a;font-size:11px;top:12px}#compass .tick{position:absolute;top:19px;width:1px;height:5px;background:#efe3c280;transform:translate(-50%)}#vitals{position:absolute;left:18px;bottom:18px;display:flex;flex-direction:column;gap:5px;opacity:0;transition:opacity .5s}#vitals.on{opacity:1}.bar{width:180px;height:9px;background:#140e08b3;border:1px solid rgba(239,227,194,.3)}.bar>i{display:block;height:100%;transition:width .2s}#bar-hp>i{background:#b8412f}#bar-st>i{background:#d8b25a}.bar-label{font-size:11px;color:var(--papel);text-shadow:0 1px 2px #000}#shipstate{position:absolute;right:18px;bottom:18px;color:var(--papel);text-shadow:0 1px 3px #000;font-size:13px;text-align:right;opacity:0;transition:opacity .5s}#shipstate.on{opacity:1}#fader{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity 1.6s;z-index:40}#fader.on{opacity:1;pointer-events:all}#fader .fadetext{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--papel);font-size:20px;font-style:italic;max-width:520px;text-align:center;line-height:1.6}#catalejo{position:fixed;inset:0;z-index:15;pointer-events:none;display:none;background:radial-gradient(circle at 50% 50%,transparent 26%,rgba(0,0,0,.94) 40%)}.panel{position:fixed;background:var(--papel);color:var(--tinta);border:1px solid #a8905e;box-shadow:0 6px 30px #0000008c,inset 0 0 60px #a082462e;z-index:20;pointer-events:all}#dialogo{left:50%;bottom:6%;transform:translate(-50%);width:min(680px,92vw);padding:16px 22px;display:none}#dialogo .d-nombre{font-weight:700;font-size:15px;color:var(--terracota);margin-bottom:6px;letter-spacing:.5px}#dialogo .d-texto{font-size:16px;line-height:1.5;margin-bottom:12px}#dialogo .d-ops{display:flex;flex-direction:column;gap:5px}#dialogo .d-op{cursor:pointer;padding:5px 10px;font-size:15px;border:1px solid transparent}#dialogo .d-op:hover,#dialogo .d-op.sel{border-color:#a8905e;background:#a0824626}#dialogo .d-op .num{color:var(--terracota);font-weight:700;margin-right:8px}#panel-central{left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,94vw);max-height:86vh;overflow-y:auto;padding:20px 26px;display:none}#panel-central h2{font-size:20px;color:var(--terracota);margin-bottom:10px;border-bottom:1px solid #a8905e;padding-bottom:6px;letter-spacing:1px}#panel-central table{width:100%;border-collapse:collapse;font-size:14px}#panel-central td,#panel-central th{padding:4px 8px;text-align:left;border-bottom:1px dotted #c4ae7c}#panel-central .row-btn{cursor:pointer}#panel-central .row-btn:hover{background:#a0824626}#panel-central .cerrar{float:right;cursor:pointer;font-size:14px;color:#7a6335}#panel-central .cerrar:hover{color:var(--terracota)}.btn{display:inline-block;cursor:pointer;border:1px solid #a8905e;padding:4px 12px;margin:2px;font-size:14px;background:#a0824614}.btn:hover{background:#a0824640}.btn.no{opacity:.45;cursor:default}.moneda{color:#8a6a1a;font-weight:700}body.mapa-abierta #hud{display:none}.maplabel{position:fixed;transform:translate(-50%,-100%);background:#efe3c2eb;border:1px solid #a8905e;padding:2px 7px;font-size:12px;z-index:21;pointer-events:none;white-space:pre;line-height:1.35}.maplabel b{color:var(--terracota)}.maplabel.click{pointer-events:all;cursor:pointer}.maplabel.click:hover{background:#fff3d0}#hint-inicio{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--papel);background:#140e08d9;border:1px solid rgba(239,227,194,.4);padding:22px 34px;text-align:center;z-index:30;font-size:17px;line-height:1.8;cursor:pointer}#hint-inicio h1{font-size:34px;letter-spacing:8px;color:var(--arena);margin-bottom:8px}#hint-inicio .sub{font-style:italic;opacity:.8;font-size:14px}