:root{--void: #111314;--steel: #1b1e20;--raised: #252a2d;--line: #42484b;--bone: #f1e8dc;--ash: #bec2c3;--ember: #f3a568;--brass: #c99465;--moss: #9caf83;--danger: #ffb4a9;--hover: #343c40;--selected: #44352c;--black: #090b0d;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--radius: 4px;--mono: Consolas, "Courier New", monospace;--body: "Segoe UI", sans-serif;color-scheme:dark;font-family:var(--body);color:var(--bone);background:var(--void);font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{min-height:44px;border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);color:var(--bone);padding:var(--s2) var(--s3);cursor:pointer;transition:background .12s,transform .12s}button:hover:not(:disabled){background:var(--hover);border-color:var(--brass)}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:2px solid var(--ember);outline-offset:3px}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--selected);border-color:var(--brass);color:var(--bone)}h1,h2,h3,p{margin:0}h1{font:28px/1.1 Georgia,serif}h2{font-size:20px;line-height:1.3;font-weight:600}h3{font-size:15px;font-weight:600}.eyebrow{font:12px / 1.5 var(--mono);letter-spacing:.08em;color:var(--brass)}.small{font-size:14px;color:var(--ash)}[hidden]{display:none!important}#app{max-width:1600px;margin:auto;padding:var(--s6)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-bottom:var(--s6)}.identity,.top-controls{display:flex;align-items:center;gap:var(--s3)}.sigil{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--brass);font:28px Georgia,serif;color:var(--ember)}.watch{font:14px var(--mono);color:var(--ash);padding-right:var(--s2)}.resource-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);margin-bottom:var(--s6);background:var(--steel)}.resource{padding:var(--s3) var(--s4);border-right:1px solid var(--line)}.resource:last-child{border:0}.resource label{display:block;font:12px var(--mono);color:var(--ash);text-transform:uppercase}.resource strong{font:24px / 1.5 var(--mono);color:var(--bone)}.resource small{display:block;font:12px var(--mono);color:var(--moss)}.resource small.negative{color:var(--danger)}.command-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s6);align-items:start}.world-column{min-width:0;display:grid;gap:var(--s4)}.world-panel,.captain-panel,.chronicle-panel,.objective-panel{background:var(--steel);border:1px solid var(--line)}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);padding:var(--s4);border-bottom:1px solid var(--line)}.panel-heading h2{margin-top:var(--s1)}.status{font:12px var(--mono);color:var(--moss);text-align:right}.world-footer{display:flex;justify-content:space-between;gap:var(--s2);padding:var(--s3) var(--s4);font:12px var(--mono);color:var(--brass);border-top:1px solid var(--line)}.world-footer span:last-child{color:var(--ash)}#world{aspect-ratio:16 / 9;background:var(--black);overflow:hidden}#world canvas{display:block!important;width:100%!important;height:100%!important;image-rendering:pixelated}.captain-panel{display:grid;grid-template-columns:40% minmax(0,1fr);overflow:hidden}.captain-panel img{width:100%;height:100%;object-fit:cover;object-position:45% center;min-height:300px}.captain-copy{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.captain-copy>p:not(.eyebrow){color:var(--ash);font-size:14px}.captain-copy button{display:flex;justify-content:space-between;gap:var(--s2)}.captain-copy button span{color:var(--brass);font-family:var(--mono)}.sanity-line label{font-size:14px;display:flex;justify-content:space-between;gap:var(--s2)}.sanity-line strong{font:14px var(--mono);color:var(--moss)}progress{appearance:none;display:block;width:100%;height:6px;border:0;margin-top:var(--s2);background:var(--black);accent-color:var(--brass)}progress::-webkit-progress-bar{background:var(--black)}progress::-webkit-progress-value{background:var(--brass)}progress::-moz-progress-bar{background:var(--brass)}.objective-panel{padding:var(--s4);border-top:2px solid var(--brass)}.objective-panel h2{margin:var(--s2) 0}.objective-panel>p:not(.eyebrow){font-size:14px;color:var(--ash)}.objective-progress{margin:var(--s4) 0;font:14px var(--mono)}.objective-panel button{width:100%}.tabs{display:flex;border-bottom:1px solid var(--line);margin-top:var(--s4)}.tabs button{flex:1;background:transparent;border:0;border-radius:0;border-bottom:2px solid transparent;color:var(--ash)}.tabs button[aria-pressed=true]{color:var(--ember);border-bottom-color:var(--ember)}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) 0}.list-heading h2{font-size:15px}.list-heading span{font:12px var(--mono);color:var(--ash);text-align:right}.producer,.upgrade{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--s3);padding:var(--s4) 0;border-top:1px solid var(--line)}.producer[data-active=true]{background:var(--selected);padding-inline:var(--s3);border-left:2px solid var(--brass)}.tile-icon{width:64px;height:72px;align-self:center;background-image:url(/monastery/assets/monastery-tileset.png);background-repeat:no-repeat;image-rendering:pixelated}.row-head{display:flex;justify-content:space-between;gap:var(--s2)}.level{font:12px var(--mono);color:var(--brass)}.row-copy{font-size:14px;color:var(--ash);margin-top:var(--s1)}.flow{font:12px var(--mono);color:var(--moss);margin-top:var(--s2)}.row-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}.row-actions button{font-size:14px;flex:1;white-space:nowrap}.row-actions .buy{flex:2}.lock-reason{color:var(--ash);font:12px var(--mono);margin-top:var(--s2)}.archive-summary,.event-panel,.lore{padding:var(--s4);background:var(--steel);border:1px solid var(--line);margin-bottom:var(--s4)}.archive-summary p,.lore p,.event-panel p{color:var(--ash);font-size:14px;margin-bottom:var(--s3)}.archive-summary button{width:100%;margin-bottom:var(--s2)}.section-label{margin:var(--s4) 0;color:var(--brass)}.achievement{display:flex;align-items:start;gap:var(--s3);padding:var(--s3) 0;border-top:1px solid var(--line)}.achievement>span{color:var(--ash);font:20px var(--mono)}.achievement[data-earned=true]>span{color:var(--moss)}.achievement p{color:var(--ash);font-size:14px}.lore{margin-top:var(--s4)}.lore summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.lore p{margin-top:var(--s3)}#chronicle{padding:var(--s3) var(--s4);list-style:none;margin:0;max-height:180px;overflow:auto}#chronicle li{font:14px / 1.6 var(--mono);color:var(--ash);padding:var(--s1) 0;border-bottom:1px solid var(--raised)}.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-top:var(--s6);color:var(--ash);font:12px var(--mono)}.notice{position:fixed;bottom:var(--s6);left:50%;transform:translate(-50%);max-width:calc(100% - 32px);padding:var(--s3) var(--s6);border:1px solid var(--brass);background:var(--steel);color:var(--bone);z-index:10;box-shadow:0 8px 24px var(--black)}dialog{max-width:min(600px,calc(100% - 32px));width:600px;padding:var(--s6);background:var(--steel);color:var(--bone);border:1px solid var(--brass);border-radius:var(--radius)}dialog::backdrop{background:color-mix(in srgb,var(--black) 85%,transparent)}dialog h2{margin-bottom:var(--s4)}dialog p{margin-bottom:var(--s3);color:var(--ash)}dialog .dialog-close{width:100%;margin-top:var(--s4)}dialog textarea{width:100%;min-height:120px;background:var(--black);color:var(--bone);border:1px solid var(--line);padding:var(--s3);font:14px var(--mono)}.dialog-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0}.dialog-actions button{flex:1}dialog ol{padding-left:var(--s6);color:var(--ash)}dialog li{margin-bottom:var(--s3)}.event-panel:empty{display:none}@media(min-width:1600px){#app{padding:var(--s8)}}@media(max-width:1000px){.command-grid{grid-template-columns:1fr}.world-column{grid-template-columns:1fr 1fr}.world-panel{grid-column:1 / -1}.captain-panel{grid-template-columns:36% 1fr}.chronicle-panel{align-self:stretch}.panel-heading{flex-wrap:wrap}.resource{padding:var(--s3)}.top-controls{flex-wrap:wrap;justify-content:end}}@media(max-width:600px){#app{padding:var(--s3)}.topbar{align-items:start;flex-direction:column;padding-bottom:var(--s4)}.top-controls{width:100%;justify-content:start;gap:var(--s2)}.watch{margin-right:auto}.resource-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:var(--s4)}.resource:nth-child(3){border-right:0}.resource:nth-child(-n+3){border-bottom:1px solid var(--line)}.resource strong{font-size:20px}.world-column{grid-template-columns:1fr}.world-panel{grid-column:auto}.panel-heading{gap:var(--s2)}.panel-heading h2{font-size:15px}.status{font-size:12px}.world-footer{flex-direction:column}.captain-panel{grid-template-columns:36% minmax(0,1fr)}.captain-panel img{min-height:360px}.captain-copy{padding:var(--s3)}.captain-copy h2{font-size:20px}.sanity-line label{flex-wrap:wrap}.row-actions button{padding:var(--s2)}.producer,.upgrade{grid-template-columns:48px minmax(0,1fr);gap:var(--s2)}.tile-icon{transform:scale(.75);transform-origin:left center;width:48px}.list-heading span{max-width:40%}.footer{flex-wrap:wrap}.footer #save-status{order:3;width:100%}.objective-panel{margin-top:var(--s2)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:1001px){.world-column{position:sticky;top:16px}#rooms,#research,#archive{max-height:760px;overflow:auto;scrollbar-color:var(--line) var(--void);padding-right:8px}}#world canvas,.tile-icon{image-rendering:auto}