:root{--maroon-1:#0a0f1a;--maroon-2:#1f6fa8;--parchment:#090e18e6;--parchment-2:#0e1626eb;--ink:#eaf1fb;--ink-dim:#8fa3c0;--hairline:#ffffff24;--good:#3ecf6e;--bad:#e8546a;--gold:#6fd7ea;--page-bg:#0d1420;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--page-bg);color:var(--ink);background-image:linear-gradient(#090e188c,#090e18cc),url(/bg-magic.png);background-position:50%,50% 30%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,cover;background-attachment:fixed,fixed;min-height:100vh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.mono{font-family:var(--font-mono)}.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-personality{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sheet-grid-3{grid-template-columns:230px 280px minmax(0,1fr);display:grid}.map-layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px;display:grid}@media (width<=720px){.app-main{padding:12px}.app-nav{padding:8px 12px!important}.sheet-grid-3{grid-template-columns:1fr}.sheet-grid-3>div{border-top:1px solid var(--hairline);border-left:none!important;border-right:none!important}.sheet-grid-3>div:first-child{border-top:none}.map-layout,.sheet-personality{grid-template-columns:1fr}}