@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/playfair-display-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/playfair-display-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--primary:#133d2a;--primary-dark:#0a2618;--primary-light:#deeade;--accent:#c5a55a;--accent-dark:#a8893d;--accent-soft:#c5a55a24;--secondary:#4e8f83;--secondary-dark:#3f7a72;--success:#3e7d4e;--success-bg:#e3efe0;--success-text:#2c5e3a;--success-border:#3e7d4e;--warning-bg:#f9eed4;--warning-text:#7c5a17;--warning-border:#d9962e;--warning-dark:#b57b22;--danger-bg:#f9e4de;--danger-text:#8c3325;--danger-border:#eec5ba;--danger-bg-light:#fbf0ec;--danger-dark:#a83c29;--info-bg:#e2edea;--info-text:#2f5f57;--info-border:#4e8f83;--inactive:#a8a897;--overlay-bg:#0a26188c;--danger:#c74a35;--warning:#d9962e;--bg-primary:#fff;--bg-secondary:#faf6f0;--bg-tertiary:#f5f0e8;--text-primary:#28332c;--text-secondary:#6a7268;--text-tertiary:#a8a897;--text-op-donker:#f2ecdd;--border:#e8e0d0;--border-focus:var(--primary);--shadow-sm:0 1px 2px #3a301a0f;--shadow-md:0 4px 12px #3a301a14;--shadow-lg:0 12px 28px #3a301a1f;--shadow-xl:0 20px 40px #3a301a29;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition:all .2s ease-in-out;--focus-ring:#133d2a1f}[data-modus=donker]{--primary:#2e6e4e;--primary-dark:#245a3f;--primary-light:#c5a55a29;--accent:#d4ba7a;--accent-dark:#c5a55a;--accent-soft:#d4ba7a24;--secondary:#3f7a72;--secondary-dark:#35665f;--bg-primary:#103122;--bg-secondary:#0a2618;--bg-tertiary:#16402d;--text-primary:#ece5d4;--text-secondary:#c2bda6;--text-tertiary:#8f9a89;--border:#23503a;--border-focus:var(--accent);--focus-ring:#d4ba7a33;--success:#6fbf8a;--success-bg:#17402a;--success-text:#8fd6a5;--success-border:#2e6e4e;--warning:#e9c86d;--warning-bg:#4a3d16;--warning-text:#e9c86d;--warning-border:#6b5a24;--warning-dark:#c5a55a;--danger:#e07a63;--danger-bg:#4a241c;--danger-text:#f2a795;--danger-border:#6e372b;--danger-bg-light:#3d1f18;--danger-dark:#f2a795;--info-bg:#163a38;--info-text:#8fd0c8;--info-border:#3f7a72;--inactive:#8f9a89;--overlay-bg:#0009;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 12px 28px #00000073;--shadow-xl:0 20px 40px #0000008c}[data-modus=donker] .alert-error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger-text)}[data-modus=donker] .alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success-text)}[data-modus=donker] .alert-info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-modus=donker] .badge-primary{background:var(--accent-soft);color:var(--accent)}[data-modus=donker] .badge-success{background:var(--success-bg);color:var(--success-text)}[data-modus=donker] .badge-danger{background:var(--danger-bg);color:var(--danger-text)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-secondary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:DM Sans,sans-serif;font-weight:700;line-height:1.2}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.text-center{text-align:center}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.tekst-secundair{color:var(--text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;padding:.75rem 1.5rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm)}.btn:active{box-shadow:none}.btn-primary{background:var(--primary);color:var(--text-op-donker)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-dark)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-dark)}.btn-small{padding:.5rem 1rem;font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{box-shadow:none}.form-group{margin-bottom:var(--spacing-lg)}.form-label{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:.9rem;font-weight:500;display:block}.form-input,.form-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);width:100%;color:var(--text-primary);transition:var(--transition);padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:1rem}.form-input:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.form-input::placeholder{color:var(--text-tertiary)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.card-title{margin:0;font-size:1.5rem}.table-container{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}table{border-collapse:collapse;background:var(--bg-primary);width:100%}thead{background:var(--bg-tertiary)}th{text-align:left;color:var(--text-secondary);padding:1rem;font-size:.875rem;font-weight:600}td{border-top:1px solid var(--border);padding:1rem}tbody tr{transition:var(--transition)}tbody tr:hover{background:var(--bg-secondary)}.badge{border-radius:999px;padding:.2rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-primary{background:var(--primary-light);color:var(--primary-dark)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.alert{border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid;padding:1rem 1.25rem}.alert-error{background:var(--danger-bg);border-color:var(--danger);color:var(--danger-text)}.alert-success{background:var(--success-bg);border-color:var(--success);color:var(--success-text)}.alert-info{background:var(--info-bg);border-color:var(--secondary);color:var(--info-text)}.spinner{border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}@media (width<=1100px){.container{padding:0 var(--spacing-sm)}th,td{padding:.75rem .5rem;font-size:.875rem}}@media (width<=768px){.card{padding:var(--spacing-lg)}.btn{min-height:44px}table{font-size:.875rem}th,td{padding:.75rem .5rem}}@media (width<=480px){.container{padding:0 var(--spacing-xs)}.card{padding:var(--spacing-md)}th,td{padding:.5rem .25rem;font-size:.8rem}.btn{padding:.625rem 1rem;font-size:.875rem}.form-input,.form-select{padding:.625rem .75rem;font-size:.9rem}}:root{--terrein-open:#e4ead9;--terrein-bos:#7f9f6c;--terrein-water:#8fb8cf;--terrein-rots:#a39e93;--terrein-brug:#c9a77a;--terrein-basis:#f2ecdd;--terrein-rand:#fff;--speler-rood:#d0412f;--speler-blauw:#2f68c4;--speler-groen:#21a35a;--speler-geel:#f0c419;--speler-paars:#8a4fc0;--speler-oranje:#ee7a22;--speler-geen:#a8a897;--pion-rand:#1b1f1c;--pion-letter:#fff;--qr-donker:#000;--qr-licht:#fff}body{background:var(--bg-secondary)}.midden{min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.balk-waarschuwing{z-index:20;background:var(--warning-bg);color:var(--warning-text);border-bottom:1px solid var(--warning-border);padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-weight:600;position:sticky;top:0}.stip{border:2px solid var(--pion-rand);vertical-align:-.1em;border-radius:50%;width:.9em;height:.9em;display:inline-block}.stip-rood{background:var(--speler-rood)}.stip-blauw{background:var(--speler-blauw)}.stip-groen{background:var(--speler-groen)}.stip-geel{background:var(--speler-geel)}.stip-paars{background:var(--speler-paars)}.stip-oranje{background:var(--speler-oranje)}.stip-geen{background:var(--speler-geen)}.kamercode-invoer{letter-spacing:.3em;text-transform:uppercase;font-size:1.5rem;font-weight:700}.overlay{z-index:30;background:var(--overlay-bg);padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start{max-width:520px;padding:var(--spacing-2xl) var(--spacing-md);margin:0 auto}.start h1{font-size:2.5rem}.bord{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.vak{stroke:var(--terrein-rand);stroke-width:.8px}.vak-open{fill:var(--terrein-open)}.vak-bos{fill:var(--terrein-bos)}.vak-water{fill:var(--terrein-water)}.vak-rots{fill:var(--terrein-rots)}.vak-brug{fill:var(--terrein-brug)}.vak-basis{fill:var(--terrein-basis);stroke-width:2.2px;stroke:var(--speler-geen)}.basis-rood{stroke:var(--speler-rood)}.basis-blauw{stroke:var(--speler-blauw)}.basis-groen{stroke:var(--speler-groen)}.basis-geel{stroke:var(--speler-geel)}.basis-paars{stroke:var(--speler-paars)}.basis-oranje{stroke:var(--speler-oranje)}.vak-bereikbaar{stroke:var(--accent-dark);stroke-width:1.8px;filter:brightness(1.12)}.vak-gekozen{stroke:var(--primary-dark);stroke-width:3px}.klikbaar{cursor:pointer}.vak-label{text-anchor:middle;fill:var(--text-secondary);pointer-events:none;font-size:3.6px}.opdracht-gedeeld{fill:var(--accent-soft);stroke:var(--accent);stroke-width:2.4px;pointer-events:none}.opdracht-geheim{fill:none;stroke:var(--primary-dark);stroke-width:1.4px;stroke-dasharray:2 1.5;pointer-events:none}.pion{stroke:var(--pion-rand);stroke-width:1.2px}.pion-rood{fill:var(--speler-rood)}.pion-blauw{fill:var(--speler-blauw)}.pion-groen{fill:var(--speler-groen)}.pion-geel{fill:var(--speler-geel)}.pion-paars{fill:var(--speler-paars)}.pion-oranje{fill:var(--speler-oranje)}.pion-geen{fill:var(--speler-geen)}.pion-ik{stroke-width:2.4px}.pion-actief{fill:none;stroke:var(--accent);stroke-width:2px}.pion-letter{text-anchor:middle;fill:var(--pion-letter);pointer-events:none;paint-order:stroke;stroke:var(--pion-rand);stroke-width:.6px;font-size:5px;font-weight:700}.qr{width:min(42vh,100%);height:auto;margin:var(--spacing-md) auto;display:block}.qr-achtergrond{fill:var(--qr-licht)}.qr-modules{fill:var(--qr-donker)}.scherm{min-height:100vh}.scherm-melding{top:var(--spacing-md);z-index:25;position:fixed;left:50%;transform:translate(-50%)}.lobby{gap:var(--spacing-xl);padding:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:start;min-height:100vh;display:grid}.lobby-join{text-align:center}.lobby-join h1{font-size:2.75rem}.kamercode{letter-spacing:.35em;color:var(--primary-dark);margin-top:var(--spacing-md);font-size:4rem;font-weight:700}.spelerlijst{gap:var(--spacing-sm);font-size:1.35rem;list-style:none;display:grid}.spelerlijst li{align-items:center;gap:var(--spacing-sm);display:flex}.spelernaam{font-weight:600}.spelerlijst .btn{margin-left:auto}.spel{gap:var(--spacing-lg);padding:var(--spacing-lg);grid-template-columns:minmax(0,1fr) 380px;height:100vh;display:grid}.spel-bord{justify-content:center;align-items:center;min-height:0;display:flex}.spel-zijbalk{gap:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.spel-zijbalk .card{padding:var(--spacing-md) var(--spacing-lg)}.beurt{margin-top:var(--spacing-xs);font-size:1.5rem}.opdracht-vak{color:var(--accent-dark);font-size:1.25rem}.stand th,.stand td{padding:.4rem .5rem}.stand td:first-child{align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.stand tr.uitgeschakeld td{color:var(--text-tertiary)}.logboek ul{gap:var(--spacing-xs);font-size:.95rem;list-style:none;display:grid}.logboek li:first-child{font-weight:600}.eindstand{min-width:min(480px,90vw)}.eindstand ol{gap:var(--spacing-sm);font-size:1.4rem;list-style:none;display:grid}.eindstand li{align-items:center;gap:var(--spacing-sm);display:flex}.plaats{width:2ch;font-weight:700}.beurtvolgorde{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.beurtvolgorde-ronde{color:var(--text-secondary);font-size:.9rem}.beurtvolgorde ol{gap:var(--spacing-xs);flex-wrap:wrap;list-style:none;display:flex}.beurtvolgorde li{align-items:center;gap:var(--spacing-xs);border:2px solid var(--border);background:var(--bg-primary);border-radius:999px;padding:.3rem .7rem;font-size:1.1rem;font-weight:600;display:inline-flex}.beurtvolgorde li+li:before{content:"→";margin-right:var(--spacing-xs);color:var(--text-tertiary);font-weight:400}.beurtvolgorde .beurt-geweest{opacity:.45}.beurtvolgorde .beurt-aan-de-beurt{border-color:var(--accent);background:var(--accent-soft)}.beurtvolgorde .beurt-ik{text-decoration:underline}.beurtvolgorde-compact li{padding:.2rem .5rem;font-size:.9rem}.beurtvolgorde-compact{align-items:center}.visueel-verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.telefoon{max-width:560px;padding:var(--spacing-md);padding-bottom:var(--spacing-2xl);margin:0 auto}.telefoon-kop{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.telefoon-kop .punten{margin-left:auto;font-size:1.25rem;font-weight:700}.kleurkeuze{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.kleurknop{border-radius:var(--radius-md);min-height:56px;color:var(--qr-licht);cursor:pointer;border:3px solid #0000;font-family:inherit;font-size:1rem;font-weight:700}.kleurknop.gekozen{border-color:var(--primary-dark);box-shadow:0 0 0 3px var(--accent)}.kleurknop:disabled{opacity:.35;cursor:not-allowed}.geheim .rang{align-items:center;gap:var(--spacing-md);display:flex}.geheim .rang>span:last-child{flex-direction:column;display:flex}.rang-getal{border-radius:var(--radius-md);background:var(--primary-dark);width:4rem;height:4rem;color:var(--text-op-donker);justify-content:center;align-items:center;font-size:2.75rem;font-weight:700;display:flex}.bediening{text-align:center}.btn-groot{width:100%;min-height:56px;font-size:1.15rem}.worp{font-size:1.5rem}.telefoon-bord{margin-bottom:var(--spacing-md)}.legenda{text-align:center;font-size:.8rem}@media (width<=900px){.lobby,.spel{grid-template-columns:1fr;height:auto}}.tikmelding{text-align:center;width:100%;max-width:420px}.tikmelding p{font-size:1.15rem}.rang-getal-klein{vertical-align:middle;width:2.75rem;height:2.75rem;margin-left:var(--spacing-xs);font-size:1.75rem;display:inline-flex}