@font-face{font-family:Chicago;src:url('assets/ChicagoFLF.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#888;background-image:repeating-conic-gradient(#aaa 0% 25%,#777 0% 50%);background-size:2px 2px;color:#000;font:12px Chicago,Geneva,Arial,sans-serif;min-height:100vh}button,select,textarea{font:inherit;color:#000}button{cursor:pointer;background:#fff;border:1px solid #000;border-radius:4px;padding:1px 10px;line-height:16px}button:active{background:#000;color:white}button:disabled{color:#888;cursor:default}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px dotted #000;outline-offset:2px}.desktop{padding:30px 8px;display:flex;flex-direction:column;align-items:center;min-width:528px}.screen-frame{width:1024px;height:684px;border-radius:7px;box-shadow:0 0 0 1px #000,0 3px 12px #0005;overflow:hidden}.mac{width:512px;height:342px;position:relative;transform:scale(2);transform-origin:top left;background:#fff;overflow:hidden;isolation:isolate;font-weight:normal}.menubar{position:absolute;inset:0 0 auto;height:21px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #000;padding:0 7px;z-index:2;gap:0}.menubar button{border:0;border-radius:0;box-shadow:none;height:20px;padding:0 7px;line-height:20px;font:12px Chicago,Geneva,sans-serif}.menubar button:hover{background:#000;color:white}.menubar .apple{font-family:Arial;font-size:16px;padding:0 8px}.menutime{margin-left:auto;font-size:11px;padding-right:4px}.window{position:absolute;background:#fff;border:1px solid #000;overflow:hidden}.window h1,.window h2{height:18px;line-height:16px;text-align:center;margin:0;font:12px/16px Chicago,Geneva,sans-serif;border-bottom:1px solid #000;background:#fff;position:relative;font-weight:normal}.window h1:before,.window h2:before{content:'';position:absolute;inset:4px 4px;background:repeating-linear-gradient(to bottom,#000 0 1px,#fff 1px 2px);z-index:0}.window h1 span,.window h2 span{position:relative;padding:0 5px;background:white;z-index:1}.movement{left:-1px;top:21px;width:150px;height:83px}.movement-body{position:relative;height:64px}.arrows button{position:absolute;width:20px;height:15px;padding:0;border:0;border-radius:0;background:#fff}.arrows button img{display:block;width:20px;height:15px;image-rendering:pixelated}.arrows button:active img{filter:invert(1)}.arrows button:disabled{opacity:.4}.p150{left:8px;top:9px}.p151{left:32px;top:9px}.p152{left:56px;top:9px}.p128{left:8px;top:25px}.p129{left:32px;top:25px}.p130{left:56px;top:25px}.p131{left:8px;top:41px}.p132{left:32px;top:41px}.p133{left:56px;top:41px}#pickup{position:absolute;left:82px;top:36px;width:60px;height:20px;padding:0;font-size:12px;border-radius:4px}.news{left:148px;top:21px;width:365px;height:83px}#news{height:64px;padding:1px 17px 1px 5px;overflow:auto;scrollbar-width:none;font-size:12px;line-height:15px}#news p{margin:0;min-height:15px}#news p:last-child{background:#000;color:#fff;display:table}.scrollbar{position:absolute;right:0;top:18px;width:15px;height:calc(100% - 18px);border-left:1px solid;background:#fff;display:flex;flex-direction:column;pointer-events:none}.scrollbar span{height:15px;line-height:13px;text-align:center;font:13px Arial;border-bottom:1px solid}.scrollbar span:last-child{border-top:1px solid;border-bottom:0}.scrollbar i{flex:1;background:repeating-conic-gradient(#fff 0% 25%,#ccc 0% 50%);background-size:2px 2px}.view{left:-1px;top:103px;width:306px;height:240px}.view h1{height:20px;line-height:18px}.view h1:before{display:none}.view-wrap{position:relative}canvas{display:block;width:304px;height:218px;image-rendering:pixelated}.view-footer,#peek-label{display:none!important}.inventory{left:304px;top:103px;width:209px;height:151px}.inventory h2{height:20px;line-height:18px}.inventory h2:before{display:none}.inventory .scrollbar{top:20px;height:calc(100% - 20px)}#inventory{height:130px;padding:2px 15px 2px 0;overflow:auto;scrollbar-width:none}.item{display:block;width:100%;text-align:left;border:0;border-radius:0;padding:0 5px;height:16px;line-height:16px;white-space:nowrap;font-size:12px}.item[aria-selected=true]{background:#000;color:#fff}.status{left:304px;top:254px;width:209px;height:89px}.status h2{height:17px;line-height:15px}.status h2:before{display:none}.status-body{position:relative;height:70px;font-size:12px}.status-body>*{position:absolute;font-weight:normal;line-height:14px;white-space:nowrap}.pres-label{left:4px;top:3px}#prestige{left:66px;top:3px}.gold-label{left:121px;top:3px}#gold{left:156px;top:3px}.health-label{left:4px;top:25px}#health{left:52px;top:25px;width:52px}.speed-label{left:111px;top:25px}#speed{left:158px;top:24px;width:29px;border:0;background:white;appearance:none;border-radius:0;padding:0;font-size:12px;height:16px}.hunger-label{left:4px;top:47px}#hunger{left:56px;top:47px;width:34px}.weight-label{left:95px;top:47px}#weight{left:147px;top:47px;width:59px}meter{appearance:none;-webkit-appearance:none;border:1px solid #000;height:13px;background:#fff}meter::-webkit-meter-bar{background:#fff;border:0;border-radius:0}meter::-webkit-meter-optimum-value{background:#888;border-radius:0}meter::-moz-meter-bar{background:#888}#compass-arrow{left:184px;top:20px;width:20px;height:26px;font:22px Arial}.outside{display:flex;justify-content:space-between;width:1024px;margin-top:16px;gap:20px;color:#fff;text-shadow:1px 1px #333;font:11px monospace}.outside button{font:11px monospace;color:#fff;border:0;background:none;text-decoration:underline;text-shadow:1px 1px #333;padding:2px 5px}.small .screen-frame{width:512px;height:342px}.small .mac{transform:scale(1)}.small .outside{width:512px}dialog{border:1px solid #000;box-shadow:0 0 0 3px #fff,0 0 0 4px #000;background:white;color:#000;width:480px;max-width:calc(100% - 32px);padding:0;font:12px Chicago,Geneva,Arial,sans-serif}dialog::backdrop{background:#0002}.dialog-title{height:21px;line-height:20px;border-bottom:1px solid;text-align:center;background:#fff;font-size:12px}#dialog-body{padding:18px;max-height:65vh;overflow-y:auto;line-height:1.5}#dialog-body p:first-child{margin-top:0}#dialog-actions{padding:10px 18px 15px;display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}#dialog-actions button{min-width:70px}#dialog-actions .primary{outline:2px solid;outline-offset:2px}.muted{font:11px/1.5 Geneva,Arial,sans-serif;color:#555}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;font-size:12px}.map-layout{display:grid;grid-template-columns:160px 1fr;gap:14px}.map-layout textarea{width:100%;min-height:110px;border:1px solid;padding:5px;resize:vertical;font:12px Chicago,monospace}.map-grid{display:grid;aspect-ratio:1;border:1px solid;align-self:start}.map-cell{aspect-ratio:1;padding:0;border:0;border-radius:0;position:relative;background:#888;font:12px Chicago;min-width:0}.map-cell.known{background:repeating-conic-gradient(#fff 0% 25%,#999 0% 50%);background-size:2px 2px}.map-cell.walked{background:#fff}.map-cell.selected{outline:1px dotted;outline-offset:-3px;z-index:1}.map-cell .pos{position:absolute;inset:22%;border:1px solid;border-radius:50%;background:#fff}.map-cell .note{position:absolute;top:0;right:1px}.legend{white-space:pre-line;font-size:11px}.menu-popup{position:fixed;z-index:10;background:#fff;border:1px solid #000;box-shadow:1px 1px #000;min-width:175px;padding:3px 0;font:12px Chicago,Geneva,sans-serif}.menu-popup button{display:block;width:100%;border:0;border-radius:0;text-align:left;padding:2px 14px;line-height:18px;background:#fff}.menu-popup button:hover{background:#000;color:white}.menu-popup hr{border:0;border-top:1px dotted #000;margin:3px 0}.menu-popup button:disabled{color:#999}.original-help{white-space:pre-wrap;font:12px/1.4 Chicago,Geneva,sans-serif}@media(max-width:1050px){.screen-frame{width:512px;height:342px}.mac{transform:scale(1)}.outside{width:512px}.desktop{padding-top:30px}}@media(max-width:540px){.desktop{align-items:flex-start;padding:12px 8px}.outside{font-size:10px}}
dialog.original-map{position:fixed;margin:0;width:500px;height:310px;max-width:none;max-height:none;border:1px solid;box-shadow:0 0 0 2px #fff,0 0 0 3px #000;padding:0;overflow:hidden}.original-map::backdrop{background:transparent}.original-map .dialog-title{display:none}.original-map #dialog-body{padding:0;overflow:visible;max-height:none}.original-map #dialog-actions{position:absolute;left:45px;top:8px;padding:0;display:block}.original-map #dialog-actions button{width:112px;height:24px;outline:0;font-size:12px}.original-map .map-layout{display:block}.original-map .map-grid{position:absolute;left:204px;top:8px;width:296px;height:296px}.original-map .map-layout textarea{position:absolute;left:10px;top:164px;width:182px;height:100px;min-height:100px;resize:none}.original-map .map-layout>div:first-child>button{position:absolute;left:41px;top:280px;width:120px;height:24px;padding:0}.original-map .legend{position:absolute;margin:0;font-size:12px;line-height:19px}.original-map .legend:first-child{top:37px;left:35px}.original-map .legend:nth-child(2){top:56px;left:35px}.original-map .legend:first-child:before{content:'';position:absolute;left:-25px;top:-2px;width:18px;height:18px;border:1px solid;border-radius:50%}.original-map .legend:nth-child(2):before{content:'';position:absolute;left:-23px;top:2px;width:12px;height:12px;border-radius:50%;background:#000}.original-map .map-cell.selected{outline:0}.notes-pointer{position:absolute;width:45%;height:45%;left:27.5%;top:27.5%;border-radius:50%;background:#000}.original-map .map-cell{border-color:#000;box-shadow:none}.original-map .map-cell .pos{inset:5%;border:1px solid;border-radius:50%}
.original-map #dialog-actions button{padding:0;white-space:nowrap}.original-map .map-layout>div:first-child>button{white-space:nowrap}.original-map .legend:nth-child(2){white-space:pre-line}.original-map .map-grid{border:0}.original-map .map-cell{border-style:solid!important}
.original-map .map-layout>div:first-child:after{content:'';position:absolute;left:10px;top:75px;width:20px;height:57px;border:1px solid #000;background:linear-gradient(to bottom,#fff 0 18px,transparent 18px 37px,#888 37px),repeating-conic-gradient(#fff 0% 25%,#999 0% 50%);background-size:auto,2px 2px}
/* All original-sized text sits on a 12px grid. Zoom keeps layout edges aligned. */
@font-face{font-family:Chicago;src:url('assets/ChicagoGrid.ttf') format('truetype');font-display:block}
.mac{transform:none;zoom:2;image-rendering:pixelated;font-synthesis:none}.small .mac{transform:none;zoom:1}.menutime,.legend{font-size:12px}.screen-frame{border-radius:0;box-shadow:0 0 0 1px #000}.desktop{align-items:flex-start}.screen-frame,.outside{margin-left:auto;margin-right:auto}.status-body meter::-webkit-meter-optimum-value{background:repeating-conic-gradient(#000 0 25%,#fff 0 50%);background-size:2px 2px}
@media(max-width:1050px){.mac{transform:none;zoom:1}}
#dialog-body label{display:block;margin:10px 0}#dialog-body input{font:inherit;max-width:100%;border:1px solid #000;padding:3px 5px}#dialog-body input[type=number]{width:65px;margin-left:8px}#dialog-body canvas{margin:auto}
dialog.original-glasses{position:fixed;margin:0;width:134px;height:106px;max-width:none;max-height:none;box-shadow:1px 1px #000;border:1px solid #000;padding:0;overflow:hidden}.original-glasses::backdrop{background:transparent}.original-glasses .dialog-title{height:18px;line-height:16px}.original-glasses #dialog-body{padding:8px;overflow:visible}.original-glasses #dialog-body>div{height:24px;display:flex;align-items:flex-start;justify-content:space-between;white-space:nowrap}.original-glasses #dialog-body button{width:20px;height:16px;padding:0;border:0;border-radius:0}.original-glasses img{width:20px;height:15px;image-rendering:pixelated}.original-glasses #dialog-actions{position:absolute;left:31px;top:74px;padding:0}.original-glasses #dialog-actions button{width:60px;min-width:60px;height:20px;padding:0;outline:0}

/* Real scroll controls; mirrored pixel paths replace mismatched Unicode arrows. */
.scrollbar{pointer-events:auto}.scrollbar button{display:block;flex:none;width:14px;height:15px;padding:1px;border:0;border-bottom:1px solid #000;border-radius:0;line-height:0;background:#fff;color:#000}.scrollbar .scroll-down{border-top:1px solid #000;border-bottom:0}.scrollbar svg{display:block;width:11px;height:11px;shape-rendering:crispEdges;fill:#fff;stroke:#000;stroke-width:1}.scroll-down svg{transform:rotate(180deg)}.scrollbar button:active{background:#000}.scrollbar button:active svg{fill:#000;stroke:#fff}.scrollbar .scroll-track{flex:1;height:auto;border:0;background:repeating-conic-gradient(#fff 0% 25%,#aaa 0% 50%);background-size:2px 2px}.original-map{font-synthesis:none}.original-map .map-cell{aspect-ratio:auto}

/* Map walls share one original-resolution framebuffer; buttons only hit-test. */
.original-map .map-grid canvas{position:absolute;left:0;top:0;width:296px;height:296px;margin:0!important;image-rendering:pixelated;pointer-events:none}.original-map .map-cell,.original-map .map-cell.known,.original-map .map-cell.walked,.original-map .map-cell:active{border:0!important;border-radius:0;background:transparent;z-index:1;min-height:0}.original-map .map-cell:focus-visible{outline:1px dotted #000;outline-offset:-4px}
.original-map .map-layout>div:first-child:after,.original-map .legend:nth-child(2):after{display:none}.original-map .map-legend-patterns{position:absolute;left:10px;top:75px;width:20px;height:58px;margin:0!important;image-rendering:pixelated}