:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}
html{background:#10152d;scroll-padding-top:calc(var(--safe-top) + 12px);scroll-padding-bottom:calc(var(--safe-bottom) + 12px)}
body{margin:0;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom)}
#offline-panel{max-width:1280px;margin:8px auto;padding:8px 14px;color:#e8def1;background:#1b2039;font:13px/1.5 system-ui;box-sizing:border-box}
#offline-panel details{margin-top:3px}#offline-panel summary{cursor:pointer}#offline-panel p{max-width:660px}#offline-panel button{padding:9px;color:inherit;border:1px solid #9582a9}
.game{padding-bottom:18px!important}.header-right{flex-wrap:wrap}.masthead{gap:10px}.icon-button{min-width:44px;min-height:44px}
[data-slot="dialog-content"]{top:calc(var(--safe-top) + (100dvh - var(--safe-top) - var(--safe-bottom))/2)!important;left:calc(var(--safe-left) + (100vw - var(--safe-left) - var(--safe-right))/2)!important;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px)!important;width:calc(100vw - var(--safe-left) - var(--safe-right) - 28px)!important;overflow:auto!important;overscroll-behavior:contain}
.dialog-close{min-width:44px;min-height:44px}.backup-panel{border:1px solid #9582a9;padding:12px;display:grid;gap:10px}.backup-panel h3{font-weight:bold}.backup-file{display:grid;gap:8px}.backup-file input{max-width:100%;font:14px system-ui}.backup-panel button{margin:4px 4px 4px 0}.backup-panel [role=status]{font-size:14px;overflow-wrap:anywhere}
@media(max-width:420px){.header-right{gap:4px}.masthead{align-items:flex-start}.wordmark{font-size:22px}.era{width:100%}}