:root{--meadow-deep:#2f6e28;--paper:#fff4d6;--paper-raised:#fffaeb;--paper-edge:#ecd3a0;--wood-light:#f2b85c;--outline:#3b2416;--ink:#3b2416;--ink-muted:#7a4420;--gold:#ffd23f;--danger:#d03a4e;--gold-deep:#d8961c;--success:#2f6e28;--focus:#2e56a0;--shadow:6px 6px 0 #14281073;--font-body:"Mitr", system-ui, sans-serif;--font-pixel:"Pixelify Sans", "Mitr", monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--meadow-deep);height:100%;color:var(--ink);font-family:var(--font-body);margin:0}img,canvas{image-rendering:pixelated}#app{gap:18px;height:100%;padding:18px;display:flex}#game{flex:1;min-width:0}#side{background:var(--paper);border:3px solid var(--outline);width:340px;box-shadow:var(--shadow);flex-direction:column;flex:none;display:flex;overflow:hidden}.side-head{border-bottom:3px solid var(--outline);background:var(--paper-raised);gap:12px;padding:18px 18px 15px;display:grid}#logo{justify-self:center;width:192px}.stats{grid-template-columns:1fr 1fr 1.4fr;gap:6px;margin:0;display:grid}.stat{background:var(--paper);border:2px solid var(--outline);padding:4px 9px 3px}.stat dt{color:var(--ink-muted);align-items:center;gap:4px;font-size:12px;line-height:18px;display:flex}.stat dd{font:700 20px/26px var(--font-pixel);font-variant-numeric:tabular-nums;margin:0}.stat--faith{background:var(--gold)}.stat--faith dt{color:var(--ink)}.log{flex-direction:column;flex:1;min-height:0;display:flex}.log-head{justify-content:space-between;align-items:baseline;padding:12px 18px 6px;display:flex}.log-head h2{margin:0;font-size:17px;font-weight:600}#log-count{font:500 13px var(--font-pixel);color:var(--ink-muted)}#feed{scrollbar-width:thin;scrollbar-color:var(--paper-edge) transparent;flex:1;margin:0;padding:0 6px 12px;list-style:none;overflow-y:auto}.entry{border-bottom:2px solid var(--paper-edge);grid-template-columns:32px 1fr auto;align-items:start;gap:10px;padding:9px 12px;display:grid}.entry:first-child{background:var(--paper-raised)}.entry:last-child{border-bottom:0}.entry p{min-width:0;margin:4px 0 0;font-size:14px;line-height:22px}.entry time{font:500 13px var(--font-pixel);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-top:6px}.entry--danger time{color:var(--danger)}button{font:inherit;color:inherit}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.seg{border:2px solid var(--outline);background:var(--paper);display:flex}.seg button{cursor:pointer;font:500 14px/22px var(--font-body);background:0 0;border:0;flex:1;padding:3px 10px}.seg button+button{border-left:2px solid var(--outline)}.seg button[aria-pressed=true]{background:var(--gold);font-weight:600}.seg button:disabled{color:var(--paper-edge);cursor:not-allowed}.seg--small button{padding:0 8px;font-size:13px;line-height:20px}.chip{background:var(--paper);border:2px solid var(--outline);align-items:center;padding:0 6px;font-size:12px;line-height:20px;display:inline-flex}.chip--gold{background:var(--gold)}.chip--danger{background:var(--danger);color:var(--paper)}.chip--button{cursor:pointer;background:var(--paper-raised);box-shadow:inset 0 -2px 0 var(--paper-edge)}.chip--button:hover{background:var(--gold)}.btn{border:2px solid var(--outline);cursor:pointer;font:600 15px/24px var(--font-body);background:var(--paper-raised);box-shadow:inset 0 -3px 0 var(--paper-edge);padding:6px 18px}.btn--gold{background:var(--gold);box-shadow:inset 0 -3px 0 var(--gold-deep)}.btn:active{box-shadow:none;transform:translateY(2px)}.hint{color:var(--ink-muted);border-bottom:2px solid var(--paper-edge);margin:0;padding:10px 18px;font-size:13px}.npc{border-bottom:3px solid var(--outline);background:var(--paper);gap:10px;padding:12px 18px 14px;display:grid}.npc__head{grid-template-columns:48px 1fr auto;align-items:start;gap:12px;display:grid}.npc__portrait{border:2px solid var(--outline);width:48px;height:72px;image-rendering:pixelated;box-sizing:content-box;background-color:#8fd64e;background-position:0 0;background-repeat:no-repeat;background-size:96px 72px}.npc__id{min-width:0}.npc__name{margin:0;font-size:17px;font-weight:600;line-height:26px}.npc__chips{flex-wrap:wrap;gap:4px;margin:2px 0 4px;display:flex}.npc__traits{color:var(--ink-muted);margin:0;font-size:12px;line-height:18px}.npc__doing{margin:4px 0 0;font-size:13px;font-weight:500;line-height:20px}.npc__doing:before{content:"▸ ";color:var(--ink-muted)}.npc__close{border:2px solid var(--outline);background:var(--paper-raised);cursor:pointer;width:28px;height:28px;font-size:18px;line-height:1}.npc__stats{gap:6px;display:grid}.npc__stat{grid-template-columns:16px auto 1fr;align-items:center;gap:6px;font-size:13px;display:grid}.npc__stat b{font:700 15px var(--font-pixel);justify-self:end}.npc__stat--moral{grid-template-columns:22px 1fr 40px}.moral{border:2px solid var(--outline);background:linear-gradient(90deg, var(--demon) 50%, var(--gold) 50%);height:10px;position:relative}.moral__marker{background:var(--paper);border:2px solid var(--outline);width:6px;height:18px;margin-left:-3px;position:absolute;top:-6px}.npc__powers h4{color:var(--ink-muted);margin:0 0 6px;font-size:13px;font-weight:600}.powers{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.power{cursor:pointer;background:var(--paper-raised);border:2px solid var(--outline);box-shadow:inset 0 -3px 0 var(--paper-edge);justify-items:center;gap:0;padding:6px 4px 5px;display:grid}.power:hover:not(:disabled){box-shadow:inset 0 -3px 0 var(--gold)}.power:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.power:disabled{opacity:.45;cursor:not-allowed}.power__name{font-size:13px;font-weight:500;line-height:20px}.power__cost{font:500 12px/16px var(--font-pixel);color:var(--ink-muted);align-items:center;gap:2px;display:inline-flex}.dream-pick{flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;font-size:13px;display:flex}.entry--empty{color:var(--ink-muted);font-size:13px;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabs{margin:12px 18px 0}.tabs button{font-weight:600}.log-head .log-note{color:var(--ink-muted);font-size:12px}.chip--rank{background:var(--wood-light);font-weight:600}.chip--dead{color:var(--ink-muted);text-decoration:line-through}.rank{border:2px solid var(--outline);width:28px;height:28px;font:700 16px/1 var(--font-pixel);background:var(--paper);flex:none;place-items:center;display:inline-grid}.rank--D,.rank--C{background:var(--wood-light)}.rank--B,.rank--A{background:var(--gold)}.rank--S{background:var(--demon);color:var(--paper)}.guild{scrollbar-width:thin;scrollbar-color:var(--paper-edge) transparent;flex:1;min-height:0;padding:6px 12px 14px;overflow-y:auto}.divine-bar{border-bottom:2px solid var(--paper-edge);gap:4px;padding:10px 6px 12px;display:grid}.divine{justify-content:center;align-items:center;gap:6px;display:inline-flex}.divine:disabled{opacity:.5;cursor:not-allowed}.divine__cost{font:500 13px var(--font-pixel);align-items:center;gap:2px;margin-left:4px;display:inline-flex}.divine-bar p{color:var(--ink-muted);text-align:center;margin:0;font-size:12px;line-height:18px}.guild-sec h3{margin:12px 6px 6px;font-size:14px;font-weight:600}.guild-sec ul{margin:0;padding:0;list-style:none}.guild-empty{color:var(--ink-muted);padding:4px 6px 8px;font-size:13px}.quest{border-bottom:2px solid var(--paper-edge);grid-template-columns:28px 1fr;gap:10px;padding:10px 6px;display:grid}.quest--divine{background:var(--paper-raised)}.quest__body{gap:2px;min-width:0;display:grid}.quest__title{margin:0;font-size:14px;font-weight:600;line-height:22px}.quest__meta{color:var(--ink-muted);align-items:center;gap:2px;margin:0;font-size:12px;display:flex}.quest__stage{margin:0;font-size:12px;line-height:18px}.quest__party{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;display:flex}.quest__client{color:var(--ink-muted);margin-left:4px;font-size:12px}.quest__patron{color:var(--ink-muted);margin:0;font-size:12px;line-height:18px}.guild-card{border-bottom:2px solid var(--paper-edge);grid-template-columns:32px 1fr;gap:10px;padding:10px 6px;display:grid}.guild-card--thieves img{filter:grayscale()brightness(.55)}.guild-card--merchants img{filter:hue-rotate(170deg)saturate(1.3)}.guild-card__body{gap:2px;min-width:0;display:grid}.guild-card__name{margin:0;font-size:14px;font-weight:600;line-height:22px}.guild-card__meta{color:var(--ink-muted);margin:0;font-size:12px;line-height:18px}.chip--guild{background:var(--paper-raised)}.npc__rels h4{color:var(--ink-muted);margin:0 0 4px;font-size:13px;font-weight:600;line-height:20px}.npc__rels ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.rel{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:13px;line-height:20px;display:grid}.rel__name{cursor:pointer;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--paper-edge);text-decoration-color:var(--paper-edge);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600}.rel__name--dead{color:var(--ink-muted);text-decoration:line-through}.rel__label{color:var(--ink-muted);font-size:12px}.rel b{font:700 14px var(--font-pixel);color:var(--success)}.rel--bad b{color:var(--danger)}.result{border-bottom:2px solid var(--paper-edge);grid-template-rows:auto auto;grid-template-columns:28px 1fr auto;column-gap:10px;padding:8px 6px;font-size:13px;line-height:20px;display:grid}.result .rank{grid-row:span 2}.result__title{min-width:0}.result__who{color:var(--ink-muted);grid-column:2;font-size:12px}.result__stage{grid-area:1/3;font-weight:600}.result--done .result__stage{color:var(--success)}.result--failed .result__stage{color:var(--danger)}.result--expired .result__stage{color:var(--ink-muted);font-weight:400}.adv{border-bottom:2px solid var(--paper-edge);grid-template-columns:28px auto 1fr auto;align-items:center;gap:8px;padding:6px;font-size:13px;display:grid}.adv__name{cursor:pointer;text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--paper-edge);text-decoration-color:var(--paper-edge);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600}.adv__job{color:var(--ink-muted);min-width:0;font-size:12px}.adv__renown{font:700 14px var(--font-pixel)}.adv__renown:after{content:" ★";color:var(--gold-deep)}.legend{border-bottom:2px solid var(--paper-edge);grid-template-columns:16px 1fr auto;align-items:start;gap:8px;padding:6px;font-size:13px;line-height:20px;display:grid}.legend img{margin-top:2px}.legend time{font:500 12px var(--font-pixel);color:var(--ink-muted)}#bubbles{pointer-events:none;z-index:5;position:fixed;inset:0}.bubble{white-space:nowrap;border:2px solid var(--outline);visibility:hidden;background:#fff;padding:2px 8px;font-size:13px;font-weight:500;line-height:20px;animation:.16s steps(3,end) both pop;position:absolute;top:0;left:0;box-shadow:3px 3px #3b241659}.bubble:after{content:"";border:5px solid #0000;border-top:6px solid var(--outline);margin-left:-5px;position:absolute;bottom:-8px;left:50%}@keyframes pop{0%{scale:.4}to{scale:1}}@media (prefers-reduced-motion:reduce){.bubble{animation:none}}#offline{width:min(420px,100vw - 32px);color:var(--ink);background:var(--paper);border:3px solid var(--outline);box-shadow:var(--shadow);padding:18px 20px}#offline::backdrop{background:#14281099}#offline h2{margin:0;font-size:20px}.offline-days{font-family:var(--font-pixel);color:var(--ink-muted);margin:2px 0 12px}.offline-counts{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.offline-counts li{border:2px solid var(--outline);background:var(--paper-raised);align-items:center;gap:4px;padding:0 8px;font-size:13px;line-height:24px;display:inline-flex}.offline-list{border-top:2px solid var(--paper-edge);margin:0 0 14px;padding:0;list-style:none}#offline form{justify-content:flex-end;display:flex}@media (max-width:800px){html,body{height:auto}#app{flex-direction:column;gap:12px;height:auto;min-height:100%;padding:10px}#game{aspect-ratio:8/5;flex:none;width:100%}#side{width:auto;overflow:visible}.side-head{gap:10px;padding:12px}#logo{width:132px}.npc{padding:12px}.log{flex:none}#feed{max-height:60vh}}