:root{--gold:#d6a84e;--gold2:#8b5a1e;--dark:#0d0c09;--panel:#18140e;--parch:#d8b978;--ink:#211407;--red:#a72b24;--blue:#2d6f9c;--green:#4f8a2c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070706;color:#ead39c;font-family:Georgia,serif}button{font:inherit;cursor:pointer;background:linear-gradient(#4e3215,#21150b);color:#f0d38e;border:1px solid #a67328;box-shadow:inset 0 0 0 1px #1b1007;padding:8px 10px}button:hover{filter:brightness(1.18)}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}
.game-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(500px,1fr) 285px;grid-template-rows:minmax(620px,1fr) auto;gap:0;padding:6px;background:radial-gradient(circle at 50% 0,#2a2114,#070706 70%)}
.carved-panel,.world-column{border:2px solid #684719;box-shadow:inset 0 0 0 2px #161006,inset 0 0 25px #000,0 0 0 1px #b17a28;background:linear-gradient(145deg,#1a1710,#0c0b08)}
.left-rail,.right-rail{padding:10px;overflow:hidden}.brand{text-align:center;border-bottom:1px solid #6c4a1d;padding:8px 0 13px;text-transform:uppercase}.brand span{display:block;font-size:18px;letter-spacing:1px}.brand strong{display:block;font-size:29px;color:#e3b75e;text-shadow:0 2px #000;letter-spacing:1px}.status-list{padding:12px 7px;border-bottom:1px solid #6c4a1d}.status-list div{padding:5px 0;font-size:16px}.status-list b{float:right;color:#f0bd4e}.rail-section h3,.quest-box h3{margin:8px 0;text-align:center;text-transform:uppercase;font-size:15px;color:#d9b86d;letter-spacing:.5px}.mini-map{height:200px;border:2px solid #6f4b1c;background:#17200f;display:grid;grid-template-columns:repeat(28,1fr);grid-template-rows:repeat(18,1fr);gap:1px;padding:3px;box-shadow:inset 0 0 16px #000}.mini-cell{background:#24251b;opacity:.25}.mini-cell.seen{opacity:1}.mini-cell.plain{background:#718443}.mini-cell.forest{background:#254c28}.mini-cell.mountain{background:#77746b}.mini-cell.water{background:#285d7d}.mini-cell.marsh{background:#536348}.mini-cell.desert{background:#a67d3d}.mini-cell.town{background:#d59d38}.mini-cell.player{outline:2px solid #fff2a1;z-index:2}.mini-tools{display:flex;justify-content:center;gap:8px;margin:8px 0}.mini-tools button{width:38px;height:32px;padding:0;border-radius:4px}.keyboard-help{margin-top:10px;border:1px solid #6c4a1d;padding:9px;font-size:13px;line-height:1.55;background:#0b0a07}
.world-column{position:relative;padding:0;overflow:hidden}.location-ribbon{position:absolute;z-index:8;top:0;left:50%;transform:translateX(-50%);min-width:300px;text-align:center;padding:8px 30px;background:linear-gradient(#33200e,#130d07);border:1px solid #a87528;border-top:0;color:#eac46f;font-size:19px;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}
#mapViewport{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at center,#657a48,#2a3324 75%);cursor:grab;touch-action:none}#mapViewport.dragging{cursor:grabbing}.map-hint{position:absolute;z-index:6;left:10px;bottom:10px;background:#161006d9;border:1px solid #916425;padding:4px 7px;font-size:12px;color:#e4c47a}
#map{--hex-h:78px;--hex-w:calc(var(--hex-h)*.866);display:flex;flex-direction:column;align-items:center;width:max-content;padding:90px 120px;transform-origin:0 0;will-change:transform;backface-visibility:hidden}.hex-row{display:flex;gap:0;min-width:max-content;margin-top:calc(var(--hex-h)*-.25)}.hex-row:first-child{margin-top:0}.hex-row.odd{transform:translateX(calc(var(--hex-w)*.5))}.tile{position:relative;width:var(--hex-w);height:var(--hex-h);display:flex;align-items:center;justify-content:center;border:1px solid #d2c28b99;font-size:22px;user-select:none;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);cursor:pointer;isolation:isolate}.tile:before{content:"";position:absolute;inset:2px;clip-path:inherit;background:linear-gradient(145deg,#fff2 0 18%,transparent 20% 70%,#0003 72%);z-index:-1}.tile.player{box-shadow:inset 0 0 0 2px #fff1a8}.tile.plain{background:radial-gradient(circle at 25% 35%,#a9bd68 0 8%,transparent 9%),linear-gradient(145deg,#8faa57,#597b3c)}.tile.forest{background:radial-gradient(circle at 30% 35%,#5b8a47 0 18%,transparent 19%),radial-gradient(circle at 68% 55%,#2d6037 0 23%,transparent 24%),linear-gradient(145deg,#3c743e,#17351f)}.tile.mountain{background:linear-gradient(135deg,transparent 28%,#d4d0c5 29% 39%,#777b80 40% 61%,transparent 62%),linear-gradient(215deg,transparent 32%,#b3afa6 33% 47%,#4d535a 48% 67%,transparent 68%),#60645f}.tile.water{background:repeating-linear-gradient(165deg,#4e9ab8 0 6px,#2e6d91 7px 12px,#65b4c7 13px 16px)}.tile.marsh{background:radial-gradient(ellipse at 30% 65%,#788a5e 0 18%,transparent 19%),linear-gradient(145deg,#77865a,#334b40)}.tile.desert{background:radial-gradient(circle at 72% 24%,#f0ce78 0 10%,transparent 11%),repeating-linear-gradient(160deg,#d6ae5e 0 10px,#b57d36 11px 15px)}.tile.town{background:radial-gradient(circle at 50% 50%,#f4d06d 0 20%,transparent 21%),linear-gradient(145deg,#c69b48,#79502a)}.tile.boss{background:linear-gradient(145deg,#6d3e6d,#251b33)}.tile.shard{box-shadow:inset 0 0 0 3px #ffe168,0 0 12px #ffe477}.tile.fog{background:radial-gradient(circle at 45% 35%,#d9d9d9,#a8a8a8 70%);border-color:#c8c8c8aa;color:#888;filter:saturate(.1)}.tile.unreachable{opacity:.92}
#cameraParty{position:absolute;left:50%;top:50%;width:72px;height:62px;transform:translate3d(-50%,-50%,0);z-index:5;pointer-events:none;filter:drop-shadow(0 6px 5px #000b)}#cameraParty .iso-party{position:relative;left:8px;top:6px;display:block;transform:scale(1.25);transform-origin:center}.iso-party{position:absolute;width:54px;height:46px;pointer-events:none}.iso-figure{position:absolute;width:16px;height:28px;filter:drop-shadow(3px 5px 2px #0008)}.iso-figure:nth-child(1){left:2px;top:5px}.iso-figure:nth-child(2){left:18px;top:0}.iso-figure:nth-child(3){left:34px;top:6px}.iso-figure:nth-child(4){left:20px;top:16px}.iso-head{position:absolute;left:5px;top:0;width:8px;height:8px;border-radius:50%;background:#e1b98d;box-shadow:inset -2px -2px #8d5c42}.iso-body{position:absolute;left:3px;top:7px;width:12px;height:13px;background:var(--cloth,#687da5);clip-path:polygon(50% 0,100% 28%,82% 100%,18% 100%,0 28%);box-shadow:inset -4px -3px #0004}.iso-leg{position:absolute;top:18px;width:5px;height:8px;background:#3b2e29}.iso-leg.l{left:3px}.iso-leg.r{right:1px}.iso-figure:after{content:"";position:absolute;left:1px;top:25px;width:16px;height:5px;border-radius:50%;background:#0006;transform:skewX(-25deg)}
/* fixed party: legs animate, body never bobs */
#cameraParty .iso-leg.l{animation:legL .32s ease-in-out infinite alternate;transform-origin:top center}#cameraParty .iso-leg.r{animation:legR .32s ease-in-out infinite alternate;transform-origin:top center}@keyframes legL{from{transform:rotate(12deg)}to{transform:rotate(-13deg)}}@keyframes legR{from{transform:rotate(-12deg)}to{transform:rotate(13deg)}}
.iso-enemy{position:relative;width:52px;height:52px;margin:auto;filter:drop-shadow(4px 6px 3px #0009)}.iso-enemy .iso-head{left:18px;top:2px;width:17px;height:17px}.iso-enemy .iso-body{left:10px;top:17px;width:32px;height:25px}.iso-enemy .iso-leg{top:39px;width:10px;height:10px}.iso-enemy .iso-leg.l{left:11px}.iso-enemy .iso-leg.r{right:8px}.iso-enemy:after{content:"";position:absolute;left:4px;bottom:0;width:44px;height:10px;border-radius:50%;background:#0006;transform:skewX(-25deg)}.map-creature{position:absolute;left:50%;top:50%;width:34px;height:42px;transform:translate(-50%,-50%) scale(.62);pointer-events:none}.tile.player .map-creature{display:none}
.right-rail{display:flex;flex-direction:column}.utility-buttons{display:flex;justify-content:flex-end;gap:8px;margin-bottom:8px}.utility-buttons button{width:40px;height:40px;border-radius:50%;padding:0}.journal-wrap{flex:1;min-height:0;background:linear-gradient(90deg,#b99558,#e0c487 5%,#d6b774 95%,#9b733d);border:2px solid #7c5120;color:var(--ink);padding:10px;box-shadow:inset 0 0 20px #704c21}.journal-wrap h2{text-align:center;text-transform:uppercase;font-size:19px;margin:2px 0 8px;border-bottom:1px solid #8f6a33;padding-bottom:7px}#log{height:430px;overflow:auto;padding:2px 7px;font-size:15px;line-height:1.45;color:#201305;background:transparent}#log>div{padding:9px 0;border-bottom:1px solid #9b7945}.log-good{color:#2f641f}.log-bad{color:#8e231d}.log-gold{color:#765006}.quest-box{margin-top:10px;border-top:1px solid #6c4a1d;padding-top:4px}.quest-box p{font-size:13px;color:#d2bd8d}.quest-grid{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:13px}.quest-grid b{color:#efc65c}
.party-dock{grid-column:1/-1;display:grid;grid-template-columns:170px 1fr;padding:9px 12px}.party-heading{border-right:1px solid #6c4a1d;padding-right:12px}.party-heading h2{margin:4px 0 12px;color:#e2b75f}.party-heading button{width:100%}#party{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding-left:12px}.party-card{position:relative;min-height:92px;border:1px solid #76501e;background:linear-gradient(145deg,#20170d,#0d0c09);padding:10px 10px 8px;color:#e7cf99;box-shadow:inset 0 0 12px #000}.party-card:before{content:"";float:left;width:56px;height:66px;margin-right:9px;border:1px solid #8b6025;background:radial-gradient(circle at 50% 25%,#bf9569 0 12%,transparent 13%),linear-gradient(145deg,#4d4431,#191610)}.party-card .row{display:flex;justify-content:space-between;gap:5px}.party-card .row b{color:#f1c869}.party-card .bar{height:5px;background:#31100e;border:1px solid #8d4a2d;margin-top:5px;overflow:hidden}.party-card .bar>span{display:block;height:100%;background:linear-gradient(#d84c3b,#861b18)}.party-card .bar.mp{height:4px;background:#102433;border-color:#2d5d7b}.party-card .bar.mp>span{background:linear-gradient(#4c9bd0,#225c89)}.dead{opacity:.45;text-decoration:line-through}
.nav-cluster{position:relative;width:182px;height:156px;margin:4px auto}.nav-cluster button{position:absolute;width:62px;height:52px;padding:2px;font-size:12px;line-height:1.2;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0}.nav-cluster .nw{left:30px;top:0}.nav-cluster .ne{left:90px;top:0}.nav-cluster .w{left:0;top:51px}.nav-cluster .camp{left:60px;top:51px;background:linear-gradient(#6b571d,#30230b)}.nav-cluster .e{left:120px;top:51px}.nav-cluster .sw{left:30px;top:102px}.nav-cluster .se{left:90px;top:102px}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.badge{padding:3px 7px;border:1px solid #8b6328;background:#23180d;color:#f1cf85}.combat-modal{position:fixed;inset:0;background:#050505df;display:flex;align-items:center;justify-content:center;z-index:30}.combat-dialog{width:min(820px,96vw);max-height:92vh;overflow:auto;background:#15110b;border:2px solid #9c6b24;padding:18px;color:#ecd49b}.combat-dialog h2{margin:0}.battle-stage{position:relative;height:220px;border:1px solid #77511f;background:radial-gradient(circle at 50% 80%,#51452b,#17140e 70%);overflow:hidden}.battle-party,.battle-enemies{position:absolute;bottom:28px;display:flex;gap:24px}.battle-party{left:8%}.battle-enemies{right:8%}.fighter{position:relative;width:54px;height:75px}.fighter .iso-figure{transform:scale(1.8);transform-origin:bottom left;left:12px!important;top:14px!important}.fighter.enemy .iso-enemy{transform:scale(1.15)}.battle-move,.combat-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.enemy-card{display:grid;grid-template-columns:58px 1fr;gap:10px;border:1px solid #6f4c20;padding:8px;margin:8px 0;background:#20170d}.bar{height:4px;background:#2b2218;overflow:hidden}.bar>span{display:block;height:100%;background:#4f8a2c}.damage-pop{position:absolute;font:bold 24px Georgia;color:#ffcf68;text-shadow:0 2px 4px #000;animation:floatDamage .8s ease forwards}@keyframes floatDamage{to{opacity:0;transform:translateY(-50px)}}.fighter.attack-right{animation:lungeRight .48s}.fighter.attack-left{animation:lungeLeft .48s}.fighter.hit{filter:brightness(2)}@keyframes lungeRight{50%{transform:translateX(80px)}}@keyframes lungeLeft{50%{transform:translateX(-80px)}}.battle-stage.advance .battle-party{left:18%}.battle-stage.retreat .battle-party{left:3%}.battle-stage.flank-left .battle-party{bottom:55px}.battle-stage.flank-right .battle-party{bottom:8px}
@media(max-width:1050px){.game-shell{grid-template-columns:210px 1fr;grid-template-rows:650px auto auto}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.journal-wrap{min-height:300px}#log{height:260px}.party-dock{grid-column:1/-1}.utility-buttons{display:none}}
@media(max-width:760px){.game-shell{display:block;padding:3px}.left-rail,.right-rail,.party-dock{margin-bottom:4px}.world-column{height:620px}.party-dock{display:block}#party{grid-template-columns:1fr 1fr;padding:8px 0}.right-rail{display:block}.nav-cluster{transform:scale(.9)}}

/* v2.0.0 Barbarian Prince-style SVG travel map */
#mapViewport{background:radial-gradient(circle at center,#657a48,#2a3324 75%);overflow:hidden;cursor:grab;touch-action:none}
#mapViewport.dragging{cursor:grabbing}
#mapSvg{display:block;width:100%;height:100%;background:radial-gradient(circle at 50% 45%,#627948,#263024 78%)}
.svg-hex{stroke:#21170d;stroke-width:1.25;cursor:default;vector-effect:non-scaling-stroke}
.svg-hex.seen{filter:saturate(1.05)}
.svg-hex.fog{stroke:#8c8c8c;stroke-width:1;opacity:.96}
.svg-hex.reachable{cursor:pointer;filter:brightness(1.18)}
.svg-hex.reachable:hover{filter:brightness(1.42)}
.reachable-ring{fill:none;stroke:#ffe58f;stroke-width:2.4;stroke-dasharray:4 3;pointer-events:none;vector-effect:non-scaling-stroke}
.svg-terrain-icon{text-anchor:middle;font:700 22px Georgia,serif;fill:#f1e1b4;stroke:#1b130b;stroke-width:1.2;paint-order:stroke;pointer-events:none}
.svg-party-token{pointer-events:none}
#cameraParty,#map,.hex-row,.tile{display:none!important}