.board-app{--paper:#f3e6c9;--ink:#2a2118;--line:#6a5644;--person:#a42828;--org:#008080;--event:#bc852a;--role:#7053a5;display:flex;flex-direction:column;height:100dvh;min-height:360px;background:#140e09;color:var(--ink);font-family:'Source Sans 3',sans-serif;overflow:hidden}
.board-app *{box-sizing:border-box;min-width:0}.board-app [hidden]{display:none!important}.board-app button,.board-app input,.board-app select{font:inherit}.board-app a{color:inherit}.board-app button{cursor:pointer;border:1px solid #8b775e;border-radius:4px;background:var(--paper);color:var(--ink);min-height:44px;padding:7px 11px}.board-app button:hover{background:#fff4db}.board-app :is(button,a,input,select,canvas):focus-visible{outline:3px solid #008080;outline-offset:3px}.board-app .board-skip{position:fixed;top:-100px;left:8px;z-index:40;background:var(--paper);padding:12px}.board-app .board-skip:focus{top:8px}.board-header{padding:8px 14px 6px;flex-shrink:0}.board-header .sec-nav{margin:0 0 7px;justify-content:center}.board-title{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:1100px;margin:auto;color:var(--paper)}.board-title strong{font-family:'IBM Plex Sans',sans-serif;letter-spacing:.12em;font-size:18px}.board-title strong span{font-size:13px;letter-spacing:0;margin-left:14px}.board-title>span{font-size:12px}.board-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#20160f;color:var(--paper);padding:8px 14px;flex-shrink:0}.board-filters label{display:flex;align-items:center;gap:6px;font-size:13px}.board-filters input,.board-filters select{border:1px solid #8b775e;border-radius:4px;min-height:44px;background:var(--paper);color:var(--ink);padding:7px}.board-search{flex:1}.board-search input{width:100%}.board-filters output{font-size:12px;min-width:80px}.board-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 340px;flex:1;min-height:0}.board-sidebar{background:var(--paper);padding:12px;overflow:auto;border-right:1px solid var(--line)}.board-sidebar h2{font-size:16px;margin:0 0 6px}.board-sidebar p{font-size:12px;margin:5px 0 10px}.board-sidebar #node-list{display:flex;flex-direction:column;gap:6px}.board-list-node{width:100%;text-align:left;display:flex;align-items:center;gap:8px;padding:6px!important}.board-list-node img{width:32px;height:42px;object-fit:cover;flex-shrink:0}.board-list-node span span{display:block;font-size:11px}.board-list-node[aria-current=true]{border:2px solid #a42828;background:#ffe5b6}.board-stage{position:relative;overflow:hidden;min-height:0;background:#140e09}.board-stage>#quadro{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.board-stage>#quadro:active{cursor:grabbing}.board-stage>#quadro:focus-visible{outline-offset:-4px}.board-points{position:absolute;inset:0;pointer-events:none}.board-point{position:absolute;padding:0!important;min-height:0!important;border:0!important;background:transparent!important;pointer-events:none;opacity:0;overflow:hidden}.board-point:focus-visible{opacity:1;pointer-events:auto;border:3px solid #00b9b0!important;outline:0!important;background:rgba(243,230,201,.12)!important;color:#fff!important}.board-point span{position:absolute;bottom:0;left:0;right:0;background:#f3e6c9;color:#2a2118;font-size:11px;text-align:center}.board-legend{position:absolute;left:10px;top:10px;max-width:calc(100% - 20px);display:flex;flex-wrap:wrap;gap:6px 12px;background:#f3e6c9ed;border-radius:4px;padding:7px 10px;pointer-events:none;font-size:11px}.board-legend>span:last-child{font-size:10px;flex-basis:100%}.board-legend .person{color:var(--person)}.board-legend .org{color:var(--org)}.board-legend .event{color:#815b12}.board-legend .role{color:var(--role)}.board-zoom{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;background:#20160fec;border:1px solid #795f45;border-radius:6px;padding:5px}.board-zoom button{min-width:44px;min-height:48px;font-weight:600;font-size:13px}.board-zoom button:first-child,.board-zoom button:nth-child(2){font-size:26px;padding:0}.board-position{position:absolute;bottom:86px;right:14px;border:1px solid #795f45;background:#20160fec;color:var(--paper);padding:4px;pointer-events:none;border-radius:4px}.board-position canvas{display:block;width:130px;height:84px}.board-position output{display:block;font-size:10px;max-width:145px;text-align:center}.board-onboarding{position:absolute;top:75px;left:12px;width:min(300px,calc(100% - 24px));background:#f3e6c9f5;padding:12px;border-radius:5px;box-shadow:0 5px 20px #0006;z-index:5;font-size:13px}.board-onboarding ol{padding-left:20px;margin:8px 0}.board-onboarding button{min-height:44px}.board-empty{position:absolute;left:10%;right:10%;top:40%;background:var(--paper);padding:20px;text-align:center}.board-dossier{background:var(--paper);overflow:auto;border-left:1px solid var(--line);padding:12px;scrollbar-gutter:stable;overflow-wrap:anywhere}.board-dossier:focus{outline-offset:-3px}.dossier-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;position:sticky;top:-12px;z-index:3;background:var(--paper);padding:8px 0;border-bottom:1px solid #8b775e}.dossier-toolbar>strong{margin-right:auto;font-size:13px;text-transform:uppercase;letter-spacing:.1em}.dossier-toolbar button{font-size:12px;padding:6px}.board-dossier h2{font-family:'IBM Plex Sans',sans-serif;font-size:22px;margin:14px 0 8px}.board-dossier h3{font-size:17px;margin:12px 0 5px}.board-dossier p{font-size:15px;line-height:1.5;margin:8px 0}.board-dossier .dossier-photo{max-width:100%;max-height:260px;width:100%;object-fit:contain;background:#21170f;margin-top:10px}.board-dossier ul{list-style:none;padding:0}.board-dossier li{border-top:1px solid #b7a48a;padding:12px 0}.board-dossier .fact-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.board-dossier figure{margin:18px 0}.board-dossier figure img,.board-dossier video{width:100%;max-height:420px;object-fit:contain}.board-dossier figcaption{font-size:12px;line-height:1.5}.board-dossier #dossier-tabs{display:flex;gap:5px;overflow:auto;padding:8px 0}.board-dossier #dossier-tabs button{white-space:nowrap;font-size:12px}.board-dossier #dossier-tabs button[aria-current=true]{border:2px solid #a42828}.board-dossier .dossier-relations{display:flex;gap:4px;flex-wrap:wrap}.board-dossier .dossier-relations button{font-size:12px}.board-dossier #dossier-return{margin:15px 0;width:100%}.board-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#20160f;color:var(--paper);padding:4px 12px;font-size:11px}.board-footer button{min-height:32px;font-size:11px;padding:3px 8px}.board-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}.board-layout.dossier-closed{grid-template-columns:210px minmax(0,1fr)}.board-layout.dossier-closed .board-dossier{display:none}#board-list-toggle{display:none}
@media(max-width:1100px){.board-layout,.board-layout.dossier-closed{grid-template-columns:minmax(0,1fr)}.board-sidebar{display:none;position:absolute;left:0;top:0;bottom:0;width:min(310px,82vw);z-index:12;box-shadow:4px 0 18px #0009}.board-layout{position:relative}.board-sidebar.is-open{display:block}.board-dossier{display:none}.board-dossier.is-open{display:block;position:absolute;right:0;top:0;bottom:0;width:min(380px,48vw);z-index:10;box-shadow:-4px 0 18px #0009}.board-layout.dossier-closed .board-dossier.is-open{display:block}#board-list-toggle{display:block}.board-filters{gap:6px}.board-legend{max-width:70%}.board-footer #board-live-hint{display:none}}
@media(max-width:600px){.board-header{padding:5px 8px}.board-header .sec-nav{gap:5px;margin-bottom:5px}.board-header .sec-btn{padding:8px 10px;font-size:11px}.board-title strong{font-size:14px}.board-title strong span{font-size:11px;margin-left:6px}.board-title>span{font-size:10px}.board-filters{padding:5px 8px;gap:5px}.board-filters .board-search{flex-basis:100%}.board-filters label{font-size:11px}.board-filters select{max-width:115px;padding:5px;min-height:44px;font-size:12px}.board-filters button{font-size:11px;padding:5px 7px}.board-filters output{font-size:10px;min-width:0;margin-left:auto}.board-stage{min-height:160px}.board-legend{top:7px;left:7px;padding:5px 7px;gap:3px 7px;max-width:calc(100% - 14px);font-size:10px}.board-legend>span:last-child{font-size:9px}.board-zoom{bottom:8px;right:8px;gap:4px;padding:4px}.board-zoom button{min-height:48px;font-size:11px;padding:5px 7px;min-width:44px}.board-position{bottom:76px;right:9px}.board-position canvas{width:88px;height:57px}.board-position output{font-size:9px;max-width:104px}.board-onboarding{width:min(255px,calc(100% - 24px));font-size:12px;padding:9px;top:63px}.board-onboarding ol{margin:5px 0}.board-dossier.is-open{top:auto;left:0;right:0;bottom:0;width:100%;height:min(42%,320px);max-height:42%;border-top:2px solid #795f45;border-left:0;padding:8px;box-shadow:0 -4px 18px #0008}.dossier-toolbar{top:-8px}.board-footer{font-size:10px;padding:3px 8px}.board-stage.dossier-open .board-zoom{bottom:calc(42% + 8px)}.board-stage.dossier-open .board-position{bottom:calc(42% + 76px)}.board-stage.dossier-open .board-legend{max-width:calc(100% - 14px)}}
@media(max-height:520px){.board-header .board-title{display:none}.board-header .sec-nav{margin-bottom:0}.board-filters{padding:3px 8px}.board-search{flex-basis:120px!important}.board-onboarding{top:60px;max-height:calc(100% - 140px);overflow:auto}.board-position canvas{display:none}.board-position{bottom:74px}.board-footer{padding:1px 8px}}
@media(prefers-reduced-motion:reduce){.board-app *{scroll-behavior:auto!important}}