/* Field-journal typography and layered mint/ink panels, inspired by the supplied video. */
:root{--mint:#bcebd7;--ink:#122c2c}.header{border-bottom:1px solid #bcebd750;background:#0a1a20f5}.brand>span{color:#bcebd7}.eyebrow{color:#a4d9c8}.primary{background:#c3eedb;color:#102e2c;border-color:#c3eedb}.primary:hover{background:#e0fff1;color:#102e2c}.small{border-radius:2px}.stage-trail{gap:3px}.stage-trail span{position:relative;border:0;border-bottom:3px solid #618d8455;letter-spacing:.04em}.stage-trail .active{background:#c3ead7;color:#173631;border-color:#c3ead7}.stage-trail .active b{color:#173631}.stage-trail b{font-family:Impact,'Arial Narrow',sans-serif;font-size:28px;font-style:italic}.page-title h1{font-weight:900;letter-spacing:-1.5px}.page-title{align-items:center}.region-number{font-family:Impact,'Arial Narrow',sans-serif;font-size:86px;line-height:.9;color:#c2e8d5;letter-spacing:-4px;font-style:italic;text-align:right}.region-number small{display:block;font:8px monospace;letter-spacing:2px;margin-top:10px}.expedition .panel{border:1px solid #a1ceba70;background:linear-gradient(140deg,#c5ecd9 0%,#9ebeb5 100%);color:#15342e;position:relative;overflow:hidden}.expedition .panel:before{content:'';position:absolute;left:50%;top:18px;width:210px;height:210px;margin-left:-105px;border-radius:50%;border:1px solid #25493e44;outline:12px double #25493e22;pointer-events:none}.expedition .panel .eyebrow,.expedition .panel .muted{color:#315e54}.expedition .panel .relic{color:#193f38;border-color:#4b746060;background:#ffffff50;font-size:10px}.expedition .panel button{color:#143f34;border-color:#42675680;margin-top:8px;width:100%}.expedition .panel h2{font-size:32px;margin-top:8px;letter-spacing:-1px}.expedition .portrait{height:190px;position:relative}.expedition .portrait img{width:160px!important;height:auto!important}.expedition .route-panel{background:#102c2be8;padding:16px;border-color:#aedac166}.route-heading{font-family:monospace;letter-spacing:1px;border-bottom:1px solid #c5ead43b;padding:0 0 14px;margin-bottom:0}.route-heading strong{font-family:inherit;font-weight:500}.minimap-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8cb7a3 #102c2b}.minimap-surface{height:450px;min-width:680px;position:relative;isolation:isolate}.map-content{width:100%;height:100%;position:relative;background:linear-gradient(#102b29c4,#143a30bc),var(--map-image) center/cover;overflow:hidden}.map-content:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 35%,#d4edc522,transparent 40%),repeating-radial-gradient(ellipse at 65% 100%,transparent 0 23px,#a5d8b112 24px 25px,transparent 26px 45px);pointer-events:none}.map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.map-lines path{fill:none;stroke:#afcfc4;stroke-width:2;stroke-dasharray:5 8;opacity:.35}.map-lines path.walked{stroke:#c6f5bd;stroke-dasharray:none;stroke-width:4;opacity:.9}.map-lines path.map-river{stroke:#61c5cb;stroke-width:24;stroke-dasharray:none;opacity:.14}.cartography{position:absolute;inset:20px;display:flex;justify-content:space-between;align-items:start;color:#b6d8c287;font:11px monospace;pointer-events:none}.cartography>span{font-size:17px;text-align:center}.cartography>b{font-weight:400;text-align:right;letter-spacing:3px}.cartography small{font-size:9px;letter-spacing:1px}.map-stop{position:absolute;transform:translate(-50%,-50%);border:0;background:none;color:#b9d6c5;display:flex;align-items:center;flex-direction:column;width:80px;padding:0;gap:5px;z-index:2;box-shadow:none;border-radius:0}.map-stop>span{display:grid;place-items:center;width:41px;height:41px;border:1px solid #a0b9ad80;background:#163930;transform:rotate(45deg);font-size:21px;line-height:1;box-shadow:0 0 0 5px #14322d70}.map-stop>strong{font-size:10px;font-weight:500;letter-spacing:1px;background:#103027d9;padding:3px 6px}.map-stop>small{position:absolute;bottom:-14px;font-size:9px;color:#d6efb8}.map-stop.current>span{background:#c7f0c9;color:#163c2c;border-color:#e1ffe1;box-shadow:0 0 0 5px #b9f6bf1a,0 0 24px #8bf5aa30}.map-stop.current>strong{color:#eaffdc}.map-stop.current:hover{transform:translate(-50%,-50%) scale(1.12);background:none}.map-stop.current:hover>span{background:#f2ffe6}.map-stop.locked{opacity:.42}.map-stop.done{opacity:.9}.map-stop.done>span{border-color:#c5e5ae;color:#d9f6bb}.map-stop.boss-stop>span{width:54px;height:54px;border:2px solid #eacb8c;color:#eacb8c}.map-stop:focus-visible{outline:2px solid #fff5b7;outline-offset:7px}.map-scale{position:absolute;bottom:16px;right:20px;font:9px monospace;letter-spacing:1px;color:#c6e2cc99}.map-legend{display:flex;flex-wrap:wrap;gap:15px;font-size:10px;color:#bed9c9;border-top:1px solid #c5ead43b;padding-top:14px}.map-hint{font-size:10px;line-height:1.8;color:#9ebdb0}#traveler-pin{position:absolute;z-index:4;pointer-events:none;transform:translate(-50%,-95%);width:53px;height:66px;filter:drop-shadow(0 3px 3px #081e19)}#traveler-pin img{width:53px;image-rendering:pixelated}#traveler-pin span{display:block;font:8px monospace;text-align:center;background:#d9efd4;color:#193a2a;padding:2px}#traveler-pin.travelling{z-index:7}.html-canvas{display:block;padding:0;border:0}.combat-top .turn-tag{background:#bcebd7;color:#153b34;border:0;border-left:4px solid #ed9a7d;font-family:monospace}.combat-board .combat-top h2{letter-spacing:-.8px}.combat-board .combat-log{background:#c1e8d8;color:#18372f;border:0;border-left:6px solid #1c594c;font-weight:700;font-size:11px}.combat-board .combat-bottom{background:linear-gradient(#0d2222c9,#0a191ff5);border-top:1px solid #bddfcc50}.combat-board .energy{background:#d0f0dc;color:#164b39;border:3px double #315f51;border-radius:50%;box-shadow:0 0 0 4px #bcebd720}.combat-board .end-turn{border-radius:0;background:#c7ead5;color:#11362e;border:0;border-right:5px solid #73b29a;font-weight:800}.card{border-radius:4px 4px 9px 9px}.hand .card{touch-action:none;user-select:none;cursor:grab}.hand .card:active{cursor:grabbing}.hand .card.drag-source{opacity:.22;transform:translateY(4px)!important}.card-dragging,.card-dragging *{cursor:grabbing!important}.drop-target.enemy{outline:2px solid #d7ffd4;outline-offset:10px;background:#a8ffda15!important;box-shadow:0 0 45px #b1ffda38!important}.battlefield.drop-target{box-shadow:inset 0 0 70px #88deff28;outline:1px solid #a2d9e580}.drag-line,.scene-effects{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:80}.drag-line{z-index:101}.drag-ghost{position:fixed;top:0;left:0;width:158px;height:210px;pointer-events:none;z-index:100;transform-origin:50% 90%;filter:drop-shadow(0 12px 12px #0008)}.drag-ghost .card{width:158px;height:210px;min-height:210px;opacity:.95;transform:none!important}.drag-ghost .card .sigil{font-size:38px;height:40px}.drag-ghost .card h3{font-size:13px}.drag-ghost .card p{font-size:11px}.drag-ghost.ready .card{outline:3px solid #d6ffcf;outline-offset:4px}.drag-ghost .confirm-tag{display:none}.cast-banner{position:fixed;left:50%;top:17%;transform:translateX(-50%);height:96px;width:300px;pointer-events:none;z-index:85;animation:cast-in .7s both}.cast-content{height:100%;background:linear-gradient(110deg,#d3f4e2f0,#e8f6ebeb);border-left:7px solid #1f5e50;border-right:2px solid #c6eadb;padding:12px 20px;color:#16392f;box-shadow:12px 12px 0 #071d2d66;transform:skew(-5deg)}.cast-content span{display:block;font:10px monospace;letter-spacing:3px}.cast-content strong{display:block;font-size:24px;letter-spacing:-1px;margin:5px 0}.cast-content small{font:8px monospace;letter-spacing:2px;color:#477164}.damage-number{position:fixed;transform:translate(-50%,-50%);font:bold 40px Impact,'Arial Narrow',sans-serif;z-index:90;pointer-events:none;text-shadow:2px 3px #092e38,-1px -1px #092e38;animation:damage-float .9s both}@keyframes cast-in{0%{opacity:0;translate:-30px 0}15%,75%{opacity:1;translate:0 0}100%{opacity:0;translate:25px -10px}}@keyframes damage-float{0%{opacity:0;scale:.7;translate:0 10px}20%{opacity:1;scale:1.25}65%{opacity:1;scale:1;translate:0 -24px}100%{opacity:0;translate:0 -50px}}
@media(max-width:900px){.expedition .map-layout{grid-template-columns:160px minmax(0,1fr);gap:12px}.expedition .panel{padding:16px}.expedition .portrait img{width:135px!important}.expedition .portrait{height:165px}.minimap-surface{height:410px}.region-number{font-size:64px}.region-number small{font-size:7px;letter-spacing:1px}}
@media(max-width:960px){.expedition .map-layout{display:block}.expedition .panel{display:none}.expedition .route-panel{padding:10px}.minimap-surface{height:380px;min-width:660px}.region-number{font-size:49px}.region-number small{display:none}.expedition .page-title p{max-width:280px;line-height:1.7}.map-legend{gap:10px;font-size:9px}.cast-banner{top:19%;width:230px;height:85px}.cast-content strong{font-size:19px}.damage-number{font-size:30px}.stage-trail b{font-size:24px}.combat-board .combat-log{font-size:9px}.map-hint{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cast-banner,.damage-number{animation:none}.map-stop,.card{transition:none}}