button{min-height:44px}button:focus-visible,a:focus-visible,.tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.campaign-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 18px;background:#30271b;border-bottom:1px solid #625035;font-size:14px}.campaign-bar p{flex:1;margin:0;min-width:200px;line-height:1.7}.campaign-bar small{display:block;color:#d6c5a6}.campaign-bar button{white-space:nowrap}.result-box{border:1px solid #b39762;background:#302719;color:#f8ecd6;padding:24px;border-radius:10px;max-width:540px;max-height:85dvh;overflow:auto}.result-box::backdrop{background:#000b}.result-box p{font-size:16px;line-height:1.8}.result-box button{margin:5px}.modalBox{max-height:85dvh;overflow:auto}.infoRow,.charName,.logEntry{font-size:15px}.tile{flex-shrink:0}#mapWrap{min-width:0}#nav .locked{display:none}@media(max-width:900px){body{height:auto;min-height:100dvh;overflow:auto}#topbar{flex-wrap:wrap;gap:12px;padding:14px}#topbarLeft,#topbarMid,#topbarRight{flex-wrap:wrap;gap:8px;min-width:0}#topbarLeft{width:100%}#topbarRight{margin-left:auto}#topbar button{white-space:nowrap}#app{flex-direction:column;overflow:visible}#nav{flex:0 0 auto;min-height:60px;width:100%;border-right:0;border-bottom:1px solid var(--border);align-items:center}#nav .navBtn{flex:0 0 auto;white-space:nowrap}#main{overflow:visible}#mapAndContext{overflow:visible}#mapWrap{flex:none;width:100%;min-height:325px;padding:12px;overflow:auto}#context{width:100%;overflow:visible;padding:18px}#historyStrip{height:160px}.campaign-bar{padding:12px}.modalBox{min-width:0;width:calc(100% - 24px);padding:20px}.result-box{width:calc(100% - 24px)}#toast{max-width:calc(100% - 24px);width:max-content;font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}