:root{--paper: #f4ead2;--paper-2: #eadcb8;--ink: #2b2118;--ink-soft: #6b5a45;--sea: #ead8ab;--brick: #a2412a;--teal: #2f6f73;--good: #1f6fb0;--gold: #c99a2e;--serif: "IM Fell English", Georgia, serif;--caps: "IM Fell English SC", Georgia, serif}*{box-sizing:border-box}html,body{touch-action:manipulation;margin:0;height:100%;overflow:hidden;background:var(--sea);color:var(--ink);font-family:var(--serif);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#map{position:fixed;inset:0;width:100vw;height:100vh;touch-action:none;display:block}#top{position:fixed;top:0;left:50%;transform:translate(-50%);width:min(480px,100%);padding:calc(env(safe-area-inset-top) + 8px) 16px 8px;background:linear-gradient(var(--paper),rgba(244,234,210,.94));border-bottom:2px solid #8a6d3b;border-radius:0 0 12px 12px;box-shadow:0 2px 10px #00000040;font-size:14px;line-height:1.35;pointer-events:none}#top .row1{display:flex;justify-content:space-between;font-family:var(--caps);font-size:16px}#top .row2{display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--ink-soft)}#top b{color:var(--ink);font-weight:400}#top .badge{color:var(--teal)}#toasts{position:fixed;top:calc(env(safe-area-inset-top) + 74px);left:max(16px,calc(50% - 224px));width:min(340px,calc(100% - 118px));display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:#2b2118e6;color:var(--paper);padding:6px 10px;border-radius:8px;font-size:13px;line-height:1.3;pointer-events:auto;animation:in .25s ease-out;transition:opacity .6s}.toast.big{border-left:4px solid var(--gold)}.toast .track{color:var(--gold);font-size:12px;margin-top:2px}@keyframes in{0%{opacity:0;transform:translateY(-6px)}}#logbtn,#jobsbtn,#holdbtn,#shipbtn,#crewbtn{position:fixed;right:max(16px,calc(50% - 224px));top:calc(env(safe-area-inset-top) + 74px);font-family:var(--caps);font-size:15px;background:var(--paper);color:var(--ink);border:2px solid #8a6d3b;border-radius:20px;padding:6px 14px;box-shadow:0 2px 6px #00000040;z-index:2}#sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100%);max-height:58vh;overflow-y:auto;background:var(--paper);border-top:2px solid #8a6d3b;border-radius:14px 14px 0 0;box-shadow:0 -4px 16px #0000004d;padding:14px 16px calc(env(safe-area-inset-bottom) + 14px)}#sheet:empty{display:none}#sheet .fold{float:right;width:40px;height:40px;margin:-4px -4px 0 8px;border-radius:50%;border:1.5px solid #b59a66;background:var(--paper-2);color:var(--ink);font-size:16px;line-height:1;cursor:pointer}#sheet .fold:active{transform:translateY(1px)}#sheet h2{cursor:pointer}#sheet.collapsed{padding-bottom:calc(env(safe-area-inset-bottom) + 10px);overflow:hidden}#sheet.collapsed>:not(.fold):not(h2){display:none}#sheet h2{font-family:var(--caps);font-weight:400;font-size:22px;margin:0 0 2px}#sheet .sub{color:var(--ink-soft);font-size:14px;margin-bottom:10px}#sheet p{margin:6px 0 10px;font-size:16px;line-height:1.4;white-space:pre-line}#sheet .hint{color:var(--ink-soft);font-style:italic;font-size:14px;margin-top:8px}.btn,button{touch-action:manipulation}.btn{display:block;width:100%;text-align:left;font-family:var(--serif);font-size:17px;color:var(--ink);background:var(--paper-2);border:1.5px solid #b59a66;border-radius:10px;padding:10px 12px;margin:6px 0;cursor:pointer}.btn small{display:block;color:var(--ink-soft);font-size:13px;margin-top:2px}.btn.primary{background:var(--teal);color:#fff;border-color:#1f4f52}.btn.primary small{color:#d8ecea}.btn.danger{background:var(--brick);color:#fff;border-color:#6f2a1b}.btn.danger small{color:#f3d6cd}.btn.on{outline:3px solid var(--gold)}.btn.gold{border-color:var(--gold);box-shadow:inset 4px 0 0 var(--gold)}#jobsbtn{top:calc(env(safe-area-inset-top) + 118px)}#holdbtn{top:calc(env(safe-area-inset-top) + 162px)}#crewbtn{top:calc(env(safe-area-inset-top) + 206px)}#shipbtn{top:calc(env(safe-area-inset-top) + 250px)}.officer .stars{color:var(--gold);letter-spacing:1px}.officer .traits{color:var(--teal)}.officer .hurt{color:var(--brick)}.bar{display:inline-block;vertical-align:middle;width:90px;height:6px;background:#d9c7a0;border-radius:3px;margin-left:6px;overflow:hidden}.bar span{display:block;height:100%;background:var(--teal)}.key{display:inline-block;width:14px;height:14px;border:3px solid;border-radius:50%;margin-right:8px;vertical-align:middle}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.row{display:flex;gap:8px}.row .btn{text-align:center}input[type=text]{width:100%;font-family:var(--serif);font-size:18px;padding:10px 12px;border:1.5px solid #b59a66;border-radius:10px;background:#fffaf0;color:var(--ink);margin:6px 0 10px}#log{position:fixed;inset:0;background:#140e0899;z-index:5;display:flex;justify-content:center}#log[hidden]{display:none}#log .inner{width:min(480px,100%);height:100%;overflow-y:auto;background:var(--paper);padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px)}#log h2{font-family:var(--caps);font-weight:400;margin:0 0 8px}#log .entry{padding:8px 0;border-bottom:1px solid #d9c7a0;font-size:15px;line-height:1.35}#log .entry .d{color:var(--ink-soft);font-size:13px}#log .entry.big{font-size:16.5px}#log .reason{font-size:14px;margin-top:3px}#log .chips{margin:3px 0 2px}.chip{display:inline-block;font-size:12px;padding:1px 7px;border-radius:9px;margin-right:4px;border:1px solid}.chip.good{color:var(--teal);border-color:var(--teal)}.chip.bad{color:var(--brick);border-color:var(--brick)}#log .entry.warn{color:var(--brick)}#log .ties{color:var(--ink)}.flagdot{display:inline-block;margin-left:4px;font-weight:700}.flagdot.bad{color:var(--brick)}.flagdot.good{color:var(--teal)}#log .reason .up,#log .reason .down{display:inline-block;min-width:2.2em;font-weight:700}#log .reason .up{color:var(--teal)}#log .reason .down{color:var(--brick)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px}.tab{font:inherit;font-size:15px;padding:5px 12px;border-radius:16px;border:1px solid #c9b48a;background:transparent;color:var(--ink);cursor:pointer}.tab.small{font-size:14px;padding:3px 10px}.tab.on{background:var(--ink);color:#f4ead5;border-color:var(--ink)}#log .entry.tone-threat,#log .entry.tone-bad,#log .entry.tone-good{padding-left:9px;border-left:4px solid}#log .entry.tone-threat{border-left-color:var(--brick)}#log .entry.tone-bad{border-left-color:var(--ink-soft);border-left-style:dashed}#log .entry.tone-good{border-left-color:var(--good)}#log .legend span{padding-left:6px;border-left:4px solid}#log .key-threat{border-left-color:var(--brick)!important}#log .key-bad{border-left-color:var(--ink-soft)!important;border-left-style:dashed!important}#log .key-good{border-left-color:var(--good)!important}.stats{display:flex;gap:10px;margin:6px 0 12px}.stats div{flex:1;text-align:center;border:1px solid #d9c7a0;border-radius:8px;padding:6px 4px}.stats b{display:block;font-size:20px;font-weight:400}.stats span{font-size:12px;color:var(--ink-soft)}.chart{margin:4px 0 10px}.chart-head{font-size:14px;display:flex;justify-content:space-between;gap:8px}.chart-head b{font-weight:400;font-family:var(--caps)}.chart .readout{color:var(--ink-soft);font-size:13px;text-align:right}.chart svg{width:100%;height:72px;display:block;touch-action:none;cursor:crosshair}.chart .series{fill:none;stroke:var(--teal);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.chart .base{stroke:#cdb98f;stroke-width:1px;vector-effect:non-scaling-stroke}.chart .cross{stroke:var(--ink-soft);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.chart .tick{stroke-width:2px;vector-effect:non-scaling-stroke;stroke:var(--ink-soft)}.chart .tick-threat{stroke:var(--brick)}.chart .tick-good{stroke:var(--good)}.tellers{display:flex;flex-direction:column;gap:6px;margin-top:6px}.tellers .btn{margin:0}#moodtap{pointer-events:auto;cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}#log .entry.tappable{cursor:pointer}#log .entry.tappable:active{background:#a078321f}#log .entry .go{color:var(--accent, #8a5a14);font-size:13px;margin-top:3px}#log .entry .go:after{content:" ›"}.flag{display:inline-block;vertical-align:-3px;margin-right:6px;border-radius:1px}.sound label{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:15px}.sound input[type=range]{flex:1;accent-color:var(--teal)}@font-face{font-family:IM Fell English;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-normal-BhowGHCQ.woff2) format("woff2"),url(/assets/im-fell-english-latin-400-normal-CxhBQSzl.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-latin-400-italic-DD_ylKHZ.woff2) format("woff2"),url(/assets/im-fell-english-latin-400-italic-hN89MLGX.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IM Fell English SC;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/im-fell-english-sc-latin-400-normal-CW_nhHm4.woff2) format("woff2"),url(/assets/im-fell-english-sc-latin-400-normal-DPW2r_p4.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{background:var(--sea)}#sheet h3{font-family:var(--caps);font-weight:400;font-size:17px;margin:12px 0 4px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 6px}.chip{font-family:var(--serif);font-size:15px;padding:6px 11px;border-radius:16px;border:1.5px solid #b59a66;background:var(--paper-2);color:var(--ink);cursor:pointer}.chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}#sheet .tally{margin:6px 0}#sheet .tally div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid #e0d0a8;font-size:15px}#sheet .outcome{margin-top:10px;padding:10px 12px;border-left:4px solid var(--good);background:#1f6fb00f}#sheet .outcome.lost{border-left-color:var(--brick);background:#a2412a0f}#sheet .outcome b{display:block;font-family:var(--caps);font-weight:400;font-size:18px}#hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 14px);background:#2b2118e0;color:var(--paper);padding:7px 14px;border-radius:16px;font-size:15px;pointer-events:none;white-space:nowrap}#hint:empty{display:none}#top .row2 b{color:var(--ink);font-weight:400}#sheet .tally .soft{color:var(--ink-soft)}#sheet .name{margin-top:8px;padding:6px 10px;font-size:15px;line-height:1.35;border-left:4px solid var(--good)}#sheet .name.known{border-left-color:var(--brick)}#top .alarmrow{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px}#bell{font-size:17px;width:20px;text-align:center}#bell.ring{animation:ring .25s infinite alternate}@keyframes ring{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}#bar{position:relative;flex:1;height:14px;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;background:#efe3c4}#fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);transition:width .5s}#danger,.redkey{background:repeating-linear-gradient(135deg,#a2412a73 0 5px,#a2412a26 5px 10px)}#danger{position:absolute;top:0;bottom:0}#anon{position:absolute;top:-2px;bottom:-2px;width:3px;background:var(--good)}#alarmword{min-width:56px;text-align:right}#top .alarmcap{width:100%;font-size:13px;text-align:center}.anonkey,.redkey{display:inline-block;padding:0 5px;border-radius:4px;color:var(--ink)}.anonkey{border:1.5px solid var(--good)}.anonkey:before{content:"🎭 "}#top .haul{display:flex;justify-content:space-between;width:100%}#top .clue{width:100%;margin-top:4px;padding:6px 10px;border:1px solid #b59a66;border-radius:6px;background:#efe0bb;color:var(--ink);font-style:italic;font-size:15px;line-height:1.35}#top .clue .torn{font-style:normal;color:var(--ink-soft);letter-spacing:1px}#sheet .btns.row .btn{margin:6px 0 0}#sheet .dmg{display:flex;align-items:center;gap:8px;margin:6px 0;font-size:15px}#sheet .dmg span{width:96px}#sheet .dmg b{width:40px;text-align:right;font-weight:400}#sheet .dmg .bar{flex:1;height:12px;border:1.5px solid var(--ink);border-radius:7px;overflow:hidden;background:#efe3c4}#sheet .dmg .bar i{display:block;height:100%;background:var(--ink)}#sheet .dmg .bar.yours i{background:var(--brick)}canvas.mg{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:none}body.mg-on #top,body.mg-on #sheet,body.mg-on #toasts,body.mg-on #hint{z-index:3}body.mg-on #jobsbtn,body.mg-on #holdbtn,body.mg-on #crewbtn,body.mg-on #shipbtn,body.mg-on #logbtn,body.mg-on #sheet .fold{display:none}