.spel{position:fixed;inset:0;overflow:hidden;background:#1b2733;touch-action:none;user-select:none;-webkit-user-select:none}.spel-doek{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:max(16px,env(safe-area-inset-top)) 18px max(16px,env(safe-area-inset-bottom))}.hud:before,.hud:after{content:"";position:absolute;left:0;right:0;pointer-events:none}.hud:before{top:0;height:150px;background:linear-gradient(to bottom,#090c0f9e,#090c0f00)}.hud:after{bottom:0;height:92px;background:linear-gradient(to top,#090c0f80,#090c0f00)}.hud-boven,.hud-onder{position:relative}.hud-boven{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:12px}.hud-blok{display:flex;flex-direction:column;gap:2px}.hud-rechts{align-items:flex-end}.hud-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#e7edf28c}.hud-groot{font-size:30px;font-weight:800;line-height:1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);font-variant-numeric:tabular-nums}.hud-straat{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding:7px 14px;border-radius:999px;background:#0d10138c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ff8a1f;font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;transition:opacity .22s ease,transform .22s ease}.hud-straat.wisselt{opacity:0;transform:translateY(-6px)}.hud-onder{display:flex;align-items:center;gap:12px;color:#e7edf2bf;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;text-shadow:0 1px 6px rgba(0,0,0,.6)}.hud-scheiding{width:1px;height:12px;background:#e7edf247}.paneel{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(120% 90% at 50% 40%,#0d10139e,#080a0ceb);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}.paneel-kaart{width:min(420px,100%);background:#10151a;border:1px solid #232a32;border-radius:18px;padding:28px 24px 24px;text-align:center;box-shadow:0 24px 60px #0000008c}.merk{margin:0;font-size:54px;font-weight:800;letter-spacing:.18em;color:#ff8a1f;text-indent:.18em}.onderkop{margin:6px 0 26px;color:#e7edf299;font-size:14px}.paneel-titel{margin:0 0 18px;font-size:26px;font-weight:800;letter-spacing:.04em;color:#e7edf2}.knop-groot{width:100%;appearance:none;border:none;border-radius:12px;background:#ff8a1f;color:#0d1013;font:700 18px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.04em;padding:16px;cursor:pointer;transition:filter .15s ease,transform .1s ease}.knop-groot:active{transform:translateY(1px);filter:brightness(.94)}.knop-rand{width:100%;appearance:none;border:1px solid #2f3842;border-radius:12px;background:transparent;color:#e7edf2;font:600 16px/1 ui-sans-serif,system-ui,sans-serif;padding:15px;cursor:pointer}.knop-rand:disabled{opacity:.5;cursor:default}.knop-tekst{margin-top:18px;appearance:none;border:none;background:none;color:#e7edf280;font:500 13px/1 ui-sans-serif,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.uitleg{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;text-align:left;color:#e7edf2ad;font-size:13.5px;line-height:1.5}.toets{display:inline-block;padding:2px 7px;border-radius:5px;background:#1b222a;border:1px solid #2b333c;color:#e7edf2;font-size:12px;font-weight:600}.eind{width:min(440px,100%)}.eind-kaart{display:block;width:100%;height:auto;aspect-ratio:1080 / 1350;border-radius:12px;border:1px solid #232a32;margin-bottom:18px}.eind-knoppen{display:grid;gap:10px}.eind-melding{margin:12px 0 0;font-size:12.5px;color:#e7edf299}.credit-tekst{margin:0 0 20px;color:#e7edf2b8;font-size:14px;line-height:1.6;text-align:left}.credit-lijst{margin:0 0 18px;text-align:left;display:grid;grid-template-columns:1fr;gap:4px}.credit-lijst dt{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e7edf273;margin-top:10px}.credit-lijst dd{margin:0;font-size:15px;font-weight:600;color:#e7edf2}.credit-klein{margin:0 0 22px;font-size:12px;line-height:1.55;color:#e7edf273;text-align:left}.kaartlink{position:absolute;right:12px;bottom:max(10px,env(safe-area-inset-bottom));font-size:10px;letter-spacing:.08em;color:#e7edf247;text-decoration:none}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:#0d1013;color:#e7edf2;overscroll-behavior:none}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}