/* Peatbloom's own timber-and-linen game skin. No image/font assets copied from reference games. */
body.game-ui{--paper:#eddbad;--paper-light:#f8eac8;--ink:#473224;--muted:#796448;--line:#b99964;--green:#55724e;font-size:17px}
.game-ui button{border:2px solid #90663f;border-radius:2px;background:#e7cd98;box-shadow:inset 0 2px #f8e8b9,inset 0 -2px #c9a770,0 2px #63462e;padding:6px 12px;transition:background-color .1s;white-space:normal}
.game-ui button:hover:not(:disabled){transform:none;filter:brightness(1.06);background-color:#f0dbab}.game-ui button:active:not(:disabled){transform:translateY(1px)}
.game-ui button:focus-visible{outline:3px solid #4d776b;outline-offset:2px}.game-ui button:disabled{opacity:.48}.game-ui .primary{background:#617e50;border-color:#3b5634;color:#fff3cc;box-shadow:inset 0 2px #9eae74,inset 0 -2px #3c5b38,0 2px #3c4430}
.game-ui .primary:hover:not(:disabled){background:#6b8755}.game-ui h3{font-size:23px}.game-ui h4{font-size:18px}.game-ui .small{font-size:15px}.game-ui .eyebrow{font-size:12px;letter-spacing:.07em;color:#8b6945}
.game-ui .wood-panel{background:#533e2df0;border:3px solid #34291f;outline:1px solid #d3a565;border-radius:2px;box-shadow:inset 0 0 0 1px #987447,0 4px #16281b55}
.game-ui .status{top:15px;left:15px;width:223px;padding:9px 11px;font-size:14px}.game-ui .status-top{font-size:16px;color:#f1d79a}.game-ui .date-line{font-size:14px}.game-ui .vital{font-size:13px;grid-template-columns:39px 1fr 22px}.game-ui .vital meter{height:12px;border-radius:0}
.game-ui .purse{top:15px;right:15px;min-width:185px;padding:7px 12px}.game-ui .purse #coins{font-size:21px}.game-ui .purse #reputation{font-size:12px}
.game-ui #quick-menu{top:101px;right:15px;display:flex;gap:1px;padding:3px}.game-ui #quick-menu button{position:relative;width:39px;height:40px;padding:4px;color:#ecd3a3;border:1px solid transparent;box-shadow:none;background:transparent}.game-ui #quick-menu button:hover{background:#745335;border-color:#d9b57b}.game-ui #quick-menu svg{width:25px;height:25px}.game-ui #quick-menu span{display:none}.game-ui #quick-menu kbd{position:absolute;bottom:-2px;right:0;font-size:10px;opacity:.85;border:0}
.game-ui #chapter{top:153px;left:15px;width:223px;padding:7px 10px;display:flex;flex-direction:column;gap:4px}.game-ui #chapter .eyebrow{color:#f0d397;font-size:13px;letter-spacing:0}.game-ui #chapter>span:last-child{font-size:12px;color:#c4bea0}
.game-ui #hotbar{bottom:20px;border:3px solid #513623;border-radius:2px;outline:2px solid #cb9d61;gap:3px;padding:5px;background:#977247;box-shadow:inset 0 0 0 1px #e8c387,0 5px #26382680}.game-ui #hotbar button{width:53px;height:53px;border:2px solid #62472f;background:#cba773;box-shadow:inset 0 2px #e3c792,inset 0 -2px #a87d4e}.game-ui #hotbar button.active{border-color:#fff0b2;background:#e6c786;outline:2px solid #774827;box-shadow:inset 0 0 0 2px #f6e2a2}.game-ui #hotbar canvas{width:36px;height:36px}.game-ui #hotbar kbd{font-size:11px;color:#62472f;font-weight:bold}.game-ui #hotbar button span{bottom:65px;font-size:13px;background:#4e3a28;border:1px solid #caa777;border-radius:0;max-width:180px}.game-ui #hotbar button.active:not(:hover) span{display:none}
.game-ui #prompt{bottom:94px;padding:5px 11px;background:#4f3d2ef2;border:2px solid #bd975e;border-radius:2px;font-size:16px;max-width:min(530px,85vw)}.game-ui #controls-hint{display:none}
.game-ui #toasts{left:16px;top:auto;bottom:22px;transform:none;width:min(310px,28vw);gap:4px}.game-ui .toast{text-align:left;padding:6px 9px;font-size:14px;background:#445538f0;border-radius:2px;border:2px solid #c1a070;box-shadow:0 3px #273b2c70;animation:none}.game-ui .toast.error{background:#734634}
.game-ui #panel{width:min(1010px,calc(100vw - 32px));max-height:calc(100dvh - 44px);border:4px solid #62422b;outline:2px solid #cd9c60;border-radius:2px;background:#ead4a4;box-shadow:inset 0 0 0 2px #f8e6ba,0 8px #24362866,0 20px 70px #0c201b80;overflow:hidden}
.game-ui #panel::backdrop{background:#10241d65;backdrop-filter:none}.game-ui #panel>header{padding:11px 19px 10px;border-bottom:2px solid #b38c58;background:#dfbf85;min-height:65px;gap:10px}.game-ui #panel>header h2{font-size:26px;line-height:1.1}.game-ui #panel .close{width:33px;height:32px;line-height:22px;font-size:26px;padding:0;color:#f6deaf;background:#966147;border-color:#69412c;box-shadow:inset 0 1px #c49766}
.game-ui #game-tabs{display:flex;align-items:center;gap:4px;padding:8px 12px 0;background:#715034;overflow-x:auto;flex-shrink:0}.game-ui #game-tabs[hidden]{display:none}.game-ui #game-tabs button{display:flex;align-items:center;gap:6px;position:relative;padding:6px 12px;font-size:14px;border-bottom:0;background:#c5a06a;color:#523925;min-height:40px;box-shadow:inset 0 2px #e9cc92}.game-ui #game-tabs button[aria-pressed=true]{background:#eddbad;color:#3d563b}.game-ui #game-tabs svg{width:22px;height:22px}.game-ui #game-tabs kbd{display:none}
.game-ui #panel-tabs{padding:5px 18px;min-height:0;gap:5px;background:#e5c892;border-bottom:1px solid #b28a56;flex-wrap:wrap}.game-ui #panel-tabs:empty{display:none}.game-ui #panel-tabs button{font-size:14px;padding:5px 11px;border:0;border-bottom:2px solid transparent;box-shadow:none;background:transparent}.game-ui #panel-tabs button.active{border-bottom-color:#576d44;color:#405b38;background:#f3e4bc}
.game-ui #panel-body{padding:17px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a87d4d #e3ca96;min-height:0;max-height:calc(100dvh - 240px)}.game-ui #panel>footer{padding:6px 19px;border-top:1px solid #bf9e6c;font-size:12px;background:#dcc08c}.game-ui #panel footer span{font-size:12px}
.game-ui .toolbar{gap:8px;margin:0 0 12px;align-items:center}.game-ui .toolbar input,.game-ui .toolbar select{font-size:16px;padding:7px 10px;border:2px solid #b18a55;border-radius:2px;background:#f5e7c2;min-width:0;max-width:100%}.game-ui .toolbar input{flex:1}.game-ui .toolbar label{font-size:14px;white-space:nowrap}.game-ui select,.game-ui input{accent-color:#55704b}.game-ui input[type=checkbox]{width:16px;height:16px}
.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:19px;align-items:start}.slot-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:10px;background:#c7a271;border:2px solid #9e7547;box-shadow:inset 0 2px #ac824e,inset 0 -2px #e0c28b}
.game-ui .item-slot{aspect-ratio:1;position:relative;display:flex;justify-content:center;align-items:center;min-width:0;width:100%;height:auto;padding:3px;background:#e4c99a;border:2px solid #af8656;border-radius:1px;box-shadow:inset 2px 2px #bc9864,inset -2px -2px #f6e1b4}.game-ui .item-slot:hover{background:#f2dfb6}.game-ui .item-slot.selected{border-color:#698253;outline:2px solid #e9edba;outline-offset:-4px;background:#efe1b1}.game-ui .item-slot canvas{width:min(40px,100%);height:auto;aspect-ratio:1}.game-ui .item-slot.empty-slot{opacity:.48}.slot-count{position:absolute;right:3px;bottom:1px;font-size:13px;font-weight:bold;color:#fff9da;text-shadow:1px 1px #5b4029,-1px -1px #5b4029,1px -1px #5b4029,-1px 1px #5b4029;line-height:1}.item-slot[data-quality='2']::after,.item-slot[data-quality='3']::after,.item-slot[data-quality='4']::after{content:'✦';position:absolute;top:-1px;right:2px;color:#d6a84a;text-shadow:1px 1px #8c693e;font-size:15px}.item-slot[data-quality='3']::after{color:#fff1a0}.item-slot[data-quality='4']::after{color:#be9fd4}
.item-inspector{padding:16px;border:2px solid #b18b58;background:#f1e2bc;box-shadow:inset 0 2px #fff0cd;min-width:0;min-height:225px}.item-inspector .card{padding:0;background:none;border:0;box-shadow:none}.game-ui .item-inspector h3{font-size:25px;line-height:1.2;margin-bottom:8px}.item-inspector p{margin:8px 0}.game-ui .item-inspector .item-head canvas{width:48px;height:48px}.item-inspector .actions{gap:7px;margin-top:15px}.item-inspector .actions button{font-size:15px}.item-inspector .focus-icon{float:none;margin:0 0 12px;width:70px;height:70px;border:2px solid #bd9a63;display:flex;align-items:center;justify-content:center;background:#ddc18c}.focus-icon canvas{width:56px;height:56px}.item-inspector .subtitle{font-size:13px}
.filter-chips{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:13px}.game-ui .filter-chips button{font-size:13px;padding:4px 9px;box-shadow:none;border:1px solid #b8915c}.game-ui .filter-chips button[aria-pressed=true]{background:#6b7f51;color:#fff0c5;border-color:#4e643f}
.slot-pagination{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin:9px 0;font-size:13px;color:#796145}.slot-pagination>span:first-child{margin-right:auto}.game-ui .slot-pagination button{padding:4px 9px;font-size:13px}
.recipe-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,355px);gap:18px}.recipe-list{display:flex;flex-direction:column;gap:3px;max-height:410px;overflow-y:auto;padding:5px;background:#d0ad7a;border:2px solid #ae8653;scrollbar-width:thin}.game-ui .recipe-entry{display:flex;align-items:center;gap:9px;text-align:left;width:100%;padding:5px 8px;min-height:48px;box-shadow:none;border:1px solid #c8aa75;background:#ebd7ad;font-size:16px}.game-ui .recipe-entry.selected{background:#f7ebc6;border:2px solid #6b804d;padding:4px 7px}.recipe-entry canvas{width:32px;height:32px;flex-shrink:0}.recipe-entry small{display:block;font-size:12px;color:#8a7151}.recipe-entry span{min-width:0}.recipe-focus h4{margin:18px 0 10px}.game-ui .ingredients{gap:5px;margin:10px 0}.game-ui .ingredient{padding:4px 7px;font-size:14px;border-radius:2px;border:1px solid #bda075}.game-ui .ingredient.have{background:#dbe0b1;color:#3d5c35}.game-ui .ingredient.missing{background:#e6c2a2;color:#7c402a}.recipe-reason{font-size:14px;min-height:38px;color:#755d3b}.recipe-focus>button{width:100%;margin:5px 0}.brew-row{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:14px;padding:7px 0}
.game-ui .card-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}.game-ui .card{padding:14px;border-radius:2px;background:#f0ddb3;border:1px solid #b6935f;box-shadow:none}.game-ui .card p{font-size:16px}.game-ui .callout{padding:10px 13px;margin-bottom:14px;border-radius:2px;background:#dbc593;border:1px solid #b89762;line-height:1.4}.game-ui .callout p{font-size:16px}.game-ui .history p{font-size:15px;line-height:1.45}.game-ui .tag{border-radius:2px;font-size:13px}.game-ui .peat-job,.game-ui .peat-chapter{border-radius:2px}.game-ui .peat-story h3{font-size:27px}.game-ui .peat-prose{font-size:18px;line-height:1.65}.game-ui .peat-prose p{margin-bottom:1em}.game-ui .peat-prose p:first-child:first-letter{font-size:inherit}.game-ui .peat-story-nav{gap:5px;margin-bottom:15px}.game-ui .peat-story-nav button{font-size:14px;padding:5px 9px}
.game-ui #panel.is-dialogue{width:min(930px,calc(100vw - 32px));margin:auto auto 4vh;max-height:85dvh}.game-ui #panel.is-dialogue>header{min-height:45px;padding:7px 14px}.game-ui #panel.is-dialogue>header h2{font-size:22px}.game-ui #panel.is-dialogue #panel-eyebrow{display:none}.game-ui #panel.is-dialogue #panel-body{padding:17px;max-height:calc(85dvh - 92px)}.dialogue-box{display:grid;grid-template-columns:144px minmax(0,1fr);gap:20px}.portrait-frame{align-self:start;background:#d7ba85;border:3px solid #8a603c;box-shadow:inset 0 0 0 2px #f3dcab;text-align:center;padding:9px 5px;display:flex;align-items:center;flex-direction:column;gap:7px}.portrait-frame canvas{width:112px;height:144px;background:radial-gradient(#e8d7a4,#bdbe8d)}.portrait-frame strong{font-size:20px}.portrait-frame small{font-size:12px;color:#775939}.bond-pips{display:flex;gap:4px}.bond-pips i{width:12px;height:10px;background:#af976d;border:1px solid #8e6e45;display:block}.bond-pips i.filled{background:#b97653;border-color:#724530;box-shadow:inset 1px 1px #e3a776}.dialogue-line{font-size:23px;line-height:1.5;min-height:95px;margin:10px 0 16px;color:#513923}.dialogue-pages{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:13px}.dialogue-choices{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid #c3a575;padding-top:12px;margin-top:12px}.game-ui .dialogue-choices button{font-size:14px;padding:6px 9px}.gift-picker{padding-top:14px;display:flex;gap:8px;flex-wrap:wrap}.gift-picker label{width:100%}.gift-picker select{max-width:100%;font-size:16px;padding:5px}
.neighbour-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.neighbour-tile{display:flex;gap:13px;padding:13px;background:#f0ddb3;border:2px solid #b5935d}.neighbour-tile canvas{width:56px;height:72px;flex-shrink:0;background:#d3c79a}.game-ui .neighbour-tile h3{font-size:20px}.neighbour-tile p{font-size:14px}.neighbour-tile button{font-size:13px;margin-top:8px;padding:4px 8px}.village-map{display:flex;gap:14px;margin-bottom:13px;align-items:center}.village-map p{max-width:580px}.game-ui .settings-grid{gap:25px}.game-ui .settings-grid p,.game-ui .key-table{font-size:15px}.game-ui .settings-grid h3{font-size:24px}
@media(max-width:800px){.game-ui #panel{width:calc(100vw - 16px);max-height:calc(100dvh - 22px)}.game-ui #panel-body{padding:12px;max-height:calc(100dvh - 220px)}.game-ui #game-tabs{gap:2px;padding:5px 5px 0}.game-ui #game-tabs button{font-size:12px;padding:5px 8px}.game-ui #game-tabs svg{width:19px;height:19px}.inventory-layout{grid-template-columns:minmax(0,1fr) minmax(210px,270px);gap:11px}.slot-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding:7px;gap:4px}.recipe-layout{grid-template-columns:1fr 1fr;gap:10px}.game-ui .status{width:190px}.game-ui #chapter{width:190px;top:150px}.game-ui #toasts{width:220px;bottom:97px}.game-ui .toolbar{flex-wrap:wrap}.neighbour-grid{grid-template-columns:1fr}.game-ui #panel.is-dialogue{margin:auto auto 2vh}.dialogue-line{font-size:20px}.game-ui #hotbar button{width:47px;height:47px}}
@media(max-width:540px){.game-ui #game-tabs button{padding:6px}.game-ui #game-tabs span{display:none}.game-ui #game-tabs svg{width:24px;height:24px}.inventory-layout,.recipe-layout{grid-template-columns:1fr}.slot-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.item-inspector{min-height:0}.recipe-list{max-height:230px}.game-ui .status{width:168px;padding:7px}.game-ui .status-top{font-size:13px}.game-ui .purse{min-width:0;max-width:155px;padding:7px}.game-ui .purse #coins{font-size:17px}.game-ui #quick-menu{top:105px;gap:0}.game-ui #quick-menu button{width:31px;height:34px}.game-ui #quick-menu svg{width:21px;height:21px}.game-ui #chapter{top:162px;width:166px}.game-ui #hotbar{bottom:19px;padding:3px;gap:2px}.game-ui #hotbar button{width:37px;height:42px}.game-ui #hotbar canvas{width:28px;height:28px}.game-ui #prompt{bottom:82px;font-size:14px}.game-ui #toasts{max-width:70vw;width:220px;bottom:143px}.dialogue-box{grid-template-columns:86px minmax(0,1fr);gap:10px}.portrait-frame{padding:6px 3px}.portrait-frame canvas{width:70px;height:90px}.portrait-frame strong{font-size:16px}.portrait-frame small{font-size:11px}.bond-pips{gap:2px}.bond-pips i{width:10px}.dialogue-line{font-size:18px;line-height:1.4}.game-ui .dialogue-choices button{font-size:13px}.game-ui #panel>header h2{font-size:23px}.game-ui .columns,.game-ui .settings-grid{grid-template-columns:1fr}.village-map{align-items:start;flex-direction:column}.game-ui #touch-controls{bottom:95px;right:12px;transform:scale(.8);transform-origin:right bottom}}
.game-ui .status-top #area-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:155px}.game-ui .status-top #weather{font-size:12px;white-space:nowrap;margin-left:5px}.game-ui .item-inspector .card{padding:0;background:none;border:0;box-shadow:none}.game-ui:has(#panel[open]) .toast:not(.error){display:none}

#game-feedback{color:#7b3727;background:#edc6a5;border-bottom:2px solid #a46440;padding:8px 18px;font-size:16px}#game-feedback[hidden]{display:none}

/* Long Roads: a compact topic rail, live requests and an optional corner guide. */
.game-ui #panel.is-dialogue:has(.topic-dialogue){width:min(1100px,96vw);max-height:76vh}
.topic-dialogue{grid-template-columns:112px minmax(0,1fr) 220px!important;align-items:start!important}
.topic-dialogue .dialogue-content{min-width:0}.topic-dialogue h3{margin:4px 0 10px}
.topic-list{border-left:2px solid #ad8656;padding-left:14px;display:flex;flex-direction:column;gap:5px;max-height:47vh;overflow-y:auto}
.topic-list button{display:flex;gap:8px;justify-content:space-between;text-align:left;white-space:normal;padding:7px 9px!important;font-size:.96rem!important}
.topic-list button.selected{background:#cfb584!important;box-shadow:inset 3px 0 #795033}
.topic-list small{font-size:.75rem;color:#765332;align-self:center}.topic-dialogue .dialogue-choices{gap:5px}.topic-dialogue .dialogue-choices button{font-size:.92rem!important}
.request-summary{padding:10px 12px;margin:12px 0;border-left:3px solid #8e683d;background:#dfca9d66;font-size:.95rem}.request-summary h4{margin:0 0 5px}.request-step{margin:4px 0}.request-step.complete{color:#426347}
.personal-link{margin:0 0 10px}.game-ui #panel.is-story .personal-link{display:none}
#first-steps{position:fixed;right:18px;bottom:106px;width:330px;max-width:calc(100vw - 30px);z-index:12;background:#ead8aa;border:3px solid #674530;box-shadow:inset 0 0 0 2px #c59e60,0 4px 0 #302b2366;padding:12px 15px;color:#493728;font-family:Almendra,Georgia,serif}
#first-steps[hidden]{display:none}#first-steps h3{font-size:1.15rem;margin:3px 0 8px}#first-steps p{font-size:1rem;line-height:1.45;margin:6px 0 12px}#first-steps button{padding:5px 9px;font-size:.9rem}#first-steps .eyebrow{color:#785437}
@media(max-width:760px){.topic-dialogue{grid-template-columns:80px minmax(0,1fr)!important}.topic-list{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;border-left:0;border-top:2px solid #ad8656;padding:8px 0;max-height:150px}.topic-list .eyebrow,.topic-list p{display:none}.topic-list button{flex:1 1 120px}.game-ui #panel.is-dialogue:has(.topic-dialogue){max-height:86vh}#first-steps{width:270px;bottom:92px;right:9px}}

/* Back-field books retain the existing mobile-safe scrolling panel. */
.hamlet-nav{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}
.hamlet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-top:20px}
.hamlet-grid>*{min-width:0}.hamlet-grid canvas{max-width:100%;object-fit:contain;image-rendering:pixelated}
.hamlet-grid [data-house-preview]{display:block;margin:auto;width:180px;height:auto}
.hamlet-talk{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;max-width:820px;margin:auto}
.hamlet-talk section{min-width:0}.hamlet-talk canvas{image-rendering:pixelated;max-width:100%}
.hamlet-talk select{width:100%;max-width:100%}.hamlet-talk .peat-prose{line-height:1.6}
@media(max-width:520px){.hamlet-talk{grid-template-columns:72px minmax(0,1fr);gap:12px}.hamlet-talk canvas{width:72px;height:auto}.hamlet-talk .hamlet-nav{display:grid}.hamlet-nav button,.hamlet-grid button{white-space:normal;overflow-wrap:anywhere}.hamlet-talk .peat-prose{font-size:1.02rem}}