:root{--pixel-font: "Ark Pixel", "Fusion Pixel", "Courier New", ui-monospace, monospace;--bg: #101322;--bg-panel: #181c30;--bg-inset: #10131f;--border: #2c3352;--text: #e8e4d8;--text-dim: #9a94b8;--gold: #ffd873;--devotion: #7ec8ff;--mood: #9fe08a;--bad: #ff7a66;--good: #9fe08a}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--pixel-font);image-rendering:pixelated}.app{width:100vw;height:100vh;height:100dvh;padding:8px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:8px 12px;background:var(--bg-panel);border:2px solid var(--border);flex-wrap:wrap}.title{display:flex;flex-direction:column;line-height:1.1}.title-main{font-size:18px;color:var(--gold);letter-spacing:1px}.title-sub{font-size:11px;color:var(--text-dim)}.topstats{display:flex;gap:14px;flex:1;flex-wrap:wrap;font-size:13px}.stat{white-space:nowrap}.stat-faith{color:var(--gold)}.stat-devotion{color:var(--devotion)}.locale{background:var(--bg-inset);color:var(--text);border:2px solid var(--border);font-family:inherit;font-size:12px;padding:3px 6px}.topbtn{background:var(--bg-inset);color:var(--text);border:2px solid var(--border);font-family:inherit;font-size:12px;padding:4px 8px;cursor:pointer;white-space:nowrap}.topbtn:hover{border-color:var(--gold);color:var(--gold)}.title-screen{width:100vw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 34%,#1c2036 0%,var(--bg) 70%);padding:16px}.title-card{width:min(440px,92vw);background:var(--bg-panel);border:2px solid var(--border);padding:30px 26px;display:flex;flex-direction:column;gap:14px;text-align:center;box-shadow:0 0 0 4px #0c0f1c,0 12px 40px #00000080}.title-hero{margin:0;font-size:40px;letter-spacing:3px;color:var(--gold);text-shadow:0 2px 0 #6b4a12}.title-heroSub{margin:-6px 0 6px;font-size:13px;color:var(--text-dim);letter-spacing:1px}.title-form{display:flex;flex-direction:column;gap:12px}.title-seedRow{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.title-seedLabel{flex-shrink:0}.title-seedInput{flex:1;background:var(--bg-inset);color:var(--text);border:2px solid var(--border);font-family:inherit;font-size:13px;padding:8px 10px}.title-seedInput:focus{outline:none;border-color:var(--devotion)}.title-start{background:var(--bg-inset);color:var(--gold);border:2px solid var(--gold);font-family:inherit;font-size:18px;letter-spacing:2px;padding:12px;cursor:pointer;transition:background .15s}.title-start:hover{background:#2a2410}.title-localeRow{display:flex;justify-content:center}.title-hint{margin:0;font-size:11px;line-height:1.6;color:var(--text-dim)}.row{display:flex;gap:8px;flex:1;min-height:0}.stage{position:relative;flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--border);background:#000;overflow:hidden}canvas.scene{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.toast{position:absolute;left:50%;bottom:14px;transform:translate(-50%);background:#140c0ceb;border:2px solid var(--bad);color:var(--bad);padding:6px 14px;font-size:12px;transition:opacity .25s}.toast.hidden{opacity:0;pointer-events:none}.panel{width:340px;flex-shrink:0;background:var(--bg-panel);border:2px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.hint{color:var(--text-dim);font-size:12px;line-height:1.5}.portrait{width:100%;max-width:190px;margin:0 auto;border:2px solid var(--border)}.portrait svg{display:block;width:100%}.vname{text-align:center;font-size:16px;color:var(--gold)}.vmeta{text-align:center;font-size:11px;color:var(--text-dim)}.vstatus{font-size:12px;color:var(--text-dim);text-align:center}.vstatus.bad{color:var(--bad)}.meter{display:flex;align-items:center;gap:6px;font-size:11px}.meter label{width:62px;color:var(--text-dim)}.bar-wrap{flex:1;height:10px;background:var(--bg-inset);border:1px solid var(--border)}.bar{height:100%;background:var(--mood);transition:width .4s}.bar-devotion{background:var(--devotion)}.bar.bar-low{background:var(--bad)}.bar-num{width:26px;text-align:right}.thoughts h4,.actions-title{margin:4px 0 2px;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.thought-list{list-style:none;margin:0;padding:0;font-size:12px;max-height:110px;overflow-y:auto}.thought{padding:2px 0}.thought.good{color:var(--good)}.thought.bad{color:var(--bad)}.thought.muted{color:var(--text-dim)}.actions{display:flex;gap:6px;flex-wrap:wrap}.actions .actions-title{width:100%}.act{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;font-family:inherit;font-size:13px;color:var(--text);background:var(--bg-inset);border:2px solid var(--border);cursor:pointer}.act small{font-size:10px;color:var(--text-dim)}.act:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}.act:disabled{opacity:.45;cursor:not-allowed}.act-bless:hover:not(:disabled),.act-sendPlenty:hover:not(:disabled){border-color:var(--good);color:var(--good)}.act-smite:hover:not(:disabled),.act-sendHardship:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.logbox{flex-shrink:0;background:var(--bg-panel);border:2px solid var(--border);padding:8px 12px;height:118px;display:flex;flex-direction:column}.log-title{margin:0 0 6px;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.log{flex:1;overflow-y:auto;font-size:12px;display:flex;flex-direction:column;gap:2px}.log-line{display:flex;gap:8px}.log-day{color:var(--text-dim);flex-shrink:0}@media (max-width: 820px){.app{height:auto;min-height:100vh;min-height:100dvh;overflow:auto}.row{flex-direction:column}.stage{flex:none;min-height:0;width:100%;aspect-ratio:640 / 420}.panel{width:100%}.logbox{height:132px}}