dialog#panel{background-image:repeating-linear-gradient(0deg,#806b2e04 0 1px,transparent 1px 4px)}#panel[open]::backdrop{animation:window-backdrop .24s ease-out}@keyframes window-backdrop{from{background-color:#142c2500;backdrop-filter:blur(0)}to{background-color:#142c25b8;backdrop-filter:blur(3px)}}
dialog#panel.journal-window{width:min(930px,calc(100vw - 40px));padding:14px 20px 18px;border:5px solid #424f35;background:#687b50;box-shadow:0 0 0 3px #b5a56e,0 0 0 7px #314830,8px 12px 0 #14271f77;overflow:visible}.journal-window #closePanel{position:absolute;top:-18px;right:-17px;float:none;background:#f4df9f;z-index:20}.journal-window #panelBody{clear:none}.traveler-journal{position:relative;background:#e9d6a3;border:2px solid #4c5b38;box-shadow:inset 0 0 0 3px #c9b781;padding:0 14px 12px;max-height:calc(100svh - 90px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#a2a477 #e9d6a3}.journal-header{display:flex!important;align-items:center;gap:16px;padding:17px 10px!important;background:transparent!important;border-bottom:2px dashed #b6a16b!important;color:#596343!important;margin:0!important}.journal-header>span{font:9px Georgia;letter-spacing:2px}.journal-header b{font-size:17px;color:#495d3d}.journal-header small{margin-left:auto;font-size:9px;color:#8a8058}.journal-tabs{display:flex;gap:5px;padding:12px 12px 0;position:relative;z-index:2;background:transparent}.journal-tabs button{min-height:40px;min-width:85px;padding:8px 18px;background:#b9c28c;color:#4b6041;border:2px solid #78875c;border-bottom:0;box-shadow:2px 0 #849168;font-size:13px;letter-spacing:2px}.journal-tabs button[aria-pressed=true]{background:#fbefc9!important;color:#4b6041!important;border-color:#a89d6c!important;transform:translateY(2px);z-index:2}.journal-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:0 8px;background:#fff1c9;border:2px solid #ac9d69;box-shadow:3px 4px 0 #bdac75;min-height:425px}.journal-spread:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:18px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#8f7b392b,#fff8d0,transparent);pointer-events:none}.journal-page{position:relative;padding:25px 25px 40px;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#9b986b13 27px 28px)}.journal-kicker{display:block;font-size:10px;color:#9a895b;letter-spacing:2px;margin-bottom:17px}.journal-page h2{font:700 25px/1.5 'Microsoft YaHei',sans-serif!important;margin:15px 0!important}.journal-page h3{font-size:17px!important;margin:12px 0 19px!important}.journal-page p{font-size:13px!important;color:#77805b!important}.journal-postcard{position:relative;height:130px;transform:rotate(-3deg);margin:5px 5px 22px;background:url('assets/pixel-harbour-lobby-v3.png') 22% 50%/cover;image-rendering:pixelated;border:7px solid #fff9df;box-shadow:3px 4px 0 #ab9a6555}.journal-postcard:before,.journal-postcard:after{content:'';position:absolute;top:-17px;width:55px;height:22px;background:#b6b58099;transform:rotate(-18deg)}.journal-postcard:before{left:-13px}.journal-postcard:after{right:-13px;transform:rotate(15deg)}.journal-postcard span{position:absolute;bottom:0;left:0;right:0;background:#294f3cbb;color:#fbefc7;font:8px Georgia;letter-spacing:2px;padding:6px}.journal-postcard.small{height:110px;margin-top:14px;background-position:4% 50%;transform:rotate(3deg)}.journal-seal{display:grid;place-items:center;position:absolute;right:20px;bottom:38px;width:72px;height:72px;border:3px double #a48b61;color:#a48b61;border-radius:50%;transform:rotate(-16deg);font-weight:bold;font-size:15px}.journal-seal.earned{border-color:#62865a;color:#62865a}.page-number{position:absolute;bottom:13px;left:0;right:0;text-align:center;font:11px Georgia;color:#b1a16d}.journal-route{display:grid;gap:0;margin:13px 0}.journal-route>div{display:flex;align-items:center;gap:14px;position:relative;min-height:64px}.journal-route>div:not(:last-child):after{content:'';position:absolute;left:14px;top:43px;bottom:-13px;border-left:2px dashed #b5b17d}.journal-route i{font-style:normal;flex-shrink:0;background:#ece0b4;border:2px solid #afa875;width:29px;height:29px;display:grid;place-items:center;color:#9a9361;font-size:12px;z-index:1}.journal-route .done i{color:#fff3c9;background:#6e875a;border-color:#597344}.journal-route b{font-size:13px;color:#5c6e49}.journal-route small{display:block;font-size:11px;margin-top:6px;color:#96916b}.journal-stars{display:flex;gap:12px;align-items:center;margin:15px 0}.journal-stars .stars{margin:0;gap:5px}.journal-stars .stars span{font-size:25px}.journal-stars .on{color:#d3a043!important}.journal-stars .off{color:#cebf8b!important}.journal-stars>small{font-size:10px;color:#93865d}#panelBody .journal-action{display:block;min-height:43px;border:2px solid #7e8c5b;background:#e3e8bf;color:#536942;font-size:12px;padding:10px 14px;box-shadow:2px 2px 0 #c2b17c;margin:16px 0;cursor:pointer}.margin-note{display:block;font-size:10px;line-height:1.9;color:#9d9267}.journal-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 0;color:#9c8c61;font:11px Georgia}.journal-footer button{background:transparent;border:0;color:#62774d;min-height:35px;padding:5px 10px;font-size:12px;cursor:pointer}.word-sketch{margin:30px auto;font:70px Georgia;color:#a8ad79;text-align:center;transform:rotate(-9deg);text-shadow:3px 3px #e5d9a9}.word-sketch small{display:block;font:italic 14px Georgia;letter-spacing:2px}.journal-word-list{display:grid;gap:9px}.journal-word-list>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #d1c393;padding:5px 0 9px}.journal-word-list b{font:15px Georgia;color:#5b754e}.journal-word-list span{font-size:10px;color:#96906b;text-align:right;line-height:1.6;max-width:45%}.journal-souvenirs{display:flex;gap:10px;margin:35px 0 20px}.journal-souvenirs>div{display:grid;justify-items:center;gap:8px;flex:1;filter:grayscale(1);opacity:.45}.journal-souvenirs .owned{filter:none;opacity:1}.journal-souvenirs svg{width:55px;height:55px}.journal-souvenirs b{font-size:11px}.journal-souvenirs small{font-size:9px}.journal-collected{font:30px Georgia;color:#b99a49;margin:25px 0}.journal-collected small{font-size:11px;color:#93865d}
.map-window #panelBody>.course-topline,.supply-window #panelBody>.course-topline{display:none}.map-window .hall-card{position:relative;transform:rotate(-1deg);background:#fff4ce;border:5px solid #fff9e0;box-shadow:3px 4px 0 #b09c6555}.map-window .hall-card:nth-child(2){transform:rotate(1deg)}.map-window .hall-card-image{background-image:url('assets/pixel-harbour-lobby-v3.png');image-rendering:pixelated;height:155px}.map-window .hall-card-copy{padding:15px}.map-window .hall-card-copy h3{font-size:17px!important}.map-window .hall-roadmap{background:transparent;border:0;border-top:2px dashed #c7b783}.supply-window .hall-steps{gap:14px}.supply-window .hall-step{position:relative;transform:rotate(-2deg);background:#fff2c8;border:0;border-top:5px solid #99a575;box-shadow:3px 4px 0 #b5a46e55;padding:18px 10px;line-height:1.9}.supply-window .hall-step:nth-child(even){transform:rotate(2deg)}.supply-window .qword{transform:rotate(-1deg);border:0!important;border-top:5px solid #a8b37e!important}.supply-window .qword:nth-child(even){transform:rotate(1deg)}.supply-window .qword.done{border-top-color:#5c8453!important}.inventory-window .bag-grid{padding:17px;background:#9a8156;border:4px solid #665838;box-shadow:inset 0 0 0 2px #baa373}.inventory-window .bag-grid article{background:#d0bc86;border:2px solid #796c49;box-shadow:inset 2px 2px #7e704733;opacity:.75}.inventory-window .bag-grid article.owned{background:#f1dfa6;opacity:1}.activity-window .hub-activity-cards article{border:5px solid #fdf1c9;box-shadow:3px 4px #b9a46d66;transform:rotate(-1deg)}.activity-window .hub-activity-cards article:nth-child(even){transform:rotate(1deg)}
@media(max-width:650px){dialog#panel.journal-window{width:calc(100vw - 26px);padding:9px}.traveler-journal{padding:0 7px 10px;max-height:calc(100svh - 70px)}.journal-header{gap:9px;padding:17px 8px!important}.journal-header>span{font-size:7px;letter-spacing:1px}.journal-header b{font-size:14px}.journal-header small{display:none}.journal-tabs{padding-left:9px}.journal-tabs button{min-width:70px;padding:8px 14px;font-size:12px}.journal-spread{grid-template-columns:1fr;margin:0 3px}.journal-spread:after{display:none}.journal-page{padding:22px 19px 39px}.journal-page+.journal-page{border-top:2px dashed #c3b27e}.journal-page p{max-width:75%}.journal-page h2{font-size:23px!important}.journal-seal{right:16px;bottom:34px}.journal-postcard.small{height:130px}.journal-window #closePanel{top:-13px;right:-9px}.word-sketch{margin:20px auto}.journal-footer{padding:12px 7px 0}}
@media(prefers-reduced-motion:reduce){#panel[open]::backdrop{animation:none}}
.activity-window .activity-art{background-image:url(assets/pixel-harbour-lobby-v3.png);background-size:cover;background-position:25% 50%;font-size:0;image-rendering:pixelated}.activity-window .activity-art.postal{background-position:6% 60%}.journal-spread{transform-origin:5% 50%}.journal-tabs{position:sticky;top:0;background:#e9d6a3;padding-bottom:0;z-index:5}