/* Approved journal design. All selectors stay inside exploration; viewport pixels remain owned by map.js. */
#explorationMap{--journal-ink:#1a1915;--journal-leather:#604731;--journal-gold:#a39065;--journal-stone:#afa790;--journal-paper:#e1daca;--journal-teal:#22534f;--journal-bright:#1eb19f;--journal-light:#9adbd7;--journal-card:#e4decf;font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}
#explorationMap button{border:0;border-radius:0;box-shadow:inset 0 0 0 1px #60473155;background:#e1daca url('assets/ui/journal/paper-texture.png') center/180px;color:#604731;font-weight:800;text-shadow:none;clip-path:polygon(1% 0,99% 2%,100% 84%,94% 100%,0 97%);min-height:44px}
#explorationMap button:focus-visible,#explorationMap select:focus-visible,#explorationMap summary:focus-visible{outline:2px solid #1eb19f;outline-offset:-3px}
#explorationMap .map-top{left:12px;right:12px;gap:13px;top:max(14px,env(safe-area-inset-top))}
#explorationMap .map-heading{border:0;border-image:none;border-radius:0;box-shadow:none;max-width:calc(100% - 135px);width:205px;background:rgba(16,15,14,.74);padding:9px 11px}
#explorationMap .map-heading h2{color:#f1ece0;font-size:14px;font-weight:900;line-height:20px;text-shadow:0 1px #000;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #e1daca33}
#explorationMap .map-heading p{color:#e2dace;font-size:10px;line-height:15px;text-shadow:0 1px #000;margin:3px 0}
#explorationMap #expJourneyHud{color:#f1ece0;font-weight:600;line-height:16px}
#explorationMap .map-menu{gap:13px;max-width:none;flex-wrap:nowrap}
#explorationMap #explorationMapEquipment,#explorationMap #explorationMapBack,#explorationMap .map-menu button,#explorationMap #explorationMapMovement,#explorationMap .map-pad button{position:relative;display:grid;place-items:center;border:2px solid #a5947d88;border-image:none;border-radius:50%;clip-path:none;overflow:visible;padding:0;background-image:radial-gradient(circle at 35% 15%,#afa79015,transparent 52%),linear-gradient(#1a1915bd,#1a1915d4),url('assets/ui/journal/leather-texture.png');background-color:#1a1915;background-size:auto,auto,160px;box-shadow:inset 0 0 0 2px #e1daca19,0 0 0 1px #1a1915aa,0 3px 5px #1a191555;color:#eee5d3;font-weight:700;text-shadow:none}
#explorationMap .map-menu button{width:52px;height:52px;min-width:52px}
#explorationMap .glyph{display:block;width:30px;height:30px;fill:currentColor;stroke:none}
#explorationMap .exp-circle-label{position:absolute;left:0;right:0;top:calc(100% + 3px);line-height:14px;font-size:10px;color:#f1e8d5;letter-spacing:1px;text-shadow:0 1px 3px #1a1915,0 0 4px #1a1915;white-space:nowrap;text-align:center}
#explorationMap .map-minimap{border:1px solid #e1daca55;border-image:none;border-radius:0;box-shadow:none;background:#1a1915be;top:112px;right:13px;width:102px;height:76px;padding:4px}
#explorationMap .map-bottom{left:14px;right:auto;bottom:max(31px,env(safe-area-inset-bottom))}
#explorationMap .map-movement{gap:24px}
#explorationMap #explorationMapMovement{width:58px;height:58px;min-width:58px}
#explorationMap #explorationMapMovement .glyph{width:31px;height:31px}
#explorationMap .exp-expand-mark{position:absolute;left:18px;top:-10px;width:18px;height:16px;filter:drop-shadow(0 1px 2px #1a1915)}
#explorationMap .exp-expand-mark svg{width:100%;height:100%}
#explorationMap #explorationMapMovement[aria-expanded=true]{border-color:#e1daca}
#explorationMap #explorationMapMovement[aria-expanded=true] .exp-expand-mark{transform:rotate(180deg)}
#explorationMap .map-pad{gap:5px;grid-template-columns:48px 48px 48px;grid-template-rows:48px 48px 48px}
#explorationMap .map-pad button{width:48px;height:48px;min-width:48px;padding:0}
#explorationMap .map-pad .glyph{width:24px;height:24px}
#explorationMap .map-notice{background:#1a1915e8;border:1px solid #a3906588;color:#e1daca;border-radius:0}
#explorationMap .map-popup{padding:14px 12px;background:#1a1915c7;backdrop-filter:blur(1px)}
#explorationMap .map-popup>section,#explorationMap .battle-result-card{border:0;border-image:none;border-radius:0;position:relative;background:#e1daca url('assets/ui/journal/paper-texture.png') center/500px;box-shadow:0 12px 35px #0008;color:#1a1915;clip-path:polygon(1% 0,31% .2%,54% 0,98% .3%,100% 2%,99.5% 28%,100% 61%,99.8% 96%,98% 100%,48% 99.7%,1% 100%,0 97%,.3% 54%,0 2%)}
#explorationMap .map-popup p,#explorationMap .map-popup h4{color:#604731}
#explorationMap .map-popup h3,#explorationMap #expBattleOutcome{border:0;background:#e1daca url('assets/ui/journal/paper-texture.png') center/260px;color:#604731;box-shadow:inset 0 -1px #a39065a0;text-shadow:none;border-radius:0}
#explorationMap .map-popup>section.exp-character-panel{width:min(680px,100%);max-height:calc(var(--exp-map-height,100vh) - 28px);padding:5px;position:relative;background:#604731 url('assets/ui/journal/leather-texture.png') center/380px;border:0;border-image:none;overflow:hidden}
#explorationMap .exp-character-panel:before{content:'';position:absolute;top:4px;right:5px;bottom:5px;left:5px;background:#e1daca url('assets/ui/journal/paper-texture.png') center/500px;clip-path:polygon(2% .2%,15% 0,21% .6%,57% 0,65% .6%,87% 0,97% .4%,100% 2%,99.4% 10%,100% 17%,99.1% 26%,100% 34%,99.5% 43%,100% 52%,99.2% 67%,100% 78%,99.4% 89%,100% 97%,97% 100%,88% 99.5%,75% 99.3%,62% 100%,42% 100%,25% 100%,6% 100%,.3% 98%,.8% 87%,0 79%,1% 72%,0 57%,.8% 49%,0 40%,1% 33%,0 27%,.7% 18%,0 9%);box-shadow:inset 0 0 16px #60473144;pointer-events:none}
#explorationMap .exp-character-head,#explorationMap .exp-character-tabs,#explorationMap .exp-character-content,#explorationMap .exp-character-foot{position:relative;z-index:1}
#explorationMap .exp-character-head{height:73px;padding:7px 46px 9px;flex-shrink:0}
#explorationMap .exp-character-eyebrow{display:block;font-size:8px;letter-spacing:2px;color:#706044;text-align:center;margin-bottom:4px}
#explorationMap .exp-character-head h3{width:174px;height:39px;max-width:100%;display:grid;place-items:center;padding:0;margin:0;font-size:21px;font-weight:900;letter-spacing:4px;color:#604731;border:0;background:#e1daca url('assets/ui/journal/paper-texture.png') center/260px;clip-path:polygon(2% 0,44% 2%,99% 0,100% 89%,96% 100%,30% 98%,0 100%,1% 40%)}
#explorationMap #expCharacterClose{width:34px;min-width:34px;height:43px;min-height:43px;right:8px;top:9px;border:0;border-radius:0;background:#22534f url('assets/ui/journal/cloth-texture.png') center/110px;color:#e1daca;box-shadow:none;font-size:25px;clip-path:polygon(0 3%,16% 0,100% 3%,98% 40%,100% 100%,49% 81%,2% 98%)}
#explorationMap .exp-character-tabs{gap:4px;padding:0 10px 11px;margin:0;border:0;background:none;flex-shrink:0}
#explorationMap .exp-character-tabs button{border:0;height:43px;min-height:43px;background:#604731 url('assets/ui/journal/leather-texture.png') center/170px;color:#e1daca;box-shadow:inset 0 -2px #1a191555;letter-spacing:2px;font-size:13px;font-weight:900;clip-path:polygon(2% 0,18% 2%,49% 0,99% 0,100% 43%,98% 75%,100% 92%,66% 100%,42% 97%,14% 99%,0 91%,1% 64%)}
#explorationMap .exp-character-tabs button[aria-selected=true]{background-image:linear-gradient(#1eb19f45,#1eb19f22),url('assets/ui/journal/cloth-texture.png');background-color:#22534f;background-size:auto,170px;color:#e1daca;box-shadow:inset 0 -3px #1eb19fa0}
#explorationMap .exp-character-content{padding:9px 14px 13px;scrollbar-color:#a39065 #e1daca;color:#1a1915;min-height:0}
#explorationMap .exp-character-content [role=tabpanel]{min-width:0}
#explorationMap .exp-character-content h4.exp-section-heading{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:1px;color:#604731}
#explorationMap .exp-section-heading:after{content:'';display:block;flex:1;min-width:16px;height:1px;background:#a3906580}
#explorationMap .exp-section-label{display:inline-block;flex-shrink:0;padding:6px 10px;background:#22534f url('assets/ui/journal/paint-texture.png') center/180px;color:#e1daca;line-height:1.5;clip-path:polygon(1% 0,99% 2%,100% 82%,94% 100%,0 97%);text-shadow:0 1px #1a191555}
#explorationMap .exp-hero-block{grid-template-columns:106px 1fr;gap:11px;margin-bottom:16px}
#explorationMap .exp-hero-block h4{font-size:20px;font-weight:900;color:#604731;margin:2px 0 7px}
#explorationMap .exp-portrait{height:133px;border:0;border-radius:0;background:linear-gradient(#60473122,#60473144),url('assets/ui/journal/paper-texture.png');background-size:auto,220px;box-shadow:inset 0 0 0 1px #a3906566;clip-path:polygon(4% 0,44% 1%,100% 3%,99% 52%,100% 85%,87% 100%,1% 100%,0 74%)}
#explorationMap .exp-portrait canvas{width:155px;height:155px;left:-25px;bottom:-5px}
#explorationMap .exp-hero-level{top:6px;left:6px;border:0;border-radius:0;background:#22534f url('assets/ui/journal/paint-texture.png') center/130px;color:#e1daca;font-size:9px;padding:3px 6px}
#explorationMap .exp-meter{height:19px;border:0;border-radius:0;background:#afa790 url('assets/ui/journal/paper-texture.png') center/200px;box-shadow:inset 0 0 0 1px #60473155}
#explorationMap .exp-meter i{background-image:linear-gradient(#a39065aa,#a39065aa),url('assets/ui/journal/paper-texture.png');background-size:auto,180px}
#explorationMap .exp-meter.mp i{background-image:linear-gradient(#1eb19f88,#1eb19f88),url('assets/ui/journal/paint-texture.png');background-size:auto,160px}
#explorationMap .exp-meter span{font-weight:800;color:#1a1915;text-shadow:none;line-height:19px}
#explorationMap .exp-hero-status span,#explorationMap .exp-hero-status span+span{border:0;border-radius:0;background:#e4decf url('assets/ui/journal/paper-texture.png') center/140px;background-blend-mode:multiply;color:#1a1915;font-size:10px;padding:3px 6px}
#explorationMap .exp-stat-grid{gap:6px;margin:9px 0 17px}
#explorationMap .exp-stat-grid>div{border:0;border-radius:0;background:#e4decf url('assets/ui/journal/paper-texture.png') center/210px;background-blend-mode:multiply;color:#1a1915;box-shadow:inset 0 0 0 1px #60473155;padding:9px 10px;font-size:10px;clip-path:polygon(2% 0,67% 0,99% 3%,98% 33%,100% 90%,91% 100%,34% 100%,1% 96%,0 62%)}
#explorationMap .exp-stat-grid strong{font-size:19px;color:#1a1915;font-family:Arial,sans-serif;font-weight:900}
#explorationMap .exp-stat-grid small{color:#22534f;font-size:10px}
#explorationMap .map-popup .map-loadout{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex-wrap:nowrap}
#explorationMap .map-loadout figure{border:0;border-radius:0;background:#e4decf url('assets/ui/journal/paper-texture.png') center/230px;background-blend-mode:multiply;box-shadow:none;padding:6px;clip-path:polygon(2% 0,71% 2%,99% 0,100% 84%,92% 100%,31% 98%,0 99%)}
#explorationMap .map-loadout img,#explorationMap .map-loadout svg{background:#e1daca url('assets/ui/journal/paper-texture.png') center/120px;box-sizing:border-box;padding:3px}
#explorationMap .map-loadout figcaption,#explorationMap .map-loadout small{color:#1a1915}
#explorationMap p.exp-minor,#explorationMap #explorationMapLoadoutText{font-size:10px;color:#625641;line-height:1.65;margin:6px 0}
#explorationMap .exp-notice{border:0;border-radius:0;background:#e4decf url('assets/ui/journal/paper-texture.png') center/260px;background-blend-mode:multiply;color:#1a1915!important;box-shadow:inset 3px 0 #604731;clip-path:polygon(1% 0,99% 0,100% 30%,99% 68%,100% 96%,80% 100%,35% 100%,0 100%);padding:9px 10px;font-size:10px}
#explorationMap .exp-item-grid{gap:7px;grid-template-columns:repeat(4,minmax(0,1fr));margin:4px 0 12px}
#explorationMap button.exp-item-slot,#explorationMap .exp-item-empty{border:0;border-radius:0;background:#e4decf url('assets/ui/journal/paper-texture.png') center/180px;background-blend-mode:multiply;box-shadow:inset 0 0 0 1px #a3906588;clip-path:polygon(5% 0,45% 2%,95% 0,100% 8%,98% 53%,100% 86%,88% 100%,53% 98%,15% 100%,0 94%,2% 44%)}
#explorationMap .exp-item-slot[aria-pressed=true]{background:#22534f url('assets/ui/journal/paint-texture.png') center/180px;background-blend-mode:normal;box-shadow:inset 0 0 0 2px #1eb19f,inset 0 0 0 3px #9adbd780}
#explorationMap .exp-item-empty{color:#8b7a58}
#explorationMap .exp-item-quantity{bottom:6px;right:6px;border-radius:0;height:auto;min-width:18px;padding:1px 4px;background:#1a1915dc;color:#e1daca}
#explorationMap .exp-item-detail{border:0;border-radius:0;background:#604731 url('assets/ui/journal/leather-texture.png') center/260px;box-shadow:inset 0 0 0 1px #a39065aa;clip-path:polygon(1% 0,68% 0,98% 2%,100% 10%,99% 44%,100% 74%,97% 100%,42% 100%,0 100%);margin:10px 0 19px;padding:10px 11px}
#explorationMap .exp-item-detail b,#explorationMap .exp-item-detail p{color:#e1daca}
#explorationMap .exp-character-foot{background:#e1daca url('assets/ui/journal/paper-texture.png') center/450px;border-top:1px solid #a3906566;padding:10px 14px;align-items:flex-start}
#explorationMap .exp-character-foot summary{color:#604731;font-weight:800}
#explorationMap #explorationMapLoadoutClose,#explorationMap .exp-skill-config,#explorationMap #expSkillEditor summary,#explorationMap [data-journey-write],#explorationMap #explorationMapResume{border:0;border-radius:0;background:#22534f url('assets/ui/journal/paint-texture.png') center/200px;color:#e1daca;box-shadow:inset 0 -2px #1a191550;clip-path:polygon(0 4%,98% 0,100% 90%,92% 100%,2% 97%)}
#explorationMap #expCharacterSkills select{background:#e4decf url('assets/ui/journal/paper-texture.png') center/180px;color:#1a1915;border:1px solid #a39065;border-radius:0}
#explorationMap #expCharacterSkills fieldset{border:1px solid #a39065;border-radius:0;color:#604731;background:#e1daca88}
#explorationMap #expSkillEditor{color:#604731}
#explorationMap .exp-skill-card{background:#e1daca url('assets/ui/journal/paper-texture.png') center/300px;border:1px solid #a3906588;border-radius:0}
#explorationMap .exp-skill-card b,#explorationMap .exp-skill-card p{color:#604731}
#explorationMap .exp-skill-icon{border:0;border-radius:0;background:#22534f url('assets/ui/journal/paint-texture.png') center/130px}
#explorationMap .exp-skill-icon svg{fill:#e1daca;stroke:#e1daca}
#explorationMap .exp-journey-error{color:#8e331f!important;background:#e1daca;padding:6px}
#explorationMap section.exp-skill-page-left,#explorationMap section.exp-skill-page-right{width:auto;max-height:none;overflow:visible;background:none;border:0;border-radius:0;padding:0;box-shadow:none}
#explorationMap .exp-skill-loadout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;margin:0 0 11px}
#explorationMap .exp-skill-loadout .exp-section-heading{grid-column:1/-1;margin:0}
#explorationMap .exp-skill-loadout p{margin:0;font-size:11px;color:#604731;align-self:center}
#explorationMap .exp-loadout-stamps{display:flex;gap:5px}
#explorationMap .exp-loadout-stamps>span{display:grid;place-items:center;width:31px;height:31px;background:#e1daca url('assets/ui/journal/paper-texture.png') center/110px;color:#423423}
#explorationMap .exp-loadout-stamps .glyph{width:22px;height:22px}
#explorationMap .exp-loadout-stamps .empty{opacity:.45}
#explorationMap .exp-skill-group{position:relative;display:flex;align-items:center;gap:9px;min-height:83px;padding:8px 11px;margin:0 0 8px;clip-path:polygon(1% 1%,29% 0,57% 2%,99% 0,98% 19%,100% 62%,98% 100%,67% 98%,30% 100%,0 96%)}
#explorationMap .exp-skill-group.physical{background:#a39065 url('assets/ui/journal/paper-texture.png') center/270px;background-blend-mode:multiply}
#explorationMap .exp-skill-group.magic{background:#22534f url('assets/ui/journal/paint-texture.png') center/230px}
#explorationMap .exp-skill-group.guard{background:#afa790 url('assets/ui/journal/paper-texture.png') center/260px;background-blend-mode:multiply}
#explorationMap .exp-skill-group-heading{position:relative;z-index:1;min-width:48px;width:48px;align-self:flex-start;padding-top:6px;color:#211a13}
#explorationMap .exp-skill-group-heading h5{font-size:13px;font-weight:900;letter-spacing:1px;margin:0 0 5px}
#explorationMap .exp-skill-group-heading small{font-size:9px;opacity:.85}
#explorationMap .magic .exp-skill-group-heading,#explorationMap .magic .exp-skill-name{color:#e1daca}
#explorationMap .exp-skill-cells{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;flex:1;max-width:165px}
#explorationMap .exp-skill-cell{text-align:center;min-width:0}
#explorationMap .exp-skill-name{display:block;font-size:10px;font-weight:700;color:#211a13;line-height:13px;margin-top:2px}
#explorationMap button.exp-skill-tile{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;width:58px;height:58px;min-width:0;min-height:44px;margin:auto;padding:4px 3px 2px;border:0;border-radius:0;color:#3f3020;box-shadow:inset 0 0 0 1px #60473177;clip-path:polygon(5% 0,33% 2%,74% 0,97% 3%,100% 22%,99% 61%,100% 86%,89% 100%,27% 100%,0 94%,2% 54%)}
#explorationMap .exp-skill-tile.physical{background-image:linear-gradient(#bc957985,#bc957985),url('assets/ui/journal/paper-texture.png');background-size:auto,130px}
#explorationMap .exp-skill-tile.magic{background-image:linear-gradient(#9adbd777,#9adbd777),url('assets/ui/journal/paper-texture.png');background-size:auto,140px}
#explorationMap .exp-skill-tile.guard{background-image:linear-gradient(#a3906555,#a3906555),url('assets/ui/journal/paper-texture.png');background-size:auto,160px}
#explorationMap .exp-skill-tile .glyph{width:35px;height:35px}
#explorationMap .exp-skill-tile-level{font:900 12px/14px Arial,sans-serif;color:#2c2319}
#explorationMap .exp-skill-tile[aria-pressed=true]{background:#e1daca url('assets/ui/journal/paper-texture.png') center/130px;box-shadow:inset 0 0 0 2px #e1daca,inset 0 0 0 3px #60473177}
#explorationMap .exp-skill-tile.unlearned>.glyph{opacity:.38}
#explorationMap .exp-skill-lock{position:absolute;top:21px;left:22px;color:#2d251d}
#explorationMap .exp-skill-lock .glyph{width:18px;height:18px}
#explorationMap .exp-group-watermark{position:absolute;right:7px;top:12px;opacity:.09;pointer-events:none;color:#1a1915}
#explorationMap .exp-group-watermark .glyph{width:58px;height:58px}
#explorationMap section.exp-skill-page-right{display:grid;grid-template-columns:68px 1fr;gap:5px 12px;align-items:center;padding:11px 12px;margin:13px 0 15px;border-top:1px solid #a3906577;border-bottom:1px solid #a3906577}
#explorationMap .exp-skill-detail-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
#explorationMap .exp-skill-detail-title h4{font-size:17px;margin:0;font-weight:900;color:#604731}
#explorationMap .exp-skill-detail-title small{font-size:9px;color:#604731}
#explorationMap .exp-large-stamp{grid-column:1;grid-row:2/4;display:grid;place-items:center;width:64px;height:64px;background:#a39065 url('assets/ui/journal/paper-texture.png') center/170px;background-blend-mode:multiply;clip-path:polygon(0 3%,68% 0,100% 3%,96% 48%,100% 91%,87% 100%,5% 97%);color:#e1daca}
#explorationMap .exp-large-stamp .glyph{width:49px;height:49px}
#explorationMap .exp-large-stamp.magic{background:#22534f url('assets/ui/journal/paint-texture.png') center/170px}
#explorationMap .exp-skill-detail-level{font:900 21px/25px Arial,sans-serif;color:#1a1915}
#explorationMap .exp-skill-detail-level span{font-size:16px;color:#604731}
#explorationMap p.exp-skill-detail-hint{font-size:10px;color:#66533c;margin:0}
#explorationMap p.exp-skill-effect{grid-column:1/-1;color:#1a1915;font-size:12px;line-height:1.8;margin:4px 0}
#explorationMap .exp-skill-config{grid-column:1/-1;width:150px;justify-self:center;font-size:12px;letter-spacing:1px}
#explorationMap .exp-reward-grid article{background:#e1daca url('assets/ui/journal/paper-texture.png') center/350px;border:1px solid #a39065;border-radius:0}
#explorationMap .exp-question{background:#e1daca url('assets/ui/journal/paper-texture.png') center/500px;color:#1a1915}
#explorationMap .exp-question .question-body{background:#e4decf;border:1px solid #a39065;border-radius:0;color:#1a1915}
#explorationMap .exp-question h3,#explorationMap .exp-question h4,#explorationMap .exp-question p{color:#604731}
@media(max-width:360px){#explorationMap .map-top{left:8px;right:8px}#explorationMap .map-heading{width:176px;max-width:calc(100% - 128px);padding:8px 9px}#explorationMap .map-heading h2{font-size:12px;line-height:18px}#explorationMap .map-heading p{font-size:9px}#explorationMap .map-menu{gap:10px}#explorationMap .map-menu button{width:50px;height:50px;min-width:50px}#explorationMap .exp-character-content{padding-inline:11px}#explorationMap .exp-hero-block{grid-template-columns:87px 1fr;gap:9px}#explorationMap .exp-portrait{height:121px}#explorationMap .exp-portrait canvas{width:136px;height:136px;left:-24px}#explorationMap .exp-hero-block h4{font-size:18px}#explorationMap .exp-skill-group{padding-inline:8px;gap:6px}#explorationMap .exp-skill-group-heading{min-width:42px;width:42px}#explorationMap .exp-skill-cells{gap:7px;max-width:142px}#explorationMap button.exp-skill-tile{width:54px;height:56px}#explorationMap .exp-skill-lock{left:19px}}
@media(min-width:650px){#explorationMap .exp-character-content{padding:18px 24px}#explorationMap .map-popup .map-loadout{grid-template-columns:repeat(4,minmax(0,1fr))}#explorationMap .exp-item-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:900px){#explorationMap .map-popup>section.exp-character-panel{width:min(1080px,100%);padding:7px}#explorationMap .exp-character-head{height:84px}#explorationMap .exp-character-head h3{width:220px;font-size:23px}#explorationMap .exp-character-content{padding:20px 28px 24px}#expCharacterAttributes:not([hidden]),#explorationMap .exp-skill-book{position:relative;display:grid;grid-template-columns:43% minmax(0,1fr);gap:40px}#expCharacterAttributes:after,#explorationMap .exp-skill-book:after{content:'';position:absolute;z-index:3;top:0;bottom:0;left:calc(43% - 24px);width:48px;background:url('assets/ui/journal/hinge.svg') center 21%/48px 19px no-repeat,url('assets/ui/journal/hinge.svg') center 73%/48px 19px no-repeat,linear-gradient(90deg,transparent 37%,#60473177 44%,#a39065aa 49%,#e1daca66 56%,#60473166 62%,transparent 68%);pointer-events:none}#explorationMap .exp-book-left .exp-hero-block{display:flex;flex-direction:column;gap:14px}#explorationMap .exp-book-left .exp-portrait{height:260px;width:100%}#explorationMap .exp-book-left .exp-portrait canvas{width:345px;height:345px;left:50%;transform:translateX(-50%);bottom:-10px}#explorationMap .exp-book-left h4{font-size:29px}#explorationMap .exp-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#explorationMap .exp-stat-grid>div{flex-direction:column;align-items:flex-start;padding:12px;gap:8px}#explorationMap .exp-stat-grid strong{font-size:25px}#explorationMap section.exp-skill-page-right{display:block;text-align:center;border:0;margin:0;padding:0 12px}#explorationMap .exp-skill-detail-title{display:block}#explorationMap .exp-skill-detail-title h4{font-size:26px}#explorationMap .exp-skill-detail-title small{display:block;font-size:12px;margin:5px 0}#explorationMap .exp-large-stamp{width:130px;height:130px;margin:18px auto 10px}#explorationMap .exp-large-stamp .glyph{width:94px;height:94px}#explorationMap .exp-skill-detail-level{font-size:28px;line-height:32px}#explorationMap p.exp-skill-effect{font-size:16px;margin:18px 0 23px}#explorationMap .exp-skill-group{min-height:91px;padding:10px 15px;margin-bottom:12px}#explorationMap .exp-skill-cells{max-width:198px}#explorationMap button.exp-skill-tile{width:65px;height:64px}#explorationMap .exp-skill-lock{left:25px;top:25px}}
@media(max-height:500px){#explorationMap .map-top{top:6px}#explorationMap .map-heading p{display:block}#explorationMap .map-minimap{top:112px}#explorationMap .map-bottom{bottom:26px}#explorationMap .map-movement{gap:18px}#explorationMap .map-pad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:3px}#explorationMap .map-pad button{width:44px;height:44px;min-width:44px}}
#explorationMap #explorationMapBattleStart,#explorationMap [data-write=true]{background:#22534f url('assets/ui/journal/paint-texture.png') center/200px;color:#e1daca;border:0;box-shadow:inset 0 -2px #1a191550}
/* Keep the character scroller independent of the map and expensive backdrop compositing. */
#explorationMap #explorationMapLoadout{backdrop-filter:none;-webkit-backdrop-filter:none}
#explorationMap .exp-character-content{contain:layout paint;isolation:isolate;transform:translateZ(0);overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
#explorationMap .exp-choice-dialog{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:grid;place-items:center;padding:14px 12px;background:#1a1915b8;color:#1a1915}
#explorationMap .exp-choice-panel{width:min(520px,100%);max-height:calc(var(--exp-map-height,100vh) - 28px);display:flex;flex-direction:column;min-height:0;padding:14px;background:#e1daca url('assets/ui/journal/paper-texture.png') center/500px;border:4px solid #604731;box-shadow:0 10px 30px #0007}
#explorationMap .exp-choice-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;margin-bottom:10px;background:none;padding:0}
#explorationMap .exp-choice-panel h4{margin:0;padding:6px 10px;background:#22534f url('assets/ui/journal/paint-texture.png') center/180px;color:#e1daca;font-size:15px;clip-path:polygon(1% 0,99% 2%,100% 82%,94% 100%,0 97%)}
#explorationMap #expChoiceClose{min-width:38px;min-height:44px;width:38px;height:44px;padding:0;background:#22534f url('assets/ui/journal/cloth-texture.png') center/110px;color:#e1daca;font-size:25px;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}
#explorationMap #expChoiceHint{font-size:11px;line-height:1.7;color:#4c4131;margin:0 0 10px;flex-shrink:0}
#explorationMap .exp-choice-body{min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;contain:layout paint;padding:1px}
#explorationMap .exp-choice-body button{min-width:0;min-height:44px;background:#e4decf url('assets/ui/journal/paper-texture.png') center/200px;background-blend-mode:multiply;color:#292118;box-shadow:inset 0 0 0 1px #a39065;line-height:1.5}
#explorationMap .exp-choice-body button small{display:block;color:#4c4131;font-size:11px;line-height:1.7;margin-top:4px}
#explorationMap .exp-choice-body button:disabled{opacity:1;color:#625746;filter:saturate(.4);box-shadow:inset 0 0 0 1px #a3906577}
#explorationMap .exp-choice-body button:disabled small{color:#6d3b28}
#explorationMap .exp-choice-body button[aria-pressed=true],#explorationMap .exp-choice-body button.exp-primary-choice{background:#22534f url('assets/ui/journal/paint-texture.png') center/200px;background-blend-mode:normal;color:#e1daca}
#explorationMap .exp-choice-body button[aria-pressed=true] small{color:#e1daca}
#explorationMap .exp-skill-editor-open{width:100%;margin:12px 0}
#explorationMap .exp-skill-editor-slots{display:grid;gap:7px;margin-bottom:12px}
#explorationMap .exp-skill-editor-slots button{display:flex;justify-content:space-between;gap:10px;text-align:left}
#explorationMap .exp-skill-editor-slots button span{color:#22534f}
#explorationMap .exp-skill-editor-choices{display:grid;gap:6px;margin-bottom:12px}
#explorationMap .exp-skill-editor-choices h5{margin:0 0 3px;font-size:13px;color:#604731}
#explorationMap .exp-skill-editor-choices button{text-align:left}
#explorationMap p.exp-skill-editor-error:empty{display:none}
#explorationMap p.exp-skill-editor-error{color:#8e331f!important;font-size:12px;margin:0 0 10px}
#explorationMap .exp-primary-choice{width:100%}
#explorationMap .exp-choice-body .battle-options{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:8px}
#explorationMap .exp-battle>header{background:#241e18;color:#f1e8d5}
#explorationMap .exp-battle>header h3,#explorationMap .exp-battle>header p{color:#f1e8d5;text-shadow:none}
#explorationMap .exp-battle>footer{background:#e1daca url('assets/ui/journal/paper-texture.png') center/500px;color:#292118;border-top:1px solid #a39065}
#explorationMap .exp-battle>footer p,#explorationMap .exp-battle>footer details,#explorationMap .exp-battle>footer li{color:#292118}
#explorationMap .exp-battle button[aria-pressed=true]{background:#22534f url('assets/ui/journal/paint-texture.png') center/180px!important;color:#e1daca;box-shadow:inset 0 0 0 1px #9adbd7}
#explorationMap .exp-battle button:disabled{opacity:1;color:#675c4b;filter:saturate(.35)}
#explorationMap .exp-battle button[aria-pressed=true]:disabled{color:#e1daca}
@media(max-width:360px){#explorationMap .exp-choice-dialog{padding:10px 8px}#explorationMap .exp-choice-panel{padding:10px;border-width:3px}#explorationMap .exp-choice-body .battle-options{grid-template-columns:1fr}}

/* Keep the rough frame on a stationary layer; avoid clipping the entire scrolling subtree. */
#explorationMap .map-popup>section.exp-character-panel{clip-path:none;background:none;isolation:isolate}
#explorationMap .exp-character-panel:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#604731 url('assets/ui/journal/leather-texture.png') center/380px;clip-path:polygon(1% 0,31% .2%,54% 0,98% .3%,100% 2%,99.5% 28%,100% 61%,99.8% 96%,98% 100%,48% 99.7%,1% 100%,0 97%,.3% 54%,0 2%)}

/* Question header owns both colors; do not inherit the old stone title background. */
#explorationMap .exp-question>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:start}
#explorationMap .exp-question>header>div:first-child{display:contents}
#explorationMap #expQuestionTitle{grid-column:1;grid-row:1;min-width:0;margin:0;padding:10px 12px;border:0;background:#22534f url('assets/ui/journal/paint-texture.png') center/240px;color:#fff5df;font-size:17px;font-weight:900;line-height:24px;text-shadow:none;overflow-wrap:anywhere}
#explorationMap #expQuestionProgress{grid-column:1/-1;grid-row:2;margin:0;color:#493722;font-size:12px;line-height:1.6}
#explorationMap .exp-question>header>div:last-child{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:6px}
#explorationMap #expQuestionBack,#explorationMap #expQuestionResume{min-width:88px;max-width:none;min-height:44px;padding:10px 12px!important;border:1px solid #22534f;border-radius:0;clip-path:none;background:#22534f url('assets/ui/journal/paint-texture.png') center/200px;color:#fff5df;font-size:13px;font-weight:800;line-height:22px;box-shadow:none;text-shadow:none;white-space:nowrap}
#explorationMap #expQuestionBack:disabled,#explorationMap #expQuestionResume:disabled{opacity:1;background:#604731 url('assets/ui/journal/leather-texture.png') center/180px;border-color:#604731;color:#e1daca}
@media(max-width:360px){#explorationMap #expQuestionTitle{font-size:15px;padding:10px 8px}#explorationMap .exp-question>header{column-gap:7px}}