:root{--inkt:#f1f4ee;--paneel:#121a16c7;--lijn:#f1f4ee38}html,body{height:100%;color:var(--inkt);-webkit-user-select:none;user-select:none;background:#c8d3d6;margin:0;font-family:Barlow,Segoe UI,system-ui,-apple-system,Arial,sans-serif;overflow:hidden}#veld{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#kader{pointer-events:none;background:#f2f6e91f;border:1.5px solid #f2f6e9;position:fixed}#hud{pointer-events:none;flex-direction:column;justify-content:space-between;padding:12px;font-size:15px;line-height:1.35;display:flex;position:fixed;inset:0}.boven{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 16px;display:flex}.voorraad{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.tijdperk{background:var(--paneel);border-radius:3px;flex-direction:column;align-items:center;gap:1px;padding:3px 8px 4px;display:flex}.tijdperk canvas{width:38px;height:38px}.tijdperk span{letter-spacing:.02em;font-size:11px;font-weight:600;line-height:1.1}.grondstof{background:var(--paneel);border-radius:3px;align-items:baseline;gap:8px;padding:6px 12px 6px 10px;display:flex}.metuitleg{pointer-events:auto}.voorraaduitleg{z-index:2;border:1px solid var(--lijn);white-space:pre-line;pointer-events:none;background:#121a16f2;border-radius:4px;max-width:300px;padding:7px 11px 8px;font-size:13px;line-height:1.45;position:fixed;box-shadow:0 4px 14px #00000059}.voorraaduitleg:first-line{font-size:15px;font-weight:600}.voorlezen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grondstof i{border-radius:2px;align-self:center;width:11px;height:11px}.grondstof span{opacity:.85;font-size:13px}.grondstofplaatje{border-bottom:2px solid var(--kleur);background:#f1f4ee2e;border-radius:3px 3px 0 0;font-style:normal;line-height:0;display:inline-block}.grondstofplaatje canvas{display:block}.grondstof .grondstofplaatje,.knop small .grondstofplaatje{border-radius:3px 3px 0 0;width:auto;height:auto}.grondstof b{font-variant-numeric:tabular-nums;font-size:18px}.werkloos{pointer-events:auto;background:#7a5a16;padding:6px 12px}.spelers{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.speler{background:var(--paneel);border-left:5px solid var(--kleur);border-radius:3px;align-items:baseline;gap:10px;padding:6px 12px 6px 10px;display:flex}.speler b{font-variant-numeric:tabular-nums;font-size:18px}.speler.uit{opacity:.55}.speler .sterkteteken{filter:drop-shadow(1px 0 #fff4dc)drop-shadow(-1px 0 #fff4dc)drop-shadow(0 1px #fff4dc)drop-shadow(0 -1px #fff4dc);align-self:center;margin-left:-6px;display:inline-flex}.speler .volkwoord{opacity:.8;white-space:nowrap;margin-left:-4px;font-size:12.5px}@media (max-width:999px){.speler{grid-template-columns:auto auto;align-items:center;gap:0 10px;padding-top:4px;padding-bottom:4px;display:grid}.speler .volkwoord{grid-row:2;margin-left:0;line-height:1.1}.speler b{grid-area:1/2/3}}.team{border:1px solid var(--lijn);border-radius:5px;flex-wrap:wrap;gap:4px;padding:3px;display:flex}.teamnaam{opacity:.85;white-space:nowrap;align-self:center;padding:0 4px 0 5px;font-size:12px;font-weight:600}.klok{background:var(--paneel);font-variant-numeric:tabular-nums;border-radius:3px;padding:6px 12px;font-size:18px;font-weight:600}.menuknop{background:var(--paneel);pointer-events:auto;padding:6px 12px;position:relative}.menustip{background:#b4412f;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 2px #e6d092}.online{background:var(--paneel);color:var(--inkt);pointer-events:auto;border-radius:3px;margin-left:auto;padding:6px 12px}.midden{z-index:1;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:10px;min-height:0;padding-top:10px;display:flex;position:relative}.meldingen{background:var(--paneel);border:1px solid var(--lijn);white-space:pre-line;text-align:center;border-left:5px solid #e2a23a;border-radius:4px;padding:10px 18px;font-size:17px}.meldingen button{pointer-events:auto;margin-top:8px}.alarm{border:1px solid var(--lijn);font-variant-numeric:tabular-nums;background:#581612e0;border-left:5px solid #e2594e;border-radius:4px;padding:10px 18px;font-size:18px;font-weight:600}.menu,.afloop{background:var(--paneel);border:1px solid var(--lijn);pointer-events:auto;border-radius:6px;flex-direction:column;gap:12px;width:min(30rem,100%);margin:auto 0;padding:18px 22px;display:flex}.menu{max-height:calc(100vh - var(--boven,114px) - 16px - 38px);flex-shrink:0}.menunaam{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.menunaam .beta{color:#fff;background:#b4412f;border-radius:2px;padding:2px 5px;font-size:11px;font-weight:700;line-height:1}.menutekst{white-space:pre-line;min-height:0;font-size:14px;overflow-y:auto}.toetsen{background:#0a100de6;border-radius:4px;flex-direction:column;gap:2px;min-height:0;padding:8px 12px 6px;display:flex}.toetskop{font-size:15px;font-weight:600}.wiewint{margin-top:6px;font-size:13px;line-height:1.25}.wiewintkop{margin-bottom:4px;font-size:15px;font-weight:600}.kring{grid-template-columns:auto auto auto;place-items:center;gap:2px 8px;width:max-content;display:grid}.kringsoldaat{align-items:center;gap:4px;display:flex}.kringpijl{opacity:.85;white-space:nowrap;font-size:12px}.wiewintregels{margin:4px 0 0;padding-left:18px}.toetsvak{overscroll-behavior:contain;min-height:0;max-height:22rem;overflow-y:auto}.toetsvak.meer{-webkit-mask-image:linear-gradient(#000 calc(100% - 2.25rem),#0000);mask-image:linear-gradient(#000 calc(100% - 2.25rem),#0000)}.toetstabel{border-collapse:collapse;width:100%;font-size:14px;line-height:1.3}.toetstabel .toetsbijschrift{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toetstabel th,.toetstabel td{text-align:left;vertical-align:baseline;padding:2px 0;font-weight:400}.toetstabel th[scope=row]{white-space:nowrap;width:1%;padding-right:14px}.toetstabel .toetsgroep{letter-spacing:.07em;text-transform:uppercase;opacity:.7;padding:9px 0 2px;font-size:11.5px;font-weight:600}.toetstabel tbody:first-child .toetsgroep{padding-top:2px}.toetstabel kbd{min-width:1.15em;font:inherit;text-align:center;background:#f1f4ee14;border:1px solid #f1f4ee57;border-bottom-width:2px;border-radius:3px;padding:0 5px;font-size:12.5px;line-height:1.4;display:inline-block}.taalrij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}:is(.midden:has(>.menu:not([hidden]))>.meldingen,.midden:has(>.menu:not([hidden]))>.alarm,.midden:has(>.menu:not([hidden]))>.melding,.midden:has(>.menu:not([hidden]))>.winst){display:none}@media (max-height:660px){.menu{max-height:calc(100vh - var(--boven,114px) - 16px - 26px);background:#121a16;gap:6px;padding:12px 18px}.menutekst{font-size:13px;line-height:1.25}.toetsen{padding:6px 10px 4px}.toetstabel{font-size:13px;line-height:1.25}.toetstabel th,.toetstabel td{padding:1px 0}.toetstabel .toetsgroep{padding:6px 0 1px}}.afloop{text-align:center;align-items:center;width:min(52rem,100%);font-size:17px}.afloopkop{font-size:30px;font-weight:600}.volkzin{opacity:.9;margin-top:-4px;font-style:italic}.knoppenrij{flex-wrap:wrap;gap:10px;display:flex}.herhalingen{--rij:47px;min-height:0;max-height:calc(5.5 * var(--rij));flex-shrink:10;font-size:14px;overflow-y:auto}.herhaling{box-sizing:border-box;min-height:var(--rij);border-top:1px solid var(--lijn);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:4px 0;display:grid}.herhaling .regel{white-space:nowrap;grid-column:1;gap:0 10px;min-width:0;display:flex}.herhaling .regel>*{flex-shrink:0}.herhaling .regel>:last-child{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.herhaling .regel+.regel{opacity:.85}.herhalingknoppen{grid-area:1/2/span 2;align-items:center;gap:6px;display:flex}.herhaling button{padding:3px 10px;font-size:14px}.herhaling .versie{opacity:.8;white-space:nowrap;cursor:help;padding:3px 4px;font-size:13px}.openmelding{border-left:4px solid #e2a23a;padding-left:8px;font-size:14px}.geluid,.muziek,.taal,.mijnvolk{align-items:center;gap:12px;font-size:14px;display:flex}.geluidtekst,.muziektekst,.taaltekst{min-width:15em}.mijnvolk{grid-template-columns:15em auto;justify-content:start;row-gap:8px;display:grid}.volktekst,.sterktetekst{white-space:nowrap}.volknoot{opacity:.75;grid-column:1/-1;font-size:12.5px}.taal select,.mijnvolk select{border:1px solid var(--lijn);color:var(--inkt);font:inherit;background:#2f5d46;border-radius:3px;padding:4px 8px;font-size:14px}.taal .vlag{flex:none;width:auto;height:14px;margin-right:-6px}.menulinks{font-size:14px;display:flex}.nieuws{color:var(--inkt);text-underline-offset:3px;align-items:center;gap:8px;-webkit-text-decoration:underline #f1f4ee80;text-decoration:underline #f1f4ee80;display:inline-flex}.nieuws:hover{-webkit-text-decoration-color:var(--inkt);text-decoration-color:var(--inkt)}.nieuw{color:#132b25;background:#e6d092;border-radius:999px;align-items:center;gap:5px;padding:1px 8px 1px 6px;font-size:12px;font-weight:700;line-height:1.5;display:inline-flex}.nieuw:before{content:"";background:#b4412f;border-radius:50%;width:7px;height:7px}.melden{border:1px solid var(--lijn);color:var(--inkt);font:inherit;background:#f1f4ee0f;border-radius:3px;padding:8px 16px;text-decoration:none}.melden:hover{background:#f1f4ee24}.geluid input,.muziek input{min-width:0;accent-color:var(--inkt);flex:1}.afloop .uitleg,.afloop .gastzin{margin:0;font-size:14px}.afloop .gastzin a{color:inherit;text-decoration:underline}.afloop.klein .gastzin{display:none}.winst{background:var(--paneel);border:1px solid var(--lijn);text-align:center;pointer-events:auto;border-radius:6px;flex-direction:column;align-items:center;gap:8px;width:min(26rem,100%);margin:auto 0;padding:14px 20px;font-size:16px;display:flex}.winstkop{font-size:24px;font-weight:600}.winstnoot{opacity:.9;font-size:14px}.winst .knoppenrij{justify-content:center;margin-top:4px}.doorspeelregel{flex-basis:100%;order:1;justify-content:flex-end;display:flex}.doorspeelregel span{background:var(--paneel);border-radius:3px;padding:4px 10px;font-size:14px}@media (max-height:640px){.afloop{gap:6px;padding:10px 18px;font-size:15px}.afloopkop{font-size:22px}.afloop:not(.klein){box-sizing:border-box;max-height:calc(100vh - var(--boven,114px) - 16px);background:#121a16;flex-shrink:0;overflow-y:auto}:is(.midden:has(>.afloop:not(.klein):not([hidden]))>.meldingen,.midden:has(>.afloop:not(.klein):not([hidden]))>.melding){display:none}.afloop:not(.klein) .knoppenrij{background:#121a16;justify-content:center;align-self:stretch;padding:6px 0 10px;position:sticky;bottom:-10px}}.herhalingregel{flex-basis:100%;font-size:14px}.afloop.klein{flex-flow:wrap;justify-content:center;gap:8px 14px;width:auto;margin:0;padding:8px 14px;font-size:15px}.afloop.klein .afloopkop{font-size:18px}.afloop.klein>:not(.afloopkop):not(.knoppenrij),.afloop.klein .kijk,.afloop.klein .bewaarherhaling,.afloop.klein .bekijkherhaling,.afloop.klein .herhalingregel,.afloop:not(.klein) .weer{display:none}.overzicht{box-sizing:border-box;width:min(46rem,100%);max-height:calc(100vh - var(--boven,114px) - 16px);border:1px solid var(--lijn);pointer-events:auto;background:#121a16;border-radius:6px;flex-direction:column;gap:4px;padding:12px 18px;display:flex;position:absolute;top:10px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 6px 24px #0000008c}.overzicht[hidden]{display:none}.overzichtkop{font-size:20px;font-weight:600}.technologieen{border-collapse:collapse;width:100%;font-size:13px}.technologieen th{text-align:left;opacity:.8;border-bottom:1px solid var(--lijn);padding:3px 6px;font-size:11px;font-weight:600}.technologieen td{vertical-align:middle;padding:1px 6px}.technologieen td:first-child{align-items:center;gap:6px;display:flex}.technologieen td:first-child canvas{width:22px;height:22px}.technologieen .kosten{white-space:nowrap}.technologieen .kosten b{font-variant-numeric:tabular-nums;margin:0 6px 0 2px}.technologieen tr[data-stand=gedaan]{color:#b9d8a8}.technologieen tr[data-stand=tijdperk],.technologieen tr[data-stand=voorganger],.technologieen tr[data-stand=gebouw]{opacity:.6}.tijdperken td.gedaan,.tijdperken th:last-child{text-align:left}.tijdperken td.gedaan{white-space:nowrap;width:100%;max-width:0}.tijdperken td.gedaan b{vertical-align:middle;text-align:right;min-width:1.4em;margin-right:6px;display:inline-block}.tijdperken .rij{vertical-align:middle;pointer-events:auto;gap:2px;max-width:calc(100% - 2.2em);display:inline-flex;overflow-x:auto}.tijdperken .rij canvas{flex:none;width:20px;height:20px}.stand,.tijdperken{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.stand th,.tijdperken th{opacity:.8;text-align:right;border-bottom:1px solid var(--lijn);padding:4px 8px;font-size:12px;font-weight:600}.stand td,.tijdperken td{text-align:right;padding:5px 8px}.stand th:first-child,.stand td:first-child,.tijdperken th:first-child,.tijdperken td:first-child{text-align:left;white-space:nowrap}.stand td i,.tijdperken td i{border-radius:2px;width:10px;height:10px;margin-right:8px;display:inline-block}.stand .zelf,.tijdperken .zelf{background:#f1f4ee14;font-weight:600}.stand .uit span,.tijdperken .uit span{opacity:.6}.stand th.volk,.stand td.volk{text-align:left;white-space:nowrap}.stand .teamgrens td{border-top:1px solid var(--lijn)}.voetnoot{opacity:.75;font-size:12px}.onder{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;display:flex}.linksonder{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.minikaart{background:var(--paneel);border:1px solid var(--lijn);pointer-events:auto;cursor:pointer;touch-action:none;border-radius:4px;width:180px;height:180px}.melding{background:var(--paneel);border:1px solid var(--lijn);border-radius:4px;padding:8px 16px;font-size:16px}.bediening{background:var(--paneel);border:1px solid var(--lijn);pointer-events:auto;border-radius:4px;flex-direction:column;gap:8px;width:20rem;max-width:100%;padding:10px 12px 12px;display:flex}.titel{font-size:19px;font-weight:600}.detail{opacity:.92;white-space:pre-line;font-size:13px}.detail .grondstofplaatje{vertical-align:-5px;margin-right:6px}.voortgang{background:#1c2621;border-radius:4px;height:8px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.voortgang i{border-radius:4px;width:0;height:100%;display:block}.rij{flex-wrap:wrap;gap:6px;display:flex}.wintvan{font-size:13px;line-height:18px}.wintvan canvas{vertical-align:-3px;margin:0 -2px 0 2px}.wintvan canvas.voorop{margin:0 2px 0 0}.aanboord{flex-wrap:wrap;gap:3px;display:flex}.aanboord canvas{background:#ffffff12;border-radius:3px;display:block}.wacht{background:#3b4a42;align-items:center;gap:5px;padding:4px 10px;font-size:13px;display:flex}.wacht canvas{width:20px;height:20px}.opdrachten{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.knop{text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;padding:7px 9px;font-size:14px;display:grid}.knop span{font-weight:600}.knop kbd{font:inherit;opacity:.75;font-size:12px}.knop small{opacity:.85;grid-column:1/-1;font-size:11.5px}.knop.met-plaatje{grid-template-rows:auto auto;grid-template-columns:38px minmax(0,1fr);gap:1px 7px;padding:6px 7px}.knop .plaatje{grid-row:1/span 2;width:38px;height:38px;font-style:normal;position:relative}.knop .plaatje canvas{width:38px;height:38px;display:block}.knop .plaatje kbd{text-align:center;opacity:1;background:#0c120fd1;border-radius:3px;min-width:9px;padding:0 3px;font-size:10.5px;line-height:14px;position:absolute;bottom:-3px;right:-4px}.knop.met-plaatje span{white-space:nowrap;text-overflow:ellipsis;align-self:end;font-size:13px;overflow:hidden}.knop.onderzoek.met-plaatje span{white-space:normal;font-size:12.5px;line-height:1.15}.knop.met-plaatje.lange-naam{row-gap:0;min-height:46px;padding-top:2px;padding-bottom:2px}.knop.met-plaatje.lange-naam span{white-space:normal;font-size:12.5px;line-height:1.1}.knop.met-plaatje small{white-space:nowrap;grid-column:2;align-self:start;align-items:center;gap:3px;display:flex;overflow:hidden}.knop small i{border-radius:2px;width:9px;height:9px}.knop small b{font-variant-numeric:tabular-nums;margin-right:5px;font-weight:600}.knop small b.tekort{color:#ffa595}.knop.met-plaatje:has(>small.twee-regels){row-gap:0;padding-top:2px;padding-bottom:2px}.knop.met-plaatje:has(>small.twee-regels) span{line-height:1.05}.knop.met-plaatje small.twee-regels{grid-template-columns:repeat(2,auto auto);justify-content:start;align-items:center;gap:0 3px;line-height:1.1;display:grid}.knop small.twee-regels .grondstofplaatje canvas{width:14px!important;height:14px!important}.ruilrij{grid-column:1/-1;grid-template-columns:5em repeat(4,minmax(0,1fr));align-items:center;gap:4px;font-size:12.5px;display:grid}.ruilrij>span{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.knop.ruil{justify-content:center;align-items:center;min-width:0;padding:3px;display:flex}.knop.ruil canvas{width:28px;height:28px;display:block}.knop.ruil span{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}@media (max-height:640px){.opdrachten{gap:3px}.knop.met-plaatje{grid-template-columns:28px minmax(0,1fr);padding:3px 6px;font-size:13px}.knop.met-plaatje span,.knop.met-plaatje small{line-height:1.1}.knop .plaatje,.knop .plaatje canvas{width:28px;height:28px}.knop.met-plaatje.lange-naam{row-gap:1px;min-height:0;padding:3px 6px}.knop.met-plaatje.lange-naam span{line-height:1.1}.knop.met-plaatje.lange-naam:not(.onderzoek) span{white-space:nowrap}.knop.met-plaatje:has(>small.twee-regels){align-content:center;padding-top:0;padding-bottom:0}.knop.met-plaatje small.twee-regels{line-height:1}.knop.met-plaatje:has(>small.twee-regels) span{line-height:1}.knop small.twee-regels .grondstofplaatje canvas{width:11px!important;height:11px!important}.ruilrij{gap:3px}.knop.ruil{padding:2px}.knop.ruil canvas{width:22px;height:22px}}.afbreken{background:#6b2f2a}.meting{background:var(--paneel);font-variant-numeric:tabular-nums;white-space:pre-line;text-align:right;border-radius:3px;padding:6px 10px;font-size:13px}[hidden]{display:none!important}button{border:1px solid var(--lijn);color:var(--inkt);font:inherit;cursor:pointer;background:#2f5d46;border-radius:3px;padding:8px 16px}button:disabled,button[aria-disabled=true]{opacity:.5;cursor:default}#startscherm{box-sizing:border-box;background:radial-gradient(at 50% 40%,#d6dfe0 0%,#c8d3d6 55%,#aebcc0 100%);padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.startpaneel{box-sizing:border-box;border:1px solid var(--lijn);background:#121a16;border-radius:6px;flex-direction:column;gap:16px;width:min(36rem,100%);margin:auto;padding:20px 24px 22px;font-size:15px;line-height:1.35;display:flex;box-shadow:0 10px 30px #121a1659}.startkop{align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;line-height:1.15;display:flex}.startkop .beta{color:#fff;background:#b4412f;border-radius:2px;padding:3px 6px;font-size:12px;font-weight:700;line-height:1}.startvraag{border:0;min-width:0;margin:0;padding:0}.startvraag legend{margin-bottom:8px;padding:0;font-size:16px;font-weight:600}.startkeuzes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.startkeuze{cursor:pointer;flex:1 1 0;min-width:5.25rem;max-width:calc(33.3333% - 5.33333px);position:relative}.niveaus .startkeuze{min-width:4.25rem;max-width:none}.startkeuze input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute;top:0;left:0}.startkeuze .kaart{box-sizing:border-box;border:1px solid var(--lijn);text-align:center;background:#f1f4ee0d;border-radius:4px;flex-direction:column;align-items:center;gap:6px;height:100%;padding:10px 4px 8px;display:flex}.startkeuze img{width:56px;height:56px;display:block}.keuzenaam{overflow-wrap:anywhere;font-size:14px}.startkeuze:hover .kaart{background:#f1f4ee1c}.startkeuze input:checked+.kaart{background:#d6b96c33;border-color:#d6b96c;box-shadow:inset 0 0 0 1px #d6b96c}.startkeuze input:checked+.kaart .keuzenaam{font-weight:650}.startkeuze input:focus-visible+.kaart{outline:2px solid var(--inkt);outline-offset:2px}.startbegin{color:#132b25;background:#d6b96c;border-color:#7d6535;align-self:center;min-width:12rem;padding:10px 28px;font-size:18px;font-weight:650;box-shadow:0 3px #7d6535}.startbegin:focus-visible{outline:2px solid var(--inkt);outline-offset:3px}@media (max-width:480px){.startpaneel{gap:14px;padding:16px 14px 18px}.startkop{font-size:22px}.startkeuze img{width:48px;height:48px}.keuzenaam{font-size:13px}.startbegin{align-self:stretch}}#wachtkamer{-webkit-user-select:text;user-select:text;background:#18211c;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.paneel{background:var(--paneel);border:1px solid var(--lijn);border-radius:6px;width:min(34rem,100%);margin:auto;padding:22px 26px;font-size:16px;line-height:1.45}.paneel h1{margin:0 0 6px;font-size:26px}.uitleg{opacity:.9;margin:0 0 12px}.delen{gap:8px;display:flex}.link{border:1px solid var(--lijn);min-width:0;color:var(--inkt);font:inherit;background:#0000004d;border-radius:3px;flex:1;padding:8px 10px;font-size:14px}.letop{background:#00000040;border-left:4px solid #e2a23a;margin:10px 0 0;padding:8px 10px;font-size:14px}.plekken{gap:6px;margin:16px 0 12px;padding:0;list-style:none;display:grid}.plek{border-left:5px solid var(--kleur);background:#00000040;border-radius:3px;align-items:center;gap:12px;padding:7px 12px;display:flex}.plek .naam{flex:1;min-width:0}.plek .team,.plek .volk{border:1px solid var(--lijn);color:var(--inkt);font:inherit;background:#2f5d46;border-radius:3px;padding:4px 8px;font-size:14px}.plek .volk{width:120px}.plek .team:disabled,.plek .volk:disabled{opacity:.5}.plek .sterkte{align-items:center;gap:6px;min-width:0;display:flex}.plek .sterkteplaatje{filter:drop-shadow(1px 0 #fff4dc)drop-shadow(-1px 0 #fff4dc)drop-shadow(0 1px #fff4dc)drop-shadow(0 -1px #fff4dc);flex:none;width:24px;height:24px}.plek .sterktelijst{border:1px solid var(--lijn);min-width:0;color:var(--inkt);font:inherit;background:#2f5d46;border-radius:3px;flex:1;padding:4px 6px;font-size:14px}.plek .sterktelijst:disabled{opacity:.5}.volkregel{background:#00000040;border-radius:3px;margin:0 0 12px;padding:8px 10px;font-size:15px}.volkkeuze,.motto{margin:0}.motto{opacity:.9;margin-top:2px;font-style:italic}.teams{opacity:.9;margin:0 0 8px;font-size:15px}.stand{min-height:1.45em;margin:0 0 14px}.knoppen{align-items:center;gap:18px;display:flex}.start{font-size:17px;font-weight:600}.lokaal,.terug{color:var(--inkt);opacity:.85}.eigenkamer,.naarcomputer{color:#132b25;background:#d6b96c;border:1px solid #7d6535;border-radius:3px;padding:8px 16px;font-weight:650;text-decoration:none;box-shadow:0 3px #7d6535}.plek .wie{font-weight:inherit}.paneel.met-namen{width:min(50rem,100%)}.met-namen .plek{padding:5px 12px 5px 8px}.plek .dorpeling{flex:none;width:40px;height:40px}.met-namen .plek .naam{flex-direction:column;display:flex}.met-namen .plek .wie{font-size:16.5px;font-weight:650}.plek .soort{opacity:.82;font-size:13px}.plek.vrij .dorpeling{filter:grayscale(.7);opacity:.45}.met-namen .plek.vrij .wie{opacity:.85;font-style:italic;font-weight:500}.met-namen .plek{grid-template-columns:40px minmax(0,1fr) 140px 92px 120px 96px;gap:10px;display:grid}.plek .soort .hal{vertical-align:-4px;width:18px;height:18px;margin-right:4px}.plek .klaar{white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:inline-flex}.plek .klaar svg{flex:none;width:22px;height:25px}.plek .klaar.nee{opacity:.7}.plek .actie{justify-self:end}#wachtkamer button.klein{white-space:nowrap;padding:3px 10px;font-size:13.5px}#wachtkamer button.zacht{background:#00000040}.met-namen button.hoofd,.met-namen .start{color:#132b25;background:#d6b96c;border-color:#7d6535;font-size:17px;font-weight:650;box-shadow:0 3px #7d6535}.uitlegrij{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;display:flex}.uitlegrij .uitleg{margin:0}.kaartrij{background:#00000040;border-radius:3px;align-items:center;gap:12px;margin:0 0 12px;padding:8px 10px;display:flex}.kaartbeeld{border-radius:3px;flex:none;width:56px;height:56px}.kaartwoorden{min-width:0}.kaartlabel{align-items:center;gap:10px;display:flex}.kaartkeuze{border:1px solid var(--lijn);color:var(--inkt);font:inherit;background:#2f5d46;border-radius:3px;padding:4px 8px;font-size:14px}.kaartkeuze:disabled{opacity:.75}.kaartuitleg{opacity:.9;margin-top:4px;font-size:14px;display:block}.met-namen .stand,.gebeurd{box-sizing:border-box;background:#00000040;width:100%;padding:8px 10px;font-size:14.5px}.met-namen .stand{border-left:4px solid #e2a23a}.gebeurd{border-left:4px solid #8fae6b;margin:0 0 8px}#wachtkamer .opdracht{overflow-wrap:anywhere;max-width:100%;display:inline-block}#wachtkamer .voetnoot{text-align:right;margin-left:auto;font-size:13px}@media (max-width:799px){.met-namen .plek{grid-template-columns:40px 140px 92px 120px minmax(0,1fr)}.met-namen .plek .naam{grid-column:2/-1}.met-namen .plek .klaar,.met-namen .plek .sterkte{grid-column:2}}@media (max-width:640px){.met-namen .plek{grid-template-columns:40px minmax(0,1fr) auto}.met-namen .plek .naam{grid-column:2/4}.met-namen .plek .klaar,.met-namen .plek .sterkte,.met-namen .plek .team{grid-column:2}.met-namen .plek .actie{grid-area:2/3}.met-namen .plek .volk{grid-column:2}.plek{flex-wrap:wrap}.plek .naam{flex-basis:100%}.knoppen{flex-wrap:wrap}}.kop{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.paneel .taaltekst{opacity:.85;min-width:0}.storing{text-align:center;background:#18211c;place-items:center;margin:0;padding:24px;font-size:20px;display:grid;position:fixed;inset:0}.kijker{flex:1 0 100%;order:1;grid-template-columns:minmax(0,1fr) auto;place-items:start;gap:4px 8px;min-width:0;display:grid}.kijker-rij{background:var(--paneel);border:1px solid var(--lijn);pointer-events:auto;border-radius:4px;flex-wrap:wrap;grid-area:1/1;justify-self:stretch;align-items:center;gap:6px 8px;padding:6px 10px;display:flex}.kijker button{padding:5px 10px;font-size:14px}.kijker .inklapknop{box-sizing:border-box;background:var(--paneel);pointer-events:auto;border-radius:4px;grid-area:1/2;place-items:center;width:30px;height:30px;padding:0;display:grid}.inklapknop svg{width:18px;height:18px;display:block}.kijker.ingeklapt .kijker-rij,.kijker.ingeklapt .kijkregel{display:none}.kijker .afspelen{min-width:5.5rem}.snelheden{gap:4px;display:flex}.snelheden button{font-variant-numeric:tabular-nums;min-width:2.6rem;padding:5px 6px}.snelheden button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--inkt);background:#4f8a68}.kijktijd{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.tijdlijnplek{flex-direction:column;flex:22rem;gap:2px;min-width:0;display:flex}.tijdlijnplek .verkenner,.tijdlijnregel,.tijdlijnvoortgang{margin:0;font-size:13px;line-height:1.25}.tijdlijn{flex-direction:column;gap:2px;display:flex}.tijdlijnbalk{z-index:0;height:calc(36px + (var(--merkrijen,1) - 1) * 25px);border-bottom:1px solid var(--lijn);cursor:pointer;background:#f1f4ee14;border-radius:2px;margin:0 12px;position:relative}.tijdlijnbalk .minuut{pointer-events:none;border-left:1px solid #f1f4ee3d;width:0;position:absolute;top:0;bottom:0}.tijdlijnbalk .minuut span{color:#f1f4eebf;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;line-height:1;position:absolute;bottom:0;left:3px}.tijdlijnbalk .minuut.voor span{left:auto;right:3px}.tijdlijnbalk .nogniet{pointer-events:none;background:repeating-linear-gradient(135deg,#8086829e 0 5px,#6268649e 5px 10px);position:absolute;top:0;bottom:0;right:0}.tijdlijnbalk .afwijking{z-index:2;pointer-events:none;background:#e2594e;border-radius:1px;width:3px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px}.tijdlijnbalk .speelkop{z-index:3;background:var(--inkt);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 1px #121a16b3}.tijdlijnbalk .merken{z-index:1;pointer-events:none;position:absolute;inset:0}.kijker .merk{bottom:calc(13px + var(--merkrij,0) * 25px);pointer-events:auto;background:#121a16c7;border:0;border-radius:4px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:1px;display:flex;position:absolute;transform:translate(-50%)}.kijker .merk:after{content:"";background:var(--kleur,transparent);border-radius:1px;height:2px;position:absolute;bottom:-3px;left:3px;right:3px}.kijker .merk canvas{width:20px;height:20px;display:block}.kijker .merk.woord{white-space:nowrap;padding:0 4px;font-size:10px;font-weight:600;line-height:1}.kijker .merk:hover,.kijker .merk:focus-visible{z-index:1;transform:translate(-50%)scale(1.25)}.kijker .merk[data-soort=aanval]{box-shadow:0 0 0 2px #e2594e}.kijker .merk[data-soort=hal-valt] canvas{filter:brightness(.45)}.kijker .merk[data-soort=hal-valt]:before{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 43%,#e2594e 43% 57%,#0000 57%),linear-gradient(-45deg,#0000 43%,#e2594e 43% 57%,#0000 57%);position:absolute;inset:3px}.kijker .merk[data-soort=eruit] canvas{filter:grayscale()opacity(.75)}.kijker .merk.woord[data-soort=eruit]{color:#f1f4ee99}.kijker .merk[data-soort=einde]{box-shadow:0 0 0 2px #e8c14a}@media (max-height:660px){.kijker{row-gap:3px}.kijker-rij{gap:4px 8px;padding:4px 8px}.kijker button{padding:3px 9px}.snelheden button{padding:3px 6px}.kijker .inklapknop{width:26px;height:26px}.inklapknop svg{width:16px;height:16px}.tijdlijnbalk{height:calc(30px + (var(--merkrijen,1) - 1) * 25px)}.kijkregel{padding:3px 10px}}.kijkals{white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.kijkals select{border:1px solid var(--lijn);max-width:12rem;color:var(--inkt);font:inherit;background:#2f5d46;border-radius:3px;padding:4px 6px;font-size:14px}.gezichtspunt:empty{display:none}.kijkregel{background:var(--paneel);border-left:4px solid #e2a23a;border-radius:3px;grid-area:2/1;max-width:100%;margin:0;padding:4px 10px;font-size:14px}.kijkmelding{text-align:center;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#18211c;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:20px;display:flex;position:fixed;inset:0}.kijkmelding p{max-width:36rem;margin:0}.kijkmelding a{border:1px solid var(--lijn);color:var(--inkt);background:#2f5d46;border-radius:3px;padding:8px 16px;font-size:16px;text-decoration:none}.knop.later-tijd .plaatje>canvas,.knop.later-tijd:not(.met-plaatje)>span{filter:grayscale()brightness(.55)}.knop.later-tijd>small:not(.later-regel){display:none}.knop small.later-regel{white-space:nowrap;color:#b9c8a8;grid-column:2;align-self:start;align-items:center;gap:4px;font-size:11.5px;display:flex;overflow:hidden}.knop:not(.met-plaatje) small.later-regel{grid-column:1/-1}.knop small.later-regel span{min-width:0;font-size:inherit;font-weight:500;line-height:inherit;align-self:auto}.knop small.later-regel canvas{border-radius:3px;flex:none;width:18px;height:18px}.wachtblok{flex-direction:column;gap:14px;width:min(34rem,100%);min-width:0;margin:auto;display:flex}.wachtblok.met-namen{width:min(50rem,100%)}.wachtblok .paneel{box-sizing:border-box;width:100%;margin:0}.praten{border:1px solid var(--lijn);background:var(--paneel);border-radius:6px;font-size:15px;line-height:1.4;position:relative}.praten-in{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.praten-kop{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.praten-titel{margin:0;font-size:18px}.praten-hier{opacity:.8;white-space:nowrap;font-size:13.5px}.praten-weg,.praten-melding{background:#00000040;border-left:4px solid #e2a23a;margin:0;padding:6px 10px;font-size:14px}.praten-midden{flex-direction:column;min-height:0;display:flex;position:relative}.praten-lijst{overscroll-behavior:contain;flex-direction:column;gap:4px;min-height:6rem;max-height:16.8rem;padding-right:4px;display:flex;overflow-y:auto}.praten-leeg{opacity:.75;margin:0;padding:6px 0;font-style:italic}.bericht,.bericht-onderweg{overflow-wrap:anywhere}.bericht-onderweg .bericht-tekst,.praat-onderweg .praat-tekst{opacity:.7}.bericht-stand,.praat-stand{opacity:.8;font-size:12.5px;font-style:italic}.bericht-dorp{vertical-align:-3px;width:16px;height:16px;margin-right:6px}.bericht-naam{font-weight:700}.bericht-tussen{opacity:.75;font-size:13px;font-style:italic}.bericht-extra{align-items:baseline;gap:4px;margin-left:6px;display:inline-flex}.bericht-menu{gap:4px;display:inline-flex}#wachtkamer button.bericht-meer{opacity:.6;background:0 0;border:0;padding:0 4px;font-size:12.5px;text-decoration:underline}.praten-nieuw{position:absolute;bottom:4px;right:6px}.praten-regel{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.praten-veld{border:1px solid var(--lijn);min-width:0;color:var(--inkt);font:inherit;background:#0000004d;border-radius:3px;flex:1;padding:8px 10px}.praten-teller{opacity:.85;flex-basis:100%;order:3;font-size:13px}.praten-regel-tekst{opacity:.9;flex:14rem;margin:0}.praten-account{color:#d6b96c}.praten-venster{z-index:3;border:1px solid var(--lijn);background:#18211c;border-radius:6px;padding:12px 14px;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 6px 18px #00000080}.praten-venster-vraag{margin:0 0 10px}.praten-venster-keuzes{flex-wrap:wrap;gap:6px 8px;display:flex}@media (min-width:1200px){.wachtblok{flex-direction:row;align-items:stretch;gap:16px;width:auto;max-width:100%}.wachtblok.met-namen{width:auto}.wachtblok .paneel{box-sizing:content-box;flex:none;width:34rem}.wachtblok.met-namen .paneel{width:50rem}.praten{flex:none;width:20rem;min-height:26rem}.praten-in{position:absolute;inset:0}.praten-midden{flex:1}.praten-lijst{flex:1;max-height:none}}@media (max-width:640px){.praten-in{padding:12px}.praten-veld{flex-basis:0}}.praatregels{box-sizing:border-box;pointer-events:none;align-items:flex-end;gap:6px;width:24rem;max-width:max(40vw,180px);display:flex}.praatregels.open{pointer-events:auto}.praat-vers{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.praatregels .praat-ballon{box-sizing:border-box;border:1px solid var(--lijn);background:var(--paneel);pointer-events:auto;border-radius:4px;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid;position:relative}.praat-ballon svg{width:20px;height:20px;display:block}.praat-ballon[aria-expanded=false] svg{opacity:.75}.praat-nieuw{box-sizing:border-box;color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#b4412f;border-radius:9px;min-width:17px;height:17px;padding:0 4px;font-size:11px;font-weight:700;line-height:17px;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #e6d092}.praatregels.open .praat-vers{visibility:hidden;position:absolute}.praat-bericht{overflow-wrap:anywhere;background:#121a169e;border-radius:3px;padding:3px 8px;font-size:14px;line-height:1.3;animation:1s linear 15s forwards praat-weg}@keyframes praat-weg{to{opacity:0}}.praat-merk{background:#00000059;border-radius:3px;margin-right:6px;padding:0 5px;font-size:12px}.praat-team{background:#1e3e68b8;border-left:5px solid #4fa3ff}.praat-kamer{border-left:2px dotted #ebebdc8c}.praat-merk-team{color:#0c1a2c;background:#4fa3ff;border:1px solid #4fa3ff;font-weight:700}.praat-merk-kamer{color:inherit;background:0 0;border:1px dashed #ebebdcb3}.praat-mislukt{border-left:4px solid #e2a23a}.praat-mislukt .praat-stand{opacity:1;font-style:normal}.praat-regel.doel-team .praat-doel{color:#0c1a2c;background:#4fa3ff;border:2px solid #4fa3ff;font-weight:700}.praat-regel.doel-kamer .praat-doel{background:0 0;border:2px dashed #ebebdcb3}.praat-regel.doel-team .praat-veld{border:2px solid #4fa3ff;border-left-width:6px}.praat-regel.doel-kamer .praat-veld{border:2px dotted #ebebdc99}.praat-dorp{vertical-align:-3px;width:16px;height:16px;margin-right:4px}.praat-naam{font-weight:700}.praat-vak{border:1px solid var(--lijn);background:#121a16db;border-radius:4px;flex-direction:column;flex:auto;gap:6px;min-width:0;padding:8px;display:flex;position:relative}.praat-lijst{overscroll-behavior:contain;flex-direction:column;gap:3px;max-height:14rem;display:flex;overflow-y:auto}.praat-vak .praat-bericht{background:0 0;padding:0;animation:none}.praat-vak .praat-team,.praat-vak .praat-kamer{padding-left:6px}.praat-vak .praat-team{background:#1e3e6873}.praat-melding{background:#00000040;border-left:4px solid #e2a23a;margin:0;padding:4px 8px;font-size:13px}.praat-regel{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.praat-regel-tekst{flex:10rem;margin:0;font-size:14px}.praat-account{color:#d6b96c;font-size:14px}.praat-veld{border:1px solid var(--lijn);min-width:0;color:var(--inkt);font:inherit;-webkit-user-select:text;user-select:text;background:#00000059;border-radius:3px;flex:6rem;padding:6px 8px;font-size:14px}.praat-teller{opacity:.85;flex-basis:100%;order:3;font-size:12.5px}.praatregels button{padding:4px 10px;font-size:13.5px}.praatregels button.praat-meer{opacity:.6;background:0 0;border:0;padding:0 4px;font-size:12px;text-decoration:underline}.praat-vak .praten-venster{box-shadow:none;position:static}.praat-vak .bericht-menu{gap:4px;display:inline-flex}@media (max-height:640px){.praatregels{max-width:40vw}.praat-lijst{max-height:6rem}}@media (max-width:640px) and (min-height:641px){.praatregels{max-width:calc(100vw - 24px)}}#telefoonscherm{z-index:100;box-sizing:border-box;background:radial-gradient(at 50% 40%,#d6dfe0 0%,#c8d3d6 55%,#aebcc0 100%);padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.telefoonpaneel{width:min(26rem,100%)}.telefoontekst{margin:0;font-size:16px;line-height:1.45}