:root{--ink:#2a1a10;--paper:#fbf6e9;--paper-2:#f1e6cc;--ochre:#c9a046;--brown:#6b4226;--red:#e0322b;--mayo:#f4ecc8;--font:"Pixelify Sans", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);font-family:var(--font);-webkit-user-select:none;user-select:none;background:#1a1210;margin:0;overflow:hidden}img{image-rendering:pixelated}.dim{opacity:.65}.small{font-size:13px}.panel{background:var(--paper);border:4px solid var(--ink);box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 4px var(--ochre), 0 4px 0 #00000059;border-radius:10px;padding:10px 14px}.row{justify-content:space-between;gap:18px;line-height:1.45;display:flex}.row.title{justify-content:flex-start;gap:8px;font-weight:700}.row.sep{border-top:2px dashed #2a1a104d;margin-top:8px;padding-top:8px}.pocket{color:#9b2a1a}.start{image-rendering:pixelated;background-color:#2b1a2e;background-position:50%;background-size:cover;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.start-inner{text-align:center;margin-bottom:9vh;padding:0 16px}.logo{color:var(--mayo);letter-spacing:2px;text-shadow:4px 4px 0 var(--brown), 8px 8px 0 #00000073;margin:0;font-size:clamp(44px,8vw,104px);font-weight:700}.logo span{color:var(--red)}.tagline{color:var(--mayo);text-shadow:2px 2px #000;margin:6px 0 26px;font-size:clamp(14px,2vw,20px)}.controls{color:var(--mayo);opacity:.85;text-shadow:2px 2px #000;margin-top:18px;font-size:14px}.big-btn{font-family:var(--font);color:var(--paper);background:var(--red);border:4px solid var(--ink);box-shadow:inset 0 -6px 0 #00000040, 0 6px 0 var(--ink);cursor:pointer;border-radius:12px;padding:14px 40px;font-size:clamp(22px,3vw,34px);font-weight:700;transition:transform 60ms}.big-btn:hover,.big-btn:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-2px)}.big-btn:active{box-shadow:inset 0 -2px 0 #00000040, 0 2px 0 var(--ink);transform:translateY(4px)}.game{position:fixed;inset:0}.scene{inset:0;position:absolute!important}.hud{pointer-events:none;font-size:17px;position:absolute;inset:0}.hud-tl{min-width:250px;position:absolute;top:14px;left:14px}.hud-tr{min-width:230px;position:absolute;top:14px;right:14px}.strikes{align-items:center;gap:4px;display:flex}.strikes .dot{border:2px solid var(--ink);background:0 0;border-radius:50%;width:11px;height:11px}.strikes .dot.on{background:var(--red)}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.prompt kbd{font-family:var(--font);background:var(--ink);color:var(--paper);border-radius:5px;margin-right:6px;padding:0 7px;font-weight:700;display:inline-block}.toasts{flex-direction:column;align-items:center;gap:6px;max-width:min(520px,100vw - 32px);display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.toast{color:var(--mayo);text-align:center;background:#2a1a10e0;border-radius:8px;padding:7px 14px;font-size:16px;animation:.2s ease-out toast-in}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.bubble{border:3px solid var(--ink);font-family:var(--font);white-space:nowrap;background:#fff;border-radius:10px;align-items:center;gap:2px;padding:2px 6px 6px;display:flex;position:relative}.bubble:after{content:"";border:6px solid #0000;border-top-color:var(--ink);position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.bubble img{width:40px;height:40px}.bubble img.mayo{width:22px;height:22px}.no-mayo{color:var(--red);font-size:11px;font-weight:700;text-decoration:line-through}.bubble-emote{color:var(--ink);padding:0 4px;font-size:22px;font-weight:700}.heart{margin:2px 2px -2px;display:block}.bubble-emote.angry{color:var(--red)}.patience{background:#2a1a1026;border-radius:2px;height:4px;position:absolute;bottom:2px;left:6px;right:6px;overflow:hidden}.patience>div{height:100%}.dialog-wrap{cursor:pointer;width:min(900px,100vw - 28px);position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.dialog{background:var(--paper);border:5px solid var(--ink);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 6px var(--red), 0 6px 0 #0006;border-radius:12px;align-items:stretch;gap:14px;min-height:140px;padding:14px 18px;display:flex}.dialog.thought{box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 6px #8a7a9a, 0 6px 0 #0006}.dialog.thought .text{color:#4b3a5a;font-style:italic}.portrait{background:var(--paper-2);border:3px solid var(--ink);border-radius:8px;flex:none;align-self:center;width:112px;height:112px;overflow:hidden}.portrait img{object-fit:contain;width:100%;height:100%}.dialog-body{flex:1;min-width:0;position:relative}.speaker{background:var(--ink);color:var(--paper);border-radius:6px;margin-bottom:6px;padding:1px 10px;font-weight:700;display:inline-block}.text{white-space:pre-wrap;font-size:22px;line-height:1.35}.next{border-left:8px solid #0000;border-right:8px solid #0000;border-top:10px solid var(--red);width:0;height:0;animation:.6s infinite alternate bob;position:absolute;bottom:0;right:4px}@keyframes bob{to{transform:translateY(4px)}}.choices{background:var(--paper);border:5px solid var(--ink);border-radius:12px;min-width:260px;padding:8px 14px;font-size:20px;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 6px #0006}.choice{cursor:pointer;align-items:center;gap:10px;padding:4px 2px;display:flex}.choice .cursor{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:9px solid #0000;width:0;height:0}.choice.active .cursor{border-left-color:var(--red)}.choice.active{color:var(--red);font-weight:700}.overlay{background:#1a12108c;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.overlay.dark{background:#1a1210d9}.card{text-align:center;width:min(440px,100%);padding:22px 26px 26px;font-size:18px}.card h2{color:var(--red);margin:0 0 4px;font-size:40px}.stats{text-align:left;margin:16px 0 22px}@media (width<=720px){.hud{font-size:14px}.hud-tl,.hud-tr{min-width:0;padding:6px 10px}.hud-tr{top:auto;bottom:70px}.text{font-size:17px}.portrait{width:72px;height:72px}}