:root{--maroon-1:#3a0d10;--maroon-2:#6b1218;--parchment:#f3ead9;--parchment-2:#efe3cc;--ink:#2b2620;--ink-dim:#6e6558;--hairline:#c9b98e;--good:#2f7a3d;--bad:#8a2020;--gold:#a9822f;--page-bg:#d9cfba}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--page-bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.app-header{flex-wrap:wrap;gap:8px}.app-nav{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.app-nav::-webkit-scrollbar{height:4px}.app-main{padding:24px}.sheet-header{flex-wrap:wrap;gap:10px}.sheet-abilities{flex-wrap:wrap}.sheet-abilities>div{flex:30%;min-width:70px}.sheet-grid{grid-template-columns:200px 1fr 220px;display:grid}.map-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;display:grid}@media (width<=720px){.app-main{padding:12px}.app-nav{padding:8px 12px!important}.sheet-grid{grid-template-columns:1fr}.sheet-grid>div{border-top:1px solid var(--hairline);border-left:none!important;border-right:none!important}.sheet-grid>div:first-child{border-top:none}.map-layout{grid-template-columns:1fr}}