:root{--gold:#d4a347;--dark:#090806;--panel:#17120c;--ink:#201305;--parch:#d8b978;--red:#9d3029;--blue:#2e6689}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050504;color:#ead29b;font-family:Georgia,serif}button{font:inherit;color:#f0d28b;background:linear-gradient(#4b3014,#211307);border:1px solid #9f6c24;padding:8px;cursor:pointer}button:hover{filter:brightness(1.18)}button:disabled{opacity:.4}.hidden{display:none!important}.shell{min-height:100vh;padding:6px;display:grid;grid-template-columns:230px minmax(560px,1fr) 285px;grid-template-rows:auto minmax(590px,1fr) auto;gap:4px;background:radial-gradient(circle at 50% 0,#302415,#070605 68%)}header,.panel{border:2px solid #6d4817;box-shadow:inset 0 0 0 2px #171006,inset 0 0 24px #000,0 0 0 1px #aa7426;background:linear-gradient(145deg,#1c170f,#0b0907)}header{grid-column:1/-1;padding:8px 16px;display:flex;align-items:center;justify-content:space-between}header h1{margin:0;color:#e3b75e;font-size:25px;letter-spacing:2px}header p,header small{margin:0;letter-spacing:2px;color:#b8914c}.stats{display:flex;gap:18px}.stats span{border-left:1px solid #6d4817;padding-left:13px}.stats b{display:block;color:#ffd36d;font-size:18px}.left,.right{padding:10px}.panel h2{font-size:15px;text-align:center;color:#ddb663;letter-spacing:1px;border-bottom:1px solid #69481e;padding-bottom:6px}.nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:8px}.nav button:nth-child(1){grid-column:1}.nav button:nth-child(2){grid-column:3}.nav button:nth-child(3){grid-column:1}.nav button:nth-child(4){grid-column:2}.nav button:nth-child(5){grid-column:3}.nav button:nth-child(6){grid-column:1}.nav button:nth-child(7){grid-column:3}.nav button{height:50px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.wide{width:100%;margin:3px 0}#mini{width:100%;height:130px;border:1px solid #8d6024;background:#10130c}.help{font-size:12px;line-height:1.5;color:#bda97d}.map-panel{position:relative;overflow:hidden;background:#26301c}.place{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);min-width:300px;padding:8px 25px;text-align:center;background:#1b1008e8;border:1px solid #b07828}.place span{display:block;font-size:12px;color:#c8ac73}#map{width:100%;height:100%;display:block;cursor:grab;touch-action:none}#map.dragging{cursor:grabbing}.hex{stroke:#2b2113;stroke-width:1.3}.reachable{stroke:#ffe486;stroke-width:3;stroke-dasharray:5 3;cursor:pointer}.fog{fill:#77736b}.glyph{font-size:23px;text-anchor:middle;dominant-baseline:middle;pointer-events:none;text-shadow:0 1px #000}.party-token circle{fill:#8b2026;stroke:#ffe08a;stroke-width:3}.party-token text{fill:#fff0b5;font-size:14px;text-anchor:middle;dominant-baseline:middle}.right{display:flex;flex-direction:column}#log{flex:1;min-height:350px;overflow:auto;padding:9px;background:linear-gradient(90deg,#c09c5c,#dec484 6%,#d7b874 94%,#9d743e);color:var(--ink);border:2px solid #704717;line-height:1.4}#log div{padding:7px 0;border-bottom:1px solid #9d7742}.good{color:#2e681f}.bad{color:#8f201a}.gold{color:#765000}.queststats{display:grid;grid-template-columns:1fr auto;gap:4px}.queststats b{color:#f1c65e}.party{grid-column:1/-1;display:grid;grid-template-columns:150px 1fr;padding:9px}.party-title{padding-right:10px;border-right:1px solid #684719}.party-title button{width:100%}#party{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding-left:9px}.hero{border:1px solid #71501f;padding:8px;background:#100d09;min-height:112px}.hero.front{box-shadow:inset 0 3px #9e3d2c}.hero.rear{box-shadow:inset 0 3px #315f8c}.hero .name{color:#f1c869}.hero small{display:block;color:#bca97d}.bar{height:6px;background:#35110d;margin-top:5px}.bar span{display:block;height:100%;background:#b63a2d}.bar.mp{background:#102332}.bar.mp span{background:#3474a1}.dead{opacity:.45}.modal{position:fixed;inset:0;z-index:20;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{width:min(850px,96vw);max-height:90vh;overflow:auto;border:3px solid #9e6c26;background:#151008;box-shadow:0 15px 60px #000;color:#ecd39a}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;border-bottom:1px solid #76501d}.dialog-head h2{margin:0}.dialog-head button{font-size:22px}.dialog-content{padding:16px}.town-grid,.battle-grid,.dungeon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service,.enemy,.room{border:1px solid #73501f;background:#22170c;padding:12px}.service button,.enemy button,.room button{width:100%;margin-top:8px}.battle-lines{display:grid;grid-template-columns:1fr 80px 1fr;gap:10px;align-items:center}.formation{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.fighter{border:1px solid #74501e;padding:8px;background:#110d08;text-align:center}.fighter b{display:block}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.actions button{min-width:100px}.targeting .enemy{outline:2px solid #f1ce69}.spell-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.spell-list button{text-align:left}.loot{font-size:18px;color:#ffd26a;text-align:center;padding:15px}@media(max-width:1050px){.shell{grid-template-columns:210px 1fr;grid-template-rows:auto 600px auto auto}.right{grid-column:1/-1}.party{grid-column:1/-1}#party{grid-template-columns:repeat(3,1fr)}}