:root{--ink:#1a1410;--paper:#f7f1e4;--line:#3a2e22;--muted:#6a5a48;--font-display:"Cinzel", Georgia, serif;--font-body:"IM Fell English", Georgia, serif;--sheet-w:11in;--sheet-h:8.5in}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:#2a241c}.app{min-height:100vh;padding:.75rem}.toolbar{max-width:var(--sheet-w);color:#f0e6d4;background:#3a3228;border:1px solid #5a4c3c;border-radius:6px;flex-wrap:wrap;align-items:end;gap:.5rem;margin:0 auto .65rem;padding:.55rem .7rem;display:flex}.toolbar label{letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:.2rem;font-size:.75rem;display:flex}.toolbar input{color:#f7f1e4;width:7rem;font:inherit;background:#1e1914;border:1px solid #7a6a55;border-radius:4px;padding:.35rem .45rem}.toolbar button{font-family:var(--font-display);letter-spacing:.04em;color:#f0e6d4;cursor:pointer;background:0 0;border:1px solid #c9a86a;border-radius:4px;padding:.45rem .75rem;font-size:.78rem}.toolbar button.primary{color:#1a1410;background:#c9a86a;border-color:#c9a86a}.sheet{width:var(--sheet-w);height:var(--sheet-h);background:var(--paper);color:var(--ink);flex-direction:column;gap:.12in;margin:0 auto;padding:.16in .2in;display:flex;overflow:hidden;box-shadow:0 8px 28px #00000059}.sheet-head{flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.35rem .55rem;display:grid}.sheet-brand h1{font-family:var(--font-display);letter-spacing:.06em;white-space:nowrap;margin:0;font-size:1.15rem}.tagline{color:var(--muted);white-space:nowrap;margin:.05rem 0 0;font-size:.68rem}.sheet-meta{text-align:right;white-space:nowrap;flex-direction:column;gap:.05rem;font-size:.65rem;display:flex}.setup-row{grid-template-columns:repeat(6,1fr);gap:.2rem;display:grid}.write-box{border:1.5px solid var(--line);min-height:.36in;font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;background:#fff;padding:.1rem .12rem;font-size:.48rem}.sheet-body{flex:1 1 0;grid-template-rows:1fr auto;grid-template-columns:2.25fr .85fr;align-items:stretch;gap:.16in;min-height:0;display:grid}.map-pane{border:1.5px solid var(--line);background:#fffdf8;grid-area:1/1;justify-content:center;align-items:center;height:100%;min-height:0;padding:.06in;display:flex;overflow:hidden}.hex-map{width:100%;max-width:100%;height:100%;max-height:100%;display:block}.hex-cell{fill:#fff;stroke:var(--line);stroke-width:1.15px}.hex-cell.wall{fill:#ddd4c4}.hex-cell.marker{fill:#f0e4b8;stroke:#7a6520;stroke-width:1.4px}.side-pane{border:1.5px solid var(--line);background:#fff;flex-direction:column;grid-area:1/2;gap:.05in;min-width:0;height:100%;min-height:0;padding:.1in .12in;display:flex;overflow:hidden}.side-pane h2,.legend h2{font-family:var(--font-display);letter-spacing:.08em;margin:.1in 0 .06rem;font-size:.74rem}.side-pane h2:first-child{margin-top:0}.windrose-wrap{justify-content:center;margin-bottom:.04in;display:flex;overflow:visible}.windrose{width:1.45in;height:auto;display:block;overflow:visible}.windrose-ring{fill:#fff;stroke:var(--line);stroke-width:1.5px}.windrose-arrow{stroke:var(--line);stroke-width:1.6px;fill:none}.windrose-arrowhead{fill:var(--ink)}.windrose-center,.windrose-num{font-family:var(--font-display);fill:var(--ink);font-size:10px;font-weight:700}.windrose-lab{fill:var(--ink);font-size:7.5px;font-weight:700}.rules-list,.shop-list,.monster-list{margin:0;padding-left:.95rem;font-size:.64rem;line-height:1.38;list-style:outside}.rules-list li,.shop-list li,.monster-list li{margin-bottom:.1rem}.monster-list li{display:list-item}.monster-list .monster-row{vertical-align:middle;align-items:center;gap:.3rem;display:inline-flex}.monster-list img{object-fit:contain;width:14px;height:14px}.legend{border-top:1.5px solid var(--line);flex:none;grid-area:2/1/auto/-1;padding-top:.1in}.legend h2{margin-bottom:.12rem;font-size:.82rem}.legend-row{grid-template-columns:repeat(11,1fr);align-items:end;gap:.12rem;display:grid}.legend-item{font-family:var(--font-display);letter-spacing:.04em;flex-direction:column;align-items:center;gap:.12rem;font-size:.76rem;font-weight:700;display:flex}.legend-item img{object-fit:contain;width:26px;height:26px}@media print{.no-print{display:none!important}body{background:#fff!important}}@media screen and (width<=1100px){.app{padding:.5rem}.sheet{width:100%;height:auto;min-height:0;padding:.75rem;overflow:visible}.sheet-head{grid-template-columns:1fr}.sheet-body{flex:none;grid-template-rows:auto;grid-template-columns:1fr;min-height:70vw}.map-pane,.side-pane,.legend{grid-area:auto/1}.map-pane{height:auto;min-height:55vw}.side-top{grid-template-columns:auto 1fr}.setup-row{grid-template-columns:repeat(3,1fr)}}