/* Spelveld van de dt-Detective (deel 1 en 2) */
.veld.straat { background: linear-gradient(#1c2541 0 62%, #3a506b 62% 64%, #5c677d 64% 100%); }
.veld.straat::before { content: "🏠 🏢 🏬 🏠 🏤 🏢 🏠 🏬 🏢 🏠 🏤"; position: absolute; left: 0; right: 0; top: 2%; font-size: 40px; letter-spacing: 18px; white-space: nowrap; opacity: .35; }
.veld.straat::after { content: "🌙"; position: absolute; right: 18px; top: 10px; font-size: 34px; }
.tok.kaart { flex-direction: column; background: #fff; border: 3px solid var(--acc); border-radius: 16px; padding: 4px 16px 8px; font-size: 27px; color: var(--ink); box-shadow: 0 6px 0 rgba(0,0,0,.35); cursor: pointer; z-index: 3; touch-action: manipulation; }
.tok.kaart::before { content: "🦹"; font-size: 26px; line-height: 1.1; }
.tok.kaart:hover { background: #fff9db; }
.tok.kaart.raak { background: var(--good-l); border-color: var(--good); }
.tok.kaart.raak::before { content: "🔒"; }
.tok.kaart.mis { background: var(--bad-l); border-color: var(--bad); color: var(--bad); }
@media (max-width: 600px) { .tok.kaart { font-size: 21px; padding: 2px 10px 6px; } .tok.kaart::before { font-size: 20px; } .veld.straat::before { font-size: 28px; } }