/* The reading desk and notebook keep the existing in-game parchment UI. */
.hudActions{display:flex;gap:8px;pointer-events:none}.nextTaskButton{background:#435b3bec!important}.compactHud{gap:8px}
.journeyCard{padding:19px;border:2px solid #a7af71;border-radius:12px;background:#ecedcf;box-shadow:inset 0 0 18px #cbd09440}.journeyCard>small{font-size:13px;letter-spacing:1px;color:#607547}.journeyCard h2{margin:8px 0!important;font-size:23px!important;line-height:1.5}.journeyCard p{margin:8px 0 17px!important}.journeyContext{margin:20px 0;color:#746749}.journeyContext p{margin:4px 0!important}.journeyContext small{font-size:13px}
.readingHero{display:flex;align-items:center;gap:16px}.readingHero>.bagSprite{flex-shrink:0}.readingHero h2{margin:5px 0!important;font-size:24px!important;line-height:1.5}.readingHero p{margin:5px 0!important}.readingHero small,.readingMeta{font-size:13px;color:#78684a}.readingPortion{padding:16px 19px;background:#e9edce;border-left:3px solid #7b945b;border-radius:3px 10px 10px 3px;margin:18px 0}.readingPortion p{margin:8px 0!important;line-height:1.85}.readingPortion small{font-size:12px;color:#707448;line-height:1.7;display:block}
.readingStepper{display:flex;justify-content:space-between;gap:7px;margin:0 0 15px}.readingStepper span{border:1px solid #b8aa7b;border-radius:7px;padding:7px 9px;color:#887858;font-size:14px;background:#e9dfbd;flex:1;text-align:center}.readingStepper .done{background:#e2e9c9;color:#527242;border-color:#889e64}.readingStepper .current{background:#4b7055;color:#fff4d1;border-color:#4b7055}
.readingField{display:block;margin:15px 0;font-weight:600;font-size:15px;line-height:1.7}.readingField textarea,.readingField input,.readingField select{box-sizing:border-box;width:100%;display:block;border:1px solid #a99565;border-radius:7px;padding:10px 12px;background:#fffbee;color:#3c3b2b;font:400 16px/1.65 system-ui;margin-top:6px;max-width:100%}.readingField textarea{min-height:96px;resize:vertical}.readingField :focus-visible{outline:3px solid #6e9459;outline-offset:2px}.readingField ::placeholder{color:#918567;font-size:14px}.readingExternal,.readingSource{font-size:13px;color:#66754c;line-height:1.8}.readingExternal{display:inline-block;padding:7px 0}.readingSaveState{font-size:12px;color:#637e4e!important}
.readingDetails{border-bottom:1px solid #cabb90;padding:13px 2px;line-height:1.75}.readingDetails summary{cursor:pointer;font-size:15px;color:#526744;padding:5px 0;font-weight:600}.readingDetails p{font-size:14px;overflow-wrap:anywhere}.readingDetails small{display:block;font-size:12px;color:#887752}.readingRevision{padding:8px 18px;background:#fff9e4;border:1px solid #c7b386;border-radius:8px}.readingHistoryCard{border:1px solid #c7b487;border-radius:10px;padding:16px;margin:16px 0}.readingHistoryCard>small{font-size:12px;color:#7a7155}.readingHistoryCard h2{font-size:20px!important;margin:6px 0!important}
.itemIdentity{position:relative;display:flex!important;align-items:center;justify-content:center;background:var(--item-bg)!important;border:2px solid var(--item-border);border-radius:10px;box-sizing:border-box;overflow:hidden;box-shadow:inset 0 0 10px #ffffff60}.itemIdentity em{position:absolute;right:1px;bottom:0;font:700 12px/1.4 system-ui;font-style:normal;padding:0 4px;color:white;background:var(--item-border);border-radius:5px 0 0 0}.itemPicture{display:block;flex-shrink:0;background-repeat:no-repeat;image-rendering:pixelated}.itemIdentity>svg{width:65%;height:65%;color:var(--item-border);flex-shrink:0}.tone-leaf{--item-bg:#e6efc2;--item-border:#637c3b}.tone-water{--item-bg:#d4e9ee;--item-border:#386c85}.tone-violet{--item-bg:#e7ddec;--item-border:#795b8b}.tone-copper{--item-bg:#f5dfcb;--item-border:#a46b3d}.tone-gold{--item-bg:#f7e9b9;--item-border:#9c7a24}.tone-earth{--item-bg:#e2d4bd;--item-border:#826843}.tone-teal{--item-bg:#d2e9da;--item-border:#3f7866}.bagdetail>.itemIdentity{margin:0 0 10px}.bagslot .itemIdentity{margin:5px auto}.bagdetail .gamebtn{line-height:1.5}.versionEntry summary{display:flex;gap:13px;align-items:center}.versionBadge{border:1px solid #9aa677;color:#5b6d44;border-radius:9px;padding:9px 11px;font:600 20px/1 system-ui;background:#e9eccd}.versionEntry li{margin:8px 0;font-size:14px}.versionEntry ul{padding-left:21px}.versionHash{font-family:monospace;overflow-wrap:anywhere}
@media(max-width:600px){.readingHero{gap:12px;align-items:flex-start}.readingHero h2{font-size:21px!important}.readingHero>.bagSprite{width:66px!important;height:66px!important}.journeyCard{padding:14px}.journeyCard h2{font-size:20px!important}.readingPortion{padding:12px 14px}.readingStepper span{font-size:13px;padding:7px 4px}.readingHistoryCard{padding:12px}.bagdetail>.itemIdentity{float:left;margin:0 14px 8px 0}.bagdetail .gamebtn{clear:both;font-size:14px}.itemIdentity .itemPicture{transform:scale(.86)}.hudDrawer .toptools{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){.compactHud .menuToggle{padding:7px 9px;gap:4px}.compactHud .menuToggle b{font-size:13px}.compactHud .menuToggle span{font-size:16px}.compactHud .seasonChip{padding:6px 9px;gap:3px;flex-direction:column;align-items:flex-start;min-width:78px}.compactHud .seasonChip b{font-size:16px}.compactHud .seasonChip small{font-size:12px}.hudActions{gap:6px}}
@media(max-width:340px){.compactHud .menuToggle span{display:none}.compactHud{left:8px;right:8px}.compactHud .seasonChip{min-width:70px}}