:root{--ink: #2b2115;--paper: #f0e4c8;--paper-dark: #e2d2ae;--panel: rgba(28, 21, 12, .88);--panel-line: rgba(214, 186, 130, .4);--gold: #d8b46a;--red: #a33c2a;--green: #6d9a4e;--text: #f0e6cf;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#1a140c;color:var(--text)}canvas#farm{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:stretch;gap:1px;background:var(--panel);border-bottom:2px solid var(--gold);z-index:30;height:52px}.tb-group{display:flex;flex-direction:column;justify-content:center;padding:4px 14px;border-right:1px solid var(--panel-line);min-width:78px}.tb-group.brand{justify-content:center;font-size:19px;letter-spacing:4px;color:var(--gold);font-weight:700}.tb-group .lbl{font-size:9px;letter-spacing:2px;opacity:.6}.tb-group b{font-size:15px}.tb-group.grow{flex:1;border-right:none}#tb-progress{position:relative;height:14px;background:#00000080;border:1px solid var(--panel-line);border-radius:7px;overflow:hidden}#tb-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:linear-gradient(90deg,#7a5c2e,var(--gold))}#tb-progress-text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;font-size:9px;letter-spacing:2px;line-height:13px;color:#fff;text-shadow:0 1px 2px #000}.panel{position:fixed;top:60px;bottom:74px;width:300px;background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;z-index:25;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#left-panel{left:10px}#right-panel{right:10px}.tabs{display:flex;border-bottom:1px solid var(--panel-line)}.tabs button{flex:1;background:none;border:none;border-right:1px solid var(--panel-line);color:var(--text);opacity:.55;font:inherit;font-size:11px;letter-spacing:2px;padding:10px 2px;cursor:pointer}.tabs button:last-child{border-right:none}.tabs button.on{opacity:1;background:#d8b46a1f;color:var(--gold)}.tab-body{flex:1;overflow-y:auto;padding:10px;font-size:13px;scrollbar-width:thin;scrollbar-color:#6b5637 transparent}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;border-bottom:1px solid rgba(214,186,130,.14)}.row .name{flex:1}.row .meta{font-size:11px;opacity:.65}.row.selected{background:#d8b46a29;border-radius:6px}.bar{position:relative;width:64px;height:8px;background:#00000080;border-radius:4px;overflow:hidden}.bar i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:var(--green)}.bar.low i{background:var(--red)}#tab-family .bar{width:56px}.sick-tag{color:#e08c7a;font-size:10px;letter-spacing:1px}.dead{opacity:.4;text-decoration:line-through}.act-btn{display:block;width:100%;margin:6px 0;background:#d8b46a1a;border:1px solid var(--panel-line);border-radius:8px;color:var(--text);font:inherit;font-size:13px;text-align:left;padding:9px 11px;cursor:pointer}.act-btn:hover:not(:disabled){background:#d8b46a38}.act-btn:disabled{opacity:.38;cursor:default}.act-btn .cost{float:right;color:var(--gold);font-size:12px}.act-btn .sub{display:block;font-size:11px;opacity:.6;margin-top:2px}.section-h{font-size:10px;letter-spacing:3px;color:var(--gold);margin:12px 0 4px;border-bottom:1px solid var(--panel-line);padding-bottom:3px}.journal-entry{padding:6px 4px;border-bottom:1px solid rgba(214,186,130,.12);font-size:12px}.journal-entry .when{color:var(--gold);font-size:10px;letter-spacing:1px}.journal-entry.bad{color:#e8a595}.journal-entry.good{color:#b5d19a}.journal-entry.death{color:#e07b63;font-weight:700}.journal-entry.event{color:#e8cf9a}#end-turn{position:fixed;bottom:14px;left:50%;transform:translate(-50%);z-index:30;background:linear-gradient(180deg,#b8863c,#8a5f24);color:#fff8e8;border:2px solid #e9c67c;border-radius:10px;font:inherit;font-size:17px;letter-spacing:3px;padding:13px 34px;cursor:pointer;box-shadow:0 4px 18px #00000080}#end-turn:hover{filter:brightness(1.12)}#advice-btn{position:fixed;bottom:14px;left:50%;transform:translate(calc(-50% - 205px));z-index:30;background:var(--panel);color:var(--gold);border:2px solid var(--panel-line);border-radius:10px;font:inherit;font-size:14px;letter-spacing:2px;padding:14px 20px;cursor:pointer;box-shadow:0 4px 18px #00000080}#advice-btn:hover{border-color:var(--gold)}.advice-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px dotted #b09a6a;font-size:14px;line-height:1.5;text-align:left}.advice-item .mark{color:var(--red);font-weight:700;flex:none}.advice-item.mild .mark{color:#6b5423}#jukebox{position:fixed;right:12px;bottom:12px;z-index:30;background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;padding:8px 10px;width:240px}.jb-row{display:flex;align-items:center;gap:8px}#jukebox button{background:#d8b46a26;border:1px solid var(--panel-line);color:var(--gold);border-radius:6px;width:34px;height:34px;font-size:13px;cursor:pointer}.jb-meta{flex:1;min-width:0}#jb-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jb-mood{font-size:9px;letter-spacing:2px;color:var(--gold);opacity:.8}#kb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:none;align-items:center;justify-content:center;background:#0a0703e0}#kb-overlay.show{display:flex}#kb-frame{width:min(760px,94vw);background:#17110a;border:2px solid var(--gold);border-radius:6px;overflow:hidden;box-shadow:0 10px 60px #000c}#kb-viewport{height:min(46vh,420px);overflow:hidden;filter:sepia(.35) contrast(1.05)}#kb-image{width:100%;height:100%;object-fit:cover;transform-origin:center}#kb-caption{padding:14px 20px 18px}#kb-caption h2{margin:0 0 6px;color:var(--gold);font-size:19px;letter-spacing:2px}#kb-caption p{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--text)}#kb-continue{background:linear-gradient(180deg,#b8863c,#8a5f24);color:#fff8e8;border:1px solid #e9c67c;border-radius:8px;font:inherit;letter-spacing:2px;padding:9px 22px;cursor:pointer}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;background:#0a0703b3}.modal.show{display:flex}.modal-card{width:min(520px,92vw);max-height:84vh;overflow-y:auto;background:var(--paper);color:var(--ink);border:2px solid #8a6f3e;border-radius:6px;padding:22px 26px;box-shadow:0 10px 60px #000c}.modal-card h2{margin:0 0 10px;letter-spacing:3px;font-size:18px;border-bottom:2px solid #8a6f3e;padding-bottom:8px}.report-line{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px dotted #b09a6a;font-size:14px}.report-line b.bad{color:var(--red)}.report-line b.good{color:#3f6a1e}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 30%,rgba(216,180,106,.14),transparent 60%),linear-gradient(180deg,#241a0e,#17110a);overflow-y:auto;padding:20px}#title-logo{width:min(640px,92vw);mix-blend-mode:screen;filter:drop-shadow(0 6px 24px rgba(0,0,0,.8));margin-bottom:-6px}.paper{width:min(460px,94vw);background:var(--paper);color:var(--ink);border:2px solid #8a6f3e;outline:6px solid var(--paper);outline-offset:-12px;border-radius:4px;padding:30px 34px;text-align:center;box-shadow:0 14px 70px #000000bf}.paper.wide{width:min(620px,94vw);text-align:left}.paper.wide h2{text-align:center}.poster-top{font-size:13px;letter-spacing:6px;color:var(--red);font-weight:700}.paper h1{margin:6px 0 2px;font-size:44px;letter-spacing:6px}.paper h2{margin:0 0 8px;font-size:24px;letter-spacing:3px}.paper .sub{margin:0 0 14px;letter-spacing:4px;font-size:12px;color:#6b5423}.body-copy{font-size:14px;line-height:1.6}.fine{font-size:11px;opacity:.65;font-style:italic}.big-btn{display:block;width:100%;margin:12px 0 4px;background:linear-gradient(180deg,#b8863c,#8a5f24);color:#fff8e8;border:2px solid #6b4a1c;border-radius:8px;font:inherit;font-size:16px;letter-spacing:3px;padding:13px;cursor:pointer}.big-btn:hover{filter:brightness(1.1)}.big-btn.ghost{background:none;color:var(--ink);border-color:#8a6f3e}.small-btn{background:none;border:1px dashed #8a6f3e;color:var(--ink);border-radius:6px;font:inherit;font-size:12px;padding:7px 12px;cursor:pointer}.paper-hero{display:block;width:calc(100% + 68px);height:auto;margin:-30px -34px 16px;border-bottom:2px solid #8a6f3e;filter:sepia(.25)}.portrait{width:48px;height:48px;flex:none;border-radius:50%;border:2px solid #8a6f3e;padding:0;overflow:hidden;cursor:pointer;background:#cdbb92}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 18%;display:block}.portrait:hover{border-color:var(--red)}.mini-face{width:52px;height:52px;flex:none;border-radius:50%;object-fit:cover;object-position:50% 18%;border:1px solid var(--panel-line);background:#6b5637}.fam-row{display:flex;gap:8px;margin:8px 0;align-items:center}.fam-row input[type=text]{flex:1;font:inherit;font-size:14px;background:#fff9ea;border:1px solid #8a6f3e;border-radius:6px;padding:8px 10px;color:var(--ink)}.fam-row select{font:inherit;font-size:13px;background:#fff9ea;border:1px solid #8a6f3e;border-radius:6px;padding:8px 6px;color:var(--ink)}.fam-row .role-lbl{font-size:11px;letter-spacing:1px;width:64px;color:#6b5423}.fam-row .rm{background:none;border:none;color:var(--red);font-size:16px;cursor:pointer}.outfit-row{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border-bottom:1px dotted #b09a6a;font-size:14px}.outfit-row .qty{display:flex;align-items:center;gap:10px}.outfit-row button{width:28px;height:28px;border-radius:6px;border:1px solid #8a6f3e;background:#fff9ea;color:var(--ink);font-size:15px;cursor:pointer}#end-stats{text-align:left;margin:12px 0;font-size:14px}#version{position:fixed;right:8px;bottom:2px;font-size:10px;opacity:.4;z-index:80}@media(max-width:1020px){.panel{width:260px}}@media(max-width:760px){#topbar{flex-wrap:wrap;height:auto}.tb-group{min-width:60px;padding:3px 8px}.panel{top:auto;bottom:64px;height:42vh;width:min(320px,46vw)}#jukebox{display:none}}