:root{--bg: #0e110d;--bg2: #141711;--paneel: #1d2018;--goud: #c9a227;--goudlicht: #e8c66a;--goudfel: #ffe9a8;--actor-goud: var(--goud);--actor-licht: var(--goudlicht);--actor-fel: var(--goudfel);--actor-goud-rgb: 201, 162, 39;--actor-licht-rgb: 232, 198, 106;--celadon: #9db8a8;--grijs: #6b7166;--tekst: #d8d5c8;--rood: #8a4b3a;--ivoorgoud: #cdbf92;--serif: Georgia, "Times New Roman", "Iowan Old Style", serif;--u: clamp(7px, min(calc((100vh - 236px) / 56), calc((100vw - 420px) / 62)), 13px);--u: clamp(7px, min(calc((100dvh - 236px) / 56), calc((100vw - 420px) / 62)), 13px);--t-s: clamp(12px, calc(var(--u) * 1.15), 14px);--t-m: clamp(14px, calc(var(--u) * 1.35), 16px);--t-l: clamp(16px, calc(var(--u) * 1.7), 21px);--t-xl: clamp(20px, calc(var(--u) * 2.3), 28px)}html.actor-echo{--actor-goud: #5f93b8;--actor-licht: #96c8e1;--actor-fel: #cdeaff;--actor-goud-rgb: 95, 147, 184;--actor-licht-rgb: 150, 200, 225}#beurtanker{position:fixed;top:calc(var(--u) * .6);left:50%;transform:translate(-50%);z-index:40;pointer-events:none;display:none;flex-direction:column;align-items:center;gap:2px;padding:.26em .95em .34em;border-radius:14px;background:#0a0c0880;box-shadow:inset 0 0 0 1px var(--anker, var(--goud)),0 0 18px -7px var(--anker, var(--goud));transition:box-shadow .5s ease}#beurtanker.zichtbaar{display:flex}#beurtanker .rij{display:flex;align-items:baseline;gap:.5em}#beurtanker .lbl{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--grijs)}#beurtanker .wie{font-family:var(--serif);font-size:clamp(15px,calc(var(--u) * 1.75),22px);color:var(--anker, var(--goudlicht));text-shadow:0 1px 0 rgba(0,0,0,.7)}#beurtanker .fase{font-size:11px;letter-spacing:.06em;color:var(--anker, var(--goudlicht));opacity:.68;min-height:1em;transition:opacity .3s ease}#beurtanker .fase:empty{opacity:0}#app.overdracht #beurtanker{animation:anker-over var(--overdracht, .52s) var(--ease-arrive)}@keyframes anker-over{0%{transform:translate(-50%) scale(1)}38%{transform:translate(-50%) scale(1.08);box-shadow:inset 0 0 0 1.5px var(--anker),0 0 26px -4px var(--anker)}to{transform:translate(-50%) scale(1)}}#beurtecho{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 46%,rgba(var(--actor-licht-rgb),.16),transparent 55%)}#app.overdracht #beurtecho{animation:beurt-echo var(--overdracht, .52s) ease}@keyframes beurt-echo{0%{opacity:0;transform:scale(.92)}42%{opacity:1}to{opacity:0;transform:scale(1.06)}}#bezig{position:fixed;top:calc(var(--u) * 4.2);left:50%;transform:translate(-50%);z-index:40;pointer-events:none;display:none;gap:5px}#app.bezig #bezig,#app.denkt #bezig{display:flex}#bezig i{width:6px;height:6px;border-radius:50%;background:rgba(var(--actor-licht-rgb),.85);animation:bezig-puls 1s ease-in-out infinite}#bezig i:nth-child(2){animation-delay:.16s}#bezig i:nth-child(3){animation-delay:.32s}@keyframes bezig-puls{0%,to{opacity:.22;transform:scale(.75)}50%{opacity:1;transform:scale(1)}}#bezig.afwijzing i{animation:bezig-afwijzing .42s var(--ease-arrive)}@keyframes bezig-afwijzing{0%{transform:scale(1.5);opacity:1}to{transform:scale(1)}}html.rustig #bezig i{animation:none;opacity:.7}#fluister{position:fixed;left:50%;bottom:calc(var(--u) * 3.4);transform:translate(-50%);z-index:40;pointer-events:none;opacity:0;transition:opacity .35s ease;font-family:var(--serif);font-size:clamp(13px,calc(var(--u) * 1.5),18px);color:rgba(var(--actor-licht-rgb),.9);text-shadow:0 1px 0 rgba(0,0,0,.8);letter-spacing:.04em}#fluister.zichtbaar{opacity:1}.handkaart.netactief{animation:iv-activatie .62s var(--ease-arrive);z-index:5}@keyframes iv-activatie{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.14) translate(-6px);filter:brightness(1.35) drop-shadow(0 0 12px rgba(var(--actor-licht-rgb),.6))}to{transform:scale(1);filter:brightness(1)}}.handkaart.netzacht{animation:iv-zacht .6s ease}@keyframes iv-zacht{0%{filter:brightness(1)}45%{filter:brightness(1.18) drop-shadow(0 0 8px rgba(var(--actor-licht-rgb),.4))}to{filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.handkaart.netactief,.handkaart.netzacht{animation:none}}.handkaart .tag{position:absolute;left:50%;bottom:-1.1em;transform:translate(-50%);font-size:9px;letter-spacing:.08em;white-space:nowrap;pointer-events:none;color:rgba(var(--actor-goud-rgb),.45);opacity:.5;transition:opacity .3s ease,color .3s ease}.handkaart.uit .tag{opacity:.28}html[data-fase=aanvang] .handkaart:not(.uit) .tag[data-fase=aanvang],html[data-fase=stroom] .handkaart:not(.uit) .tag[data-fase=stroom],html[data-fase=naklank] .handkaart:not(.uit) .tag[data-fase=naklank]{opacity:1;color:rgba(var(--actor-licht-rgb),.95)}html[data-beg-iv=fluister] .handkaart .tag{display:none}@media (prefers-reduced-motion: reduce){#app.overdracht #beurtanker,#app.overdracht #beurtecho{animation:none}#bezig i{animation:none;opacity:.7}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation}html,body{height:100%}html{overflow-x:clip;overflow-y:auto}body{background:var(--bg);color:var(--tekst);font:var(--t-m)/1.45 -apple-system,"Segoe UI",system-ui,sans-serif;overflow-x:hidden}#app{max-width:1080px;margin:0 auto;padding:14px 14px 40px}#tafel{position:fixed;inset:-12px;z-index:-1;pointer-events:none;overflow:hidden}#tafel>div{position:absolute;inset:-12px}#tafel .plaat{background-size:cover;background-position:center;opacity:0}html.heeft-nebula #tafel .nebula{opacity:.72;transform:translate3d(calc(var(--px, 0) * var(--parallax-nebula) * -1),calc(var(--py, 0) * var(--parallax-nebula) * -1),0);animation:nebula-drift 90s ease-in-out infinite alternate}@keyframes nebula-drift{0%{transform:translate3d(calc(var(--px, 0) * var(--parallax-nebula) * -1),calc(var(--py, 0) * var(--parallax-nebula) * -1),0) scale(1.06)}to{transform:translate3d(calc(var(--px, 0) * var(--parallax-nebula) * -1 + 34px),calc(var(--py, 0) * var(--parallax-nebula) * -1 - 22px),0) scale(1.06)}}#tafel .halo{opacity:0;background:radial-gradient(ellipse 48% 46% at 50% 46%,rgba(201,162,39,.12),rgba(138,75,58,.06) 48%,transparent 72%);transform:translate3d(calc(var(--px, 0) * var(--parallax-monolith) * -1),calc(var(--py, 0) * var(--parallax-monolith) * -1),0)}html.heeft-monolith #tafel .halo{opacity:1}@media (prefers-reduced-motion: reduce){html.heeft-nebula #tafel .nebula{animation:none}}html.heeft-monolith #tafel .monolith{opacity:1;filter:brightness(.58);transform:translate3d(calc(var(--px, 0) * var(--parallax-monolith) * -1),calc(var(--py, 0) * var(--parallax-monolith) * -1),0) scale(var(--slab-scale, 1))}html.heeft-monolith #tafel .doek{opacity:0}@media (prefers-reduced-motion: reduce){#tafel .nebula,#tafel .monolith{transform:none}}html.tier-rustig #tafel .nebula,html.tier-kaal #tafel .nebula{animation:none}html.tier-rustig #tafel .nebula,html.tier-rustig #tafel .monolith,html.tier-rustig #tafel .halo{transform:none}html.tier-kaal #tafel .monolith,html.tier-kaal #tafel .halo{opacity:0}#veldwrap .kleed{position:absolute;left:0;top:0;pointer-events:none;z-index:0;background-size:cover;background-position:center;opacity:0}html.heeft-monolith #veldwrap .kleed{opacity:.55;filter:brightness(.4) saturate(.8)}@media (min-width: 901px){html.heeft-monolith #veldwrap,html.heeft-geologie #veldwrap{position:fixed;inset:auto;max-width:none;overflow:visible;pointer-events:none}html.heeft-geologie #veldwrap{inset:0;width:100vw;height:100vh}html.heeft-monolith #veld,html.heeft-geologie #veld{position:absolute;left:0;top:0;width:calc(var(--u) * 62);pointer-events:none;will-change:transform}html.heeft-monolith #veld .kaart,html.heeft-geologie #veld .kaart{pointer-events:auto}}.cartouche{position:absolute;transform:translate(-50%,-50%);pointer-events:none;opacity:0;z-index:1;font-family:Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,serif;font-size:calc(var(--u) * 1.15);letter-spacing:.08em;color:var(--goud);text-shadow:0 0 10px rgba(201,162,39,.3),0 1px 0 rgba(0,0,0,.7)}html.heeft-monolith .cartouche{animation:cartouche-adem 7s var(--ease-breathe) infinite}@keyframes cartouche-adem{0%,to{opacity:.3}50%{opacity:.58}}@media (prefers-reduced-motion: reduce){html.heeft-monolith .cartouche{animation:none;opacity:.4}}@media (max-width: 900px){.cartouche{display:none}}@media (min-width: 901px){html.heeft-zegel.heeft-monolith #pak{position:fixed;transform:translate(-50%,-50%) scale(calc(.9 + var(--pak-warmte, 0) * .16));width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-radius:50%;padding:0;border:none;background:var(--zegel) center / 150% no-repeat;box-shadow:0 0 0 2px #0000008c,inset 0 2px 9px #000000b3,0 4px 14px #00000080;color:transparent;font-size:0;z-index:30;overflow:hidden;filter:brightness(calc(.55 + var(--pak-warmte, 0) * .55)) saturate(calc(.7 + var(--pak-warmte, 0) * .6));transition:transform .25s var(--ease-arrive),filter .3s ease,opacity .3s ease}html.heeft-zegel.heeft-monolith #pak:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 49%,rgba(255,233,168,calc(.25 + var(--pak-warmte, 0) * .75)) 0%,rgba(255,233,168,calc(var(--pak-warmte, 0) * .3)) 12%,transparent 26%)}html.heeft-zegel.heeft-monolith #pak:not(.klaar){opacity:.5;pointer-events:none}html.heeft-zegel.heeft-monolith #pak.klaar:hover{transform:translate(-50%,-50%) scale(calc(.98 + var(--pak-warmte, 0) * .16))}html.heeft-monolith #app,html.heeft-geologie #app{grid-template-columns:minmax(0,24vw) minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"kop kop hand" "hud . hand" "acties . hand"}html.heeft-monolith header,html.heeft-geologie header{grid-area:kop;border-bottom-color:transparent;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * .6)}html.heeft-monolith #scores,html.heeft-geologie #scores{justify-content:flex-start}html.heeft-monolith #hud,html.heeft-geologie #hud{grid-area:hud;align-self:center;flex-direction:column;align-items:flex-start;gap:calc(var(--u) * .8);background:none;border:none;backdrop-filter:none;min-height:0}html.heeft-monolith #hudmsg,html.heeft-geologie #hudmsg{color:var(--ivoorgoud)}html.heeft-monolith #acties,html.heeft-geologie #acties{grid-area:acties;align-self:end;padding-right:0}html.heeft-monolith header h1,html.heeft-monolith .speler b,html.heeft-geologie header h1,html.heeft-geologie .speler b{text-shadow:0 1px 0 rgba(0,0,0,.8),0 0 12px rgba(255,233,168,.25)}}#tafel .doek{background:repeating-linear-gradient(58deg,transparent 0 3px,rgba(0,0,0,.16) 3px 4px),repeating-linear-gradient(-58deg,transparent 0 3px,rgba(201,162,39,.018) 3px 4px),radial-gradient(circle at 50% 44%,rgba(201,162,39,.025),transparent 38%),radial-gradient(circle at 50% 44%,transparent 26%,rgba(201,162,39,.02) 27%,transparent 30%),radial-gradient(circle at 50% 44%,transparent 44%,rgba(201,162,39,.016) 45%,transparent 49%),radial-gradient(ellipse at 50% 42%,var(--bg2),var(--bg) 62%,#090b08 100%);transform:translate3d(calc(var(--px, 0) * var(--parallax-doek) * -1),calc(var(--py, 0) * var(--parallax-doek) * -1),0)}#tafel .mist{opacity:.2;background:radial-gradient(ellipse 60% 40% at 32% 30%,rgba(157,184,168,.035),transparent 72%),radial-gradient(ellipse 50% 45% at 72% 66%,rgba(201,162,39,.022),transparent 74%);transform:translate3d(calc(var(--px, 0) * var(--parallax-mist) * -1),calc(var(--py, 0) * var(--parallax-mist) * -1),0)}html.sfeer #tafel .mist{animation:tafelmist 46s ease-in-out infinite alternate}@keyframes tafelmist{0%{opacity:.14}to{opacity:.24}}#tafel .tafellicht{background:radial-gradient(ellipse 66% 40% at 50% 12%,rgba(232,198,106,.03),transparent 58%)}#tafel .ambi{opacity:0;background-color:transparent;transition:background-color var(--ambi-lerp) linear,opacity var(--ambi-lerp) linear}#tafel .condens{background:linear-gradient(180deg,rgba(157,184,168,.12),transparent 24%);opacity:0;transition:opacity .7s ease}#app.denkt #tafel .condens{opacity:1}#denkring{position:fixed;top:42%;left:50%;width:130px;height:130px;margin:-65px 0 0 -65px;pointer-events:none;opacity:0;transition:opacity .4s ease;z-index:6}#denkring .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(232,198,106,.55);box-shadow:0 0 14px #e8c66a47}#app.denkt #denkring{opacity:1}#app.denkt #denkring .ring{animation:denkadem 1.9s var(--ease-breathe) infinite}@keyframes denkadem{0%{transform:scale(1.35);opacity:.18}55%{opacity:.68}to{transform:scale(.82);opacity:0}}#hudmsg{transition:opacity .25s,color .5s ease}#app.koel #hud{border-color:#29323a;box-shadow:inset 0 0 26px #7896af0f}#app.koel #hudmsg{color:#9fb2c0}#app.koel #hudmsg.zwaar{color:#c3d2dc}#app.koel .speler.actief{color:#bcccd6}#app.koel .speler.actief b{color:#d3e0e8;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 14px rgba(160,190,220,.45)}@media (prefers-reduced-motion: reduce){#tafel .mist{animation:none}#tafel>div,#veldwrap{transform:none}}@media (min-width: 901px){html,body{height:100vh;overflow:hidden}#app{max-width:none;height:100vh;margin:0;padding:calc(var(--u) * 1.2) calc(var(--u) * 2.2);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"kop kop" "hud hand" "veld hand" "acties hand";column-gap:calc(var(--u) * 2);row-gap:calc(var(--u) * 1.1)}header{grid-area:kop;margin-bottom:0;padding-bottom:calc(var(--u) * .7)}#hud{grid-area:hud;margin-bottom:0}#veldwrap{grid-area:veld;align-self:start;justify-self:center;width:calc(var(--u) * 62);max-width:100%}#veld{gap:calc(var(--u) * .9)}#acties{grid-area:acties;margin-top:0}#hand{position:static;transform:none;grid-area:hand;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u) * 1.7);width:calc(var(--u) * 25.5)}.handkaart{margin:0;transform:none;transform-origin:50% 50%}.handkaart:hover{transform:translate(calc(var(--u) * -1)) scale(1.04)}.plaquette.klein{width:calc(var(--u) * 23);border-radius:9px}.plaquette.klein .gravure h3{font-size:calc(var(--u) * 1.5);letter-spacing:.16em}#podium .plaquette{width:clamp(260px,36vh,380px)}#reactie{left:auto;right:calc(var(--u) * 17);bottom:50%;transform:translateY(50%)}}.laadfout{color:var(--celadon);padding:40px 0;text-align:center}#inkt{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;background:#050604}#inkt.veeg{animation:verduister .82s ease}@keyframes verduister{0%{opacity:0}30%{opacity:1}48%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){#inkt{display:none}}#veldwrap .kleed.rim-adem{animation:rim-adem 1.4s var(--ease-breathe)}@keyframes rim-adem{0%,to{box-shadow:0 0 #e8c66a00}55%{box-shadow:0 0 38px 4px #e8c66a33}}@media (prefers-reduced-motion: reduce){#veldwrap .kleed.rim-adem{animation:none}}header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid #2a2e24;padding-bottom:10px;margin-bottom:12px}header h1{font-family:var(--serif);font-size:var(--t-m);letter-spacing:.42em;font-weight:600;color:var(--goudlicht)}#scores{display:flex;gap:18px;font-size:var(--t-s);align-items:baseline}.speler{color:var(--grijs);transition:color .3s}.speler b{color:var(--tekst);font-size:var(--t-xl);margin-left:8px;font-variant-numeric:tabular-nums}.speler.actief{color:var(--goudlicht)}.speler b{text-shadow:0 1px 0 rgba(0,0,0,.6)}.speler.actief b{color:var(--goudfel);text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 14px rgba(255,233,168,.5)}.speler b .cijfer{display:inline-block;height:1.2em;line-height:1.2em;overflow:hidden;vertical-align:bottom}.speler b .strip{display:block;transition:transform var(--odometer) var(--ease-arrive)}.speler b .strip span{display:block;height:1.2em}.speler b.gloeit{animation:metaal var(--metaal-afkoel) ease-out}@keyframes metaal{0%{color:#fff3d0;text-shadow:0 0 12px rgba(255,233,168,.9)}to{color:inherit;text-shadow:0 0 0 rgba(255,233,168,0)}}#hud{display:flex;align-items:center;gap:14px;min-height:52px;background:var(--paneel);border:1px solid #2a2e24;border-radius:8px;padding:8px 14px;margin-bottom:12px}#hudmsg{flex:1;color:var(--celadon);font-size:var(--t-m);transition:opacity .25s}#hudmsg.zwaar{color:var(--goudlicht);font-weight:600}#zoekt{display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .3s}#zoekt.zichtbaar{opacity:1}#zoekt .lbl{font-size:var(--t-s);letter-spacing:.14em;color:var(--grijs);text-transform:uppercase}#zoekt img.med{width:34px;height:34px;border-radius:50%;vertical-align:middle;padding:3px;background:radial-gradient(circle,rgba(10,12,8,.8) 52%,rgba(10,12,8,.3) 74%,transparent 84%);box-shadow:0 0 0 1px rgba(var(--actor-goud-rgb),.38);filter:drop-shadow(0 0 6px rgba(var(--actor-licht-rgb),.6))}html.heeft-geologie:not(.mobiel) #zoekt,html.heeft-monolith:not(.mobiel) #zoekt{position:fixed;top:calc(var(--u) * 6);left:50%;transform:translate(-50%);z-index:39;pointer-events:none;gap:calc(var(--u) * .8);padding:calc(var(--u) * .35) calc(var(--u) * 1.1);border-radius:999px;background:#0a0c0880;box-shadow:inset 0 0 0 1px rgba(var(--actor-goud-rgb),.3)}html.heeft-geologie:not(.mobiel) #zoekt .lbl,html.heeft-monolith:not(.mobiel) #zoekt .lbl{font-size:var(--t-s);color:rgba(var(--actor-goud-rgb),.85);letter-spacing:.16em}html.heeft-geologie:not(.mobiel) #zoekt img.med,html.heeft-monolith:not(.mobiel) #zoekt img.med{width:calc(var(--u) * 3.3);height:calc(var(--u) * 3.3);padding:calc(var(--u) * .28)}#koppaneel{display:none}.kopstapel{position:relative;width:100%;height:calc(var(--kop-w) * 1.4)}.kopstapel .kopart{position:absolute;left:50%;top:0;width:84%;aspect-ratio:5 / 7;object-fit:cover;border-radius:8px;transform-origin:50% 88%;transform:translate(-50%) rotate(calc(var(--d) * var(--kop-draai, 6deg) * -1)) translate(calc(var(--d) * var(--kop-schuif, 7%) * -1)) scale(calc(1 - var(--d) * var(--kop-krimp, .08)));opacity:calc(1 - var(--d) * .16);filter:brightness(calc(1 - var(--d) * .1));box-shadow:0 8px 22px #00000094}.kopstapel .kopart.nieuw{animation:kop-inleg var(--kop-crossfade, .38s) var(--ease-arrive)}@keyframes kop-inleg{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.96)}to{opacity:1}}.scharnier{height:3.4em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-top:calc(var(--u) * .4)}.sch-meds{display:flex;align-items:center}.sch-meds img.med{width:28px;height:28px;border-radius:50%;padding:2px;background:radial-gradient(circle,rgba(10,12,8,.82) 52%,transparent 84%);filter:drop-shadow(0 0 6px rgba(var(--actor-licht-rgb),.55))}.sch-draad{width:30px;height:2px;margin:0 -3px;background:linear-gradient(90deg,transparent,var(--actor-goud),var(--actor-licht) 50%,var(--actor-goud),transparent);box-shadow:0 0 6px rgba(var(--actor-licht-rgb),.7)}.sch-label{font-size:11px;letter-spacing:.1em;font-variant:small-caps;color:rgba(var(--actor-goud-rgb),.62)}html.heeft-monolith #koppaneel,html.heeft-geologie #koppaneel{--kop-w: min(24vw, calc(var(--u) * 18));display:block;position:relative;width:var(--kop-w);pointer-events:none;transition:opacity var(--kop-binnenkomst, .52s) ease}html.heeft-monolith #koppaneel.leeg,html.heeft-geologie #koppaneel.leeg{opacity:.12}html.heeft-monolith #koppaneel.leeg .scharnier,html.heeft-geologie #koppaneel.leeg .scharnier{visibility:hidden}@media (prefers-reduced-motion: reduce){.kopstapel .kopart.nieuw{animation:none}html.heeft-monolith #koppaneel,html.heeft-geologie #koppaneel{transition:opacity .12s linear}}#ketenpts{font-variant-numeric:tabular-nums;font-size:var(--t-xl);color:var(--goudfel);min-width:2ch;text-align:right;opacity:0;position:relative;transform:scale(var(--teller-schaal, 1));transform-origin:100% 50%;transition:opacity .3s,transform .2s var(--ease-arrive),text-shadow .35s ease,filter .35s ease}#ketenpts.zichtbaar{opacity:1}#ketenpts.tik{transform:scale(calc(var(--teller-schaal, 1) + var(--tik-over, .35)))}#ketenpts[data-trede="2"],#ketenpts[data-trede="3"],#ketenpts[data-trede="4"]{text-shadow:0 0 16px rgba(255,233,168,.55),0 1px 0 rgba(0,0,0,.7)}#ketenpts[data-trede="3"]{text-shadow:0 0 18px rgba(255,233,168,.7),0 1px 0 rgba(0,0,0,.7)}#ketenpts[data-trede="4"]{text-shadow:0 0 26px var(--goudfel),0 0 44px rgba(255,233,168,.5),0 1px 0 rgba(0,0,0,.7)}#ketenpts[data-trede="3"]:before,#ketenpts[data-trede="4"]:before{content:"";position:absolute;inset:-40% -30%;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(232,198,106,.22),transparent 68%);animation:teller-ember 2.4s var(--ease-breathe) infinite alternate}#ketenpts[data-trede="4"]:after{content:"";position:absolute;inset:-70% -55%;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(255,233,168,.28),rgba(255,233,168,.06) 45%,transparent 70%);animation:teller-kroon 1.9s var(--ease-breathe) infinite alternate}@keyframes teller-ember{0%{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1.06)}}@keyframes teller-kroon{0%{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.12)}}html.rustig #ketenpts:before,html.rustig #ketenpts:after,html.escalatie-ingetogen #ketenpts:before,html.escalatie-ingetogen #ketenpts:after{animation:none}.cartouche.boven.slag{animation:cartouche-slag .7s var(--ease-arrive)}@keyframes cartouche-slag{0%{text-shadow:0 0 0 transparent;transform:scale(1)}30%{text-shadow:0 0 22px var(--goudfel),0 0 40px rgba(255,233,168,.6);transform:scale(1.12);color:var(--goudfel)}to{text-shadow:0 0 0 transparent;transform:scale(1)}}#pak.klaar.verleidt{animation:pak-verleidt var(--flikker-a, 1.4s) var(--ease-breathe, ease-in-out) infinite alternate}@keyframes pak-verleidt{0%{box-shadow:0 0 calc(14px + var(--pak-warmte, 0) * 26px) rgba(232,198,106,calc(.25 + var(--pak-warmte, 0) * .55))}to{box-shadow:0 0 calc(26px + var(--pak-warmte, 0) * 40px) rgba(255,233,168,calc(.5 + var(--pak-warmte, 0) * .5))}}html.rustig #pak.klaar.verleidt,html.escalatie-ingetogen #pak.klaar.verleidt{animation:none}@media (min-width: 901px){.relikwie .treed{color:var(--goudlicht);font-size:.62em;letter-spacing:-1px;opacity:.8;flex:none;padding:0 calc(var(--u) * .3)}.relikwie[data-speler="1"] .treed{color:var(--celadon)}}#hudmsg{position:relative;overflow:hidden}#hudmsg.veeg:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(232,198,106,.16) 50%,transparent 80%);transform:translate(-100%);animation:hud-veeg .6s var(--ease-arrive)}@keyframes hud-veeg{to{transform:translate(100%)}}#veld.entree .kaart .wieg{animation:opdekken .42s var(--ease-arrive) backwards;animation-delay:calc(var(--i) * 26ms)}@keyframes opdekken{0%{opacity:0;transform:translateY(14px) scale(.94)}}#pak.klaar{transform:scale(calc(1 + var(--pak-warmte, 0) * .13));background:linear-gradient(180deg,color-mix(in srgb,#5a4a12 calc(var(--pak-warmte, 0) * 100%),#3a3413),color-mix(in srgb,#453a10 calc(var(--pak-warmte, 0) * 100%),#2b260e));box-shadow:0 0 calc(14px + var(--pak-warmte, 0) * 26px) rgba(232,198,106,calc(.25 + var(--pak-warmte, 0) * .55))}#pak.klaar:hover{transform:scale(calc(1.02 + var(--pak-warmte, 0) * .13)) translateY(-1px)}html.sfeer #veldwrap:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;background:radial-gradient(ellipse at 50% 46%,transparent 54%,rgba(5,6,4,.45) 100%)}.mote{position:absolute;width:3px;height:3px;border-radius:50%;pointer-events:none;z-index:6;opacity:0;background:radial-gradient(circle,var(--goudfel),transparent 70%)}html.sfeer .mote.m1{animation:mote1 21s linear infinite}html.sfeer .mote.m2{animation:mote2 27s linear infinite}html.sfeer .mote.m3{animation:mote3 24s linear infinite}@keyframes mote1{0%{left:12%;top:90%;opacity:0}15%,85%{opacity:.5}to{left:22%;top:8%;opacity:0}}@keyframes mote2{0%{left:74%;top:88%;opacity:0}15%,85%{opacity:.4}to{left:62%;top:12%;opacity:0}}@keyframes mote3{0%{left:46%;top:94%;opacity:0}15%,85%{opacity:.45}to{left:54%;top:6%;opacity:0}}#veldwrap{position:relative}#draad{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}#kamerlicht{position:absolute;inset:-3%;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(ellipse at 50% 42%,rgba(232,198,106,.5),rgba(232,198,106,.12) 55%,transparent 78%);transition:opacity 1.2s ease}#kamerlicht.aan{opacity:var(--vignet-lift)}#kamerlicht.bloei{opacity:calc(var(--vignet-lift) * 1.7);transition:opacity .12s ease}#vignet{position:absolute;inset:-2%;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.85) 130%);transition:opacity .2s ease}#vignet.aan{opacity:var(--vignet-knijp)}#veldwrap.doof .kaart .gloed,#veldwrap.doof .kaart .gloed:after{animation:none!important;opacity:0!important;transition:opacity var(--licht-doof) linear}#veldwrap.doof #kamerlicht{opacity:0!important;transition:opacity var(--licht-doof) linear}#veld.bevroren .rug,#veld.bevroren .front,#veld.bevroren .wieg{animation-play-state:paused}#veld{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;position:relative}.kaart.toetsfocus{outline:1px solid var(--goudfel);outline-offset:3px}.kaart{position:relative;aspect-ratio:63/88;border-radius:7px;cursor:default;z-index:1;user-select:none;transition:opacity var(--kies-uit) ease,filter var(--kies-uit) ease}.kaart:before{content:"";position:absolute;inset:-7%;z-index:-1;border-radius:12px;pointer-events:none;background:radial-gradient(ellipse at 50% 54%,rgba(0,0,0,.5),transparent 74%),radial-gradient(circle at 13% 13%,rgba(201,162,39,.022),transparent 18%),radial-gradient(circle at 87% 87%,rgba(201,162,39,.018),transparent 18%)}.kaart .wieg{position:absolute;inset:0}.kaart .draai{position:absolute;inset:0;transform-style:preserve-3d}.kaart.open .draai{transform:rotateY(180deg)}.kaart .zijde{position:absolute;inset:0;border-radius:7px;backface-visibility:hidden;overflow:hidden}.kaart .zijde{box-shadow:inset 0 0 0 1.5px #00000073}.kaart .zijde:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:140px 140px;opacity:.05}.kaart .front:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background:radial-gradient(ellipse 130% 80% at calc(50% + var(--px, 0) * 42%) calc(28% + var(--py, 0) * 34%),rgba(255,245,214,.12),rgba(255,245,214,.03) 40%,transparent 60%);opacity:.8}.kaart .rug{filter:brightness(calc(.95 + var(--i, 0) * .0042))}.kaart .schaduw{position:absolute;inset:-4% -8%;border-radius:12px;pointer-events:none;background:radial-gradient(ellipse at 50% 62%,rgba(0,0,0,.5),transparent 70%);transform:translateY(5px) scale(.98);opacity:.35;transition:opacity var(--hover-duur) ease,transform var(--hover-duur) ease}.kaart.dicht:hover .schaduw{opacity:.46;transform:translateY(8px) scale(1.05)}.kaart:before{opacity:.9;transition:opacity var(--hover-duur) ease}.kaart.dicht:hover:before{opacity:1}.kaart .gloed{position:absolute;inset:-9%;border-radius:14px;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(var(--actor-licht-rgb),.5),rgba(var(--actor-licht-rgb),.12) 55%,transparent 72%)}.kaart .gloed:after{content:"";position:absolute;inset:0;border-radius:inherit;background:inherit;opacity:0}.kaart.kop .gloed{animation:flikker-a var(--flikker-a) var(--ease-breathe) infinite alternate}.kaart.kop .gloed:after{animation:flikker-b var(--flikker-b) var(--ease-breathe) infinite alternate}@keyframes flikker-a{0%{opacity:var(--gloed-kop-min)}to{opacity:var(--gloed-kop-max)}}@keyframes flikker-b{0%{opacity:var(--gloed-kop-b-min)}to{opacity:var(--gloed-kop-b-max)}}.kaart.wachtend .gloed{animation:wacht-puls var(--flip-beatpuls) var(--ease-breathe) infinite alternate}@keyframes wacht-puls{0%{opacity:var(--gloed-wacht-min)}to{opacity:var(--gloed-wacht-max)}}.kaart.halo2 .gloed{background:radial-gradient(ellipse at 50% 45%,rgba(255,233,168,.6),rgba(255,233,168,.16) 55%,transparent 72%)}.kaart .glint{position:absolute;top:2%;bottom:2%;left:calc(50% - 1px);width:2px;opacity:0;pointer-events:none;border-radius:1px;background:linear-gradient(180deg,transparent,var(--goudfel) 30%,#fff8e6 50%,var(--goudfel) 70%,transparent)}.kaart .medanker{position:absolute;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .28s ease;z-index:2}.kaart.open .medanker,.kaart.gluurt .medanker{opacity:1}.kaart .medanker .disc{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,rgba(10,12,8,.8) 54%,rgba(10,12,8,.32) 74%,transparent 84%);box-shadow:0 0 0 1px #c9a22761,0 1px 5px #0000008c}.kaart .medanker img{position:absolute;display:block}.kaart .medanker .sein{position:absolute;inset:-10%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .3s ease;box-shadow:0 0 0 1.5px var(--goudlicht),0 0 12px 2px #e8c66a8c}.kaart .medanker.match .sein{opacity:1}.kaart .medanker.match .disc{box-shadow:0 0 0 1px var(--goud),0 1px 5px #0000008c}.kaart .rug{background:radial-gradient(circle at 50% 42%,#23271d,#191c14 70%),repeating-linear-gradient(45deg,transparent 0 7px,rgba(201,162,39,.05) 7px 8px),repeating-linear-gradient(-45deg,transparent 0 7px,rgba(201,162,39,.05) 7px 8px);border:1px solid #33382a;display:flex;align-items:center;justify-content:center}.kaart .rug img{width:100%;height:100%;object-fit:cover;display:block}.kaart .rug:not(:has(img)):after{content:"";width:26%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(201,162,39,.4)}.kaart.dicht{cursor:pointer}.kaart.dicht .rug{border-color:color-mix(in srgb,var(--goud) calc(var(--nabij, 0) * var(--nabij-mix)),#33382a)}.kaart.dicht:hover .rug{border-color:var(--goud)}.kaart .wieg{transition:transform var(--hover-duur) var(--ease-arrive)}.kaart.dicht:hover .wieg{transform:translateY(calc(-1 * var(--hover-lift)))}.kaart.dicht.uitnodiging .rug{animation:adem 2.6s ease-in-out infinite}@keyframes adem{0%,to{border-color:#33382a;box-shadow:none}50%{border-color:#c9a227bf;box-shadow:0 0 12px #c9a22738}}.kaart .front{transform:rotateY(180deg);background:#000;border:1px solid #3a3f30}.kaart .front img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96)}.kaart .front img.kader{position:absolute;inset:0;object-fit:fill;filter:none;pointer-events:none;z-index:1}.kaart.oppakbaar{cursor:pointer}.kaart.oppakbaar .front{border-color:var(--goud);box-shadow:0 0 0 1px #c9a22799,0 0 14px #c9a22759;animation:oppak 1.8s ease-in-out infinite}.kaart.oppakbaar.dubbelop .front{border-color:var(--goudfel);box-shadow:0 0 0 1.5px #ffe9a8cc,0 0 20px #ffe9a880}@keyframes oppak{0%,to{filter:brightness(1)}50%{filter:brightness(1.14)}}.kaart.oppakbaar .front:before,#veld.kiesmodus .kaart.kandidaat .front:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(1.5px 1.5px at 22% 28%,rgba(255,233,168,.9),transparent 60%),radial-gradient(1.5px 1.5px at 68% 18%,rgba(255,233,168,.7),transparent 60%),radial-gradient(1.5px 1.5px at 82% 62%,rgba(255,233,168,.8),transparent 60%),radial-gradient(1.5px 1.5px at 38% 72%,rgba(255,233,168,.6),transparent 60%),radial-gradient(1.5px 1.5px at 14% 84%,rgba(255,233,168,.7),transparent 60%),radial-gradient(1.5px 1.5px at 56% 46%,rgba(255,233,168,.65),transparent 60%);opacity:.4;animation:stofgloed 2.6s var(--ease-breathe) infinite}@keyframes stofgloed{0%,to{opacity:.28}50%{opacity:.62}}.kaart.inketen .front{border-color:var(--actor-goud);box-shadow:0 0 0 1px rgba(var(--actor-goud-rgb),.5),0 0 16px rgba(var(--actor-goud-rgb),.28)}.kaart.kop .front{border-color:var(--actor-licht);box-shadow:0 0 0 1.5px var(--actor-licht),0 0 22px rgba(var(--actor-licht-rgb),.5)}.kaart.kop{z-index:3}.kaart.resonantie .front{border-color:rgba(var(--actor-goud-rgb),.8);box-shadow:0 0 0 1px rgba(var(--actor-goud-rgb),.45),0 0 13px rgba(var(--actor-licht-rgb),.3)}#veld.kiesmodus .kaart{opacity:var(--kies-dim);pointer-events:none;filter:saturate(.5);transition:opacity var(--kies-in) ease,filter var(--kies-in) ease}#veld.kiesmodus .kaart.kandidaat{opacity:1;pointer-events:auto;cursor:pointer;filter:none}#veld.kiesmodus .kaart.kandidaat .wieg{animation:kies-bob var(--kies-bob-periode) var(--ease-breathe) infinite}#veld.kiesmodus .kaart.kandidaat .front{border-color:var(--goudfel)}#veld.kiesmodus .kaart.kandidaat.dubbel .front{box-shadow:0 0 0 2px var(--goudfel),0 0 26px #ffe9a899}@keyframes kies-bob{0%,to{transform:translateY(0)}50%{transform:translateY(calc(-1 * var(--kies-bob)))}}#veld.kiesmodus .kaart.inketen{opacity:1;filter:none}.kaart.hoverpartner .front{border-color:#c9a227d9;box-shadow:0 0 10px #c9a2274d}.kaart.hoverpartner.dubbel .front{border-color:var(--goudfel);box-shadow:0 0 14px #ffe9a880}.kaart.gepakt{opacity:0;pointer-events:none;transition:opacity var(--gepakt-fade) ease}.kaart.vliegt{z-index:10}.kaart.breuk .wieg{animation:breuk-schud var(--breuk-schud-duur) ease}@keyframes breuk-schud{0%,to{transform:translate(0)}18%{transform:translate(calc(-1 * var(--breuk-schud-px)))}38%{transform:translate(calc(.8 * var(--breuk-schud-px)))}58%{transform:translate(calc(-.55 * var(--breuk-schud-px)))}78%{transform:translate(calc(.3 * var(--breuk-schud-px)))}}.kaart.mis .front{border-color:var(--rood);box-shadow:0 0 14px #8a4b3a80}#acties{display:flex;gap:12px;align-items:center;margin-top:14px}#pak{background:linear-gradient(180deg,#3a3413,#2b260e);color:var(--goudfel);border:1px solid var(--goud);border-radius:8px;padding:13px 26px;font:inherit;font-size:var(--t-m);font-weight:600;letter-spacing:.05em;cursor:pointer;transition:all .2s;opacity:.35;pointer-events:none}#pak.klaar{opacity:1;pointer-events:auto;box-shadow:0 0 14px #c9a22740}#pak.klaar:hover{box-shadow:0 0 22px #e8c66a80;transform:translateY(-1px)}#nieuw,#geluidknop,#instelknop{background:linear-gradient(180deg,#c9a2270d,#c9a22704);border:1px solid #45472e;color:var(--ivoorgoud);border-radius:6px;padding:12px 18px;font:inherit;font-size:var(--t-s);font-variant:small-caps;letter-spacing:.12em;cursor:pointer;text-shadow:0 1px 0 rgba(0,0,0,.55);transition:color .2s,border-color .2s,box-shadow .2s}#nieuw:hover,#geluidknop:hover,#instelknop:hover{color:var(--goudfel);border-color:var(--goud);box-shadow:0 0 12px #c9a22733}#tabel{margin-left:auto;display:flex;gap:2px;font-size:11px;color:var(--grijs);font-variant-numeric:tabular-nums}#tabel .cel{padding:3px 7px;border:1px solid #262a1f;border-radius:4px;text-align:center;line-height:1.3;transition:all .25s}#tabel .cel b{display:block;color:var(--tekst);font-size:12px}#tabel .cel.nu{border-color:var(--goud);color:var(--goudlicht)}#tabel .cel.nu b{color:var(--goudfel)}@media (max-width: 900px){:root{--u: clamp(6px, min(calc((100dvh - 300px) / 86), calc((100vw - 28px) / 44)), 12px)}html,body{height:100dvh;overflow:hidden}#veld{grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * .7);width:min(calc(100vw - 16px),calc((100dvh - 250px) / 6 * 63 / 88 * 4));margin-inline:auto}#veldwrap{width:auto;max-width:100%}#app{padding-bottom:calc(var(--u) * 13)}#hud{position:fixed;left:10px;right:10px;bottom:10px;z-index:20;margin-bottom:0;box-shadow:0 6px 24px #0000008c}#acties button{min-height:44px}#tabel{display:none}}#hand{display:flex;z-index:30;pointer-events:none;transition:filter .4s ease}#hand:not(.venster-open){filter:saturate(.7) brightness(.82)}#hand.venster-open{filter:drop-shadow(0 0 10px rgba(var(--actor-licht-rgb),.35))}html[data-beg-iv=zacht] #hand.venster-open{filter:drop-shadow(0 0 8px rgba(var(--actor-licht-rgb),.3))}html[data-beg-iv=fluister] #hand.venster-open{filter:drop-shadow(0 0 6px rgba(var(--actor-licht-rgb),.22))}.handkaart{pointer-events:auto;background:none;border:none;padding:0;cursor:pointer;transition:transform var(--hover-duur) var(--ease-arrive),filter .2s}.handkaart.uit{cursor:help;filter:grayscale(.6) brightness(.55)}.handkaart{position:relative}.handkaart .sein{position:absolute;inset:0;border-radius:6px;pointer-events:none;box-shadow:0 0 0 1px var(--goud),0 0 10px #c9a22773}#leespaneel{position:fixed;z-index:35;display:none;width:264px;padding:18px 20px;border-radius:10px;background:linear-gradient(168deg,#1d2018,#14160f);border:1px solid rgba(201,162,39,.4);box-shadow:0 14px 44px #0009;pointer-events:none}#leespaneel.zichtbaar{display:block}#leespaneel h3{color:var(--goudlicht);font-size:var(--t-m);letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin-bottom:10px}#leespaneel p{color:var(--celadon);font-size:var(--t-s);line-height:1.65}#leespaneel .reden{margin-top:12px;padding-top:10px;border-top:1px solid rgba(201,162,39,.25);color:var(--goudlicht);font-style:italic}#leespaneel .wanneer{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--goudlicht);font-size:var(--t-s);letter-spacing:.04em}@media (min-width: 901px){#leespaneel{right:calc(var(--u) * 27.5);top:50%;transform:translateY(-50%);width:360px}}.badge{position:absolute;top:5%;right:7%;width:15%;max-width:22px;aspect-ratio:1;background:var(--goudlicht);box-shadow:0 1px 3px #0009;z-index:3}.badge.altijd{border-radius:50%}.badge.voor_draai{clip-path:polygon(50% 4%,96% 92%,4% 92%)}.badge.na_breuk{clip-path:polygon(50% 2%,98% 50%,50% 98%,2% 50%)}#leespaneel .wanneer .badge{position:static;width:15px;max-width:none;aspect-ratio:1;flex:0 0 auto}.kaart[class*=vb-]:after{content:"";position:absolute;inset:0;border-radius:7px;z-index:4;pointer-events:none;opacity:0;animation:vb-in var(--vb-fade) ease forwards}@keyframes vb-in{to{opacity:1}}.kaart.vb-vorst:after{background:radial-gradient(ellipse at 50% 30%,rgba(190,214,240,.34),transparent 68%);animation:vb-in var(--vb-fade) ease forwards,vb-adem var(--vb-shimmer) var(--ease-breathe) infinite}.kaart.vb-vuurberg:after{background:radial-gradient(ellipse at 50% 92%,rgba(217,134,60,.38),transparent 66%);animation:vb-in var(--vb-fade) ease forwards,vb-adem var(--vb-shimmer) var(--ease-breathe) infinite}.kaart.vb-ogenblik:after{background:radial-gradient(circle at 50% 45%,transparent 40%,rgba(232,198,106,.3) 52%,transparent 62%);animation:vb-in var(--vb-fade) ease forwards,vb-adem var(--vb-shimmer) var(--ease-breathe) infinite}.kaart.vb-terugkeer:after{background:radial-gradient(ellipse at 50% 50%,rgba(232,198,106,.4),transparent 70%);animation:vb-in var(--vb-fade) ease forwards,vb-adem var(--vb-shimmer) var(--ease-breathe) infinite}.kaart.vb-vergeet:after{background:#0a0c0880;animation:vb-vergeet var(--vb-vergeet) ease forwards}@keyframes vb-adem{0%,to{opacity:.5}50%{opacity:1}}@keyframes vb-vergeet{0%{opacity:0}40%{opacity:1}to{opacity:0}}#veld.vb-zijn{box-shadow:inset 0 0 70px #e8c66a24;transition:box-shadow var(--vb-fade) ease}.kaart.vb-uitwissing:after{background:radial-gradient(ellipse at 50% 50%,rgba(232,198,106,.3),transparent 72%);animation:vb-in var(--vb-fade) ease forwards,vb-adem var(--vb-shimmer) var(--ease-breathe) infinite}#veld.vb-kentering{box-shadow:inset 0 0 90px #e8c66a2e;transition:box-shadow var(--vb-fade) ease}.plaquette.getijde{border-color:#9db8a8b3;box-shadow:0 14px 44px #000000a6,inset 0 0 40px #9db8a814}.handkaart:has(.plaquette.getijde):before{content:"";position:absolute;inset:-14%;z-index:-1;border-radius:22px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(214,54,26,.55),rgba(150,30,12,.22) 54%,transparent 74%);filter:blur(11px);animation:getijde-rood 3.6s var(--ease-breathe, ease-in-out) infinite}@keyframes getijde-rood{0%,to{opacity:.58;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.handkaart:has(.plaquette.getijde):before{animation:none;opacity:.8}}.plaquette.getijde .gravure h3{color:var(--celadon);text-shadow:0 1px 0 #000,0 0 14px rgba(157,184,168,.4)}#veld.kentering:before{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,233,168,.5) 50%,transparent 70%);transform:translate(100%);animation:kentering-veeg 1s var(--ease-arrive)}@keyframes kentering-veeg{to{transform:translate(-100%)}}@media (prefers-reduced-motion: reduce){#veld.kentering:before{animation-duration:var(--rustig-duur)}}.instel-noot{color:var(--grijs);font-size:var(--t-s);font-style:italic;margin-top:-4px}.instel-knopje{align-self:flex-start;background:none;border:1px solid #2a2e24;color:var(--grijs);border-radius:6px;padding:5px 12px;font:inherit;font-size:var(--t-s);cursor:pointer;letter-spacing:.04em}.instel-knopje:hover{color:var(--celadon);border-color:var(--goud)}.instel-knopje.bevestigd{color:var(--goudlicht);border-color:var(--goud)}.kaart.venster-hangt:after{content:"";position:absolute;inset:0;border-radius:7px;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,rgba(255,233,168,.42),rgba(201,162,39,.12) 60%,transparent 78%);animation:venster-hangt var(--venster-hangt) var(--ease-breathe) infinite}@keyframes venster-hangt{0%,to{opacity:.35}50%{opacity:1}}#reactie button.hangt{animation:reactie-puls var(--venster-hangt) var(--ease-breathe) infinite}@keyframes reactie-puls{0%,to{box-shadow:0 0 18px #c9a2274d}50%{box-shadow:0 0 30px #ffe9a899}}@media (prefers-reduced-motion: reduce){.kaart[class*=vb-]:after,.kaart.venster-hangt:after{animation:none;opacity:.7}#reactie button.hangt{animation:none}}html.rustig .kaart[class*=vb-]:after,html.rustig .kaart.venster-hangt:after{animation:none;opacity:.7}html.rustig #reactie button.hangt{animation:none}@media (max-width: 900px){#hand{position:fixed;left:50%;bottom:-34px;transform:translate(-50%)}.handkaart{transform:rotate(var(--rot));margin:0 -12px;transform-origin:50% 120%}.handkaart:hover{transform:rotate(var(--rot)) translateY(calc(-1 * var(--plaquette-lift)));z-index:2}#leespaneel{left:50%;bottom:132px;transform:translate(-50%)}}#handander{display:flex;align-items:center;gap:8px;margin-left:auto;margin-right:18px}#handander .ruggen{display:flex}#handander .ruggen i{width:16px;height:24px;border-radius:2px;margin-left:-7px;background:linear-gradient(160deg,#23271d,#14160f);border:1px solid #3a3f30}#handander .aantal{font-size:12px;color:var(--grijs)}.plaquette{width:232px;aspect-ratio:63/88;border-radius:8px;overflow:hidden;background:linear-gradient(168deg,#17190f,#0e100a);border:1px solid rgba(201,162,39,.55);box-shadow:0 14px 44px #000000a6,inset 0 0 40px #c9a2270f;position:relative}.plaquette.klein{width:78px;border-radius:5px;box-shadow:0 4px 14px #00000080}.plaquette img{width:100%;height:100%;object-fit:cover;display:block}.plaquette .gravure{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:16px;text-align:center}.plaquette .gravure.over-kunst{justify-content:flex-end;background:linear-gradient(transparent 62%,#0a0b07e0)}.plaquette .gravure h3{color:var(--goudlicht);font-size:15px;letter-spacing:.3em;font-weight:600;text-transform:uppercase;margin-bottom:12px;text-shadow:0 1px 0 #000,0 0 14px rgba(201,162,39,.35)}.plaquette .gravure p{color:var(--celadon);font-size:12.5px;line-height:1.65}.plaquette.klein .gravure{padding:6px}.plaquette.klein .gravure h3{font-size:8px;letter-spacing:.14em;margin:0}#podium{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:40;background:#0a0b0773;cursor:pointer}#podium.zichtbaar{display:flex}#podium.terzijde{background:none;pointer-events:none;align-items:flex-start;justify-content:flex-end;padding:12px}#podium.terzijde .plaquette{pointer-events:auto;width:clamp(84px,12vh,128px);transform:none;transition:width var(--kies-in) var(--ease-arrive)}#podium.terzijde .podiumknoppen{display:none}#podium{flex-direction:column;gap:22px}.podiumknoppen{display:flex;gap:14px}.podiumknoppen button{font:inherit;font-size:var(--t-m);cursor:pointer;border-radius:8px;padding:12px 26px;letter-spacing:.06em}#speelknop{background:linear-gradient(180deg,#2a2510,#1a1608);color:var(--goudfel);border:1px solid var(--goud);font-weight:600;box-shadow:0 0 18px #c9a2274d}#legterug{background:none;border:1px solid var(--grijs);color:var(--grijs)}#veld.doelmodus .kaart{opacity:var(--kies-dim);pointer-events:none;filter:saturate(.5);transition:opacity var(--kies-in) ease,filter var(--kies-in) ease}#veld.doelmodus .kaart.doelwit{opacity:1;pointer-events:auto;cursor:pointer;filter:none}#veld.doelmodus .kaart.doelwit .rug,#veld.doelmodus .kaart.doelwit .front{border-color:var(--goudfel)}#veld.doelmodus .kaart.doelwit-af{outline:1px solid var(--goudfel);outline-offset:3px}#ogenblik{position:fixed;inset:0;background:#0a0b07ed;display:none;align-items:center;justify-content:center;z-index:55}#ogenblik.zichtbaar{display:flex}#ogenblik .doos{text-align:center}#ogenblik .kaarten{display:flex;gap:22px;justify-content:center;margin-bottom:18px}#ogenblik .kaarten img{width:210px;aspect-ratio:63/88;object-fit:cover;border-radius:8px;border:1px solid var(--goud);box-shadow:0 14px 44px #000000b3}#ogenblik p{color:var(--celadon);font-size:13px;margin-bottom:18px}#ogenblik button{background:none;border:1px solid var(--goud);color:var(--goudfel);border-radius:8px;padding:11px 26px;font:inherit;cursor:pointer}.kaart.vorst-flits .gloed{background:radial-gradient(ellipse at 50% 45%,rgba(190,214,240,.6),rgba(157,184,216,.16) 55%,transparent 72%)}.kaart.bevroren .front,.kaart.bevroren .rug{border-color:#9db8d8;box-shadow:0 0 0 1px #9db8d88c,0 0 14px #9db8d84d}.kaart.bevroren .front img{filter:saturate(.25) brightness(.82) hue-rotate(12deg)}.kaart.bevroren{pointer-events:none}#reactie{position:fixed;left:50%;bottom:118px;transform:translate(-50%);z-index:31;display:none}#reactie.zichtbaar{display:block}#reactie button{background:linear-gradient(180deg,#221f10,#171408);color:var(--goudfel);border:1px solid var(--goud);border-radius:8px;padding:12px 22px;font:inherit;font-size:14px;letter-spacing:.05em;cursor:pointer;box-shadow:0 0 18px #c9a2274d}#geest{position:fixed;left:-34px;top:-34px;width:68px;height:68px;border-radius:50%;pointer-events:none;z-index:45;opacity:0;border:1.5px solid rgba(232,198,106,.75);background:radial-gradient(circle,transparent 58%,rgba(232,198,106,.14) 72%,transparent 88%);box-shadow:0 0 22px #e8c66a4d,inset 0 0 14px #e8c66a33;transition:transform var(--geest-zweef) var(--ease-arrive),opacity .3s ease}#geest.zichtbaar{opacity:1}#geest.stil{transition:none}@media (prefers-reduced-motion: reduce){#geest{transition:opacity .15s ease}}#modus{position:fixed;inset:0;background:radial-gradient(ellipse at 50% 40%,#16180f,#0b0c08 75%);display:none;align-items:center;justify-content:center;z-index:60;overflow:hidden}#modus.zichtbaar{display:flex}#modus .rug-groot{position:absolute;top:50%;left:50%;width:min(52vh,380px);aspect-ratio:63/88;transform:translate(-50%,-50%);border-radius:14px;background-size:cover;background-position:center;opacity:.3;filter:saturate(.8);box-shadow:0 24px 80px #000000b3,0 0 60px #c9a2272e;animation:rug-adem 5.5s var(--ease-breathe) infinite}@keyframes rug-adem{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.26}50%{transform:translate(-50%,-50%) scale(1.03);opacity:.36}}#modus .doos{text-align:center;position:relative;z-index:1}#modus h2{font-family:var(--serif);color:var(--goudfel);font-size:26px;letter-spacing:.5em;margin-bottom:12px;text-shadow:0 0 26px rgba(255,233,168,.45),0 2px 0 rgba(0,0,0,.6)}#modus p{color:var(--celadon);font-size:14px;margin-bottom:30px}.plaquetteknop{display:block;width:280px;margin:14px auto;padding:15px;background:linear-gradient(168deg,#1b1e13,#10120b);border:1px solid var(--goud);color:var(--goudfel);border-radius:9px;font:inherit;font-size:15px;letter-spacing:.14em;cursor:pointer;box-shadow:0 8px 24px #00000080,inset 0 0 24px #c9a2270f;transition:box-shadow .2s,transform .2s}.plaquetteknop:hover{box-shadow:0 0 22px #e8c66a66,inset 0 0 24px #c9a2271f;transform:translateY(-1px)}#modus .taalkeuze{margin-top:26px;display:flex;gap:10px;justify-content:center;align-items:center;color:var(--celadon);font-size:13px}#modus .taalkeuze button{background:none;border:0;padding:4px 6px;font:inherit;letter-spacing:.12em;color:var(--celadon);opacity:.7;cursor:pointer;transition:opacity .2s,color .2s}#modus .taalkeuze button:hover{opacity:1}#modus .taalkeuze button.actief{color:var(--goudlicht);opacity:1;cursor:default}@media (prefers-reduced-motion: reduce){#modus .rug-groot{animation:none}}html.rustig #modus .rug-groot{animation:none}.instelpaneel label.schakelaar{display:flex;align-items:center;justify-content:space-between;gap:12px}.instelpaneel label.schakelaar input{width:auto;margin:0;accent-color:var(--goud)}#einde{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#0c0e0ae0,#0c0e0a61 40%,#0c0e0a8c);display:none;align-items:flex-start;justify-content:center;z-index:50;padding-top:6vh}#einde.zichtbaar{display:flex}#einde .doos{pointer-events:auto;background:var(--paneel);border:1px solid var(--goud);border-radius:12px;padding:34px 44px;text-align:center}#app.einde .kaart.gepakt{opacity:.35;transition:opacity 1.4s ease}#einde h2{font-family:var(--serif);color:var(--goudfel);font-size:20px;letter-spacing:.2em;margin-bottom:14px}#einde p{margin-bottom:20px;color:var(--celadon)}#app.einde #veldwrap,#app.einde #acties,#app.einde #hud{opacity:var(--einde-dim);transition:opacity 1.4s ease}#eindscores{display:flex;gap:38px;justify-content:center;margin:10px 0 22px}.eindscore{position:relative;padding:26px 30px;color:var(--grijs)}.eindscore .wie{display:block;font-size:12px;letter-spacing:.12em;margin-bottom:6px}.eindscore b{font-size:40px;color:var(--tekst);font-variant-numeric:tabular-nums}.eindscore.wint{color:var(--goudlicht)}.eindscore.wint b{color:var(--goudfel);text-shadow:0 0 22px rgba(255,233,168,.45)}.eindscore .winring{position:absolute;inset:0;width:100%;height:100%;opacity:0}.eindscore .winring circle{fill:none;stroke:var(--goudlicht);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340;filter:drop-shadow(0 0 5px rgba(232,198,106,.6))}.eindscore.wint .winring{opacity:1}.eindscore.wint .winring circle{animation:winring var(--einde-ring) var(--ease-arrive) .5s forwards}@keyframes winring{to{stroke-dashoffset:0}}#einde .doos{max-width:min(92vw,880px);max-height:88vh;overflow-y:auto}#eindegalerij{display:flex;flex-direction:column;gap:16px;margin:6px 0 22px}.oogstrij{text-align:left;padding:12px 16px;border-radius:10px;background:#00000040;border:1px solid #2a2e24}.oogstrij.wint{border-color:var(--goud);box-shadow:0 0 24px #c9a22729}.oogstwie{display:block;font-size:12px;letter-spacing:.12em;color:var(--grijs);margin-bottom:10px;font-variant:small-caps}.oogstrij.wint .oogstwie{color:var(--goudlicht)}.oogstwie b{color:var(--goudfel);font-variant-numeric:tabular-nums;margin-left:6px}.oogst-onbenut{color:var(--grijs);font-variant:normal;letter-spacing:0;margin-left:10px;font-size:11px}.oogstkaarten{display:flex;flex-wrap:wrap;gap:8px}.oogstkaart{width:84px;aspect-ratio:63/88;object-fit:cover;border-radius:6px;box-shadow:0 4px 14px #00000080,0 0 0 1px #c9a22747}.oogstleeg{color:var(--grijs);font-style:italic;font-size:13px}.eindeknoppen{display:flex;gap:12px;justify-content:center}#nogeens,#bewaar{background:none;border:1px solid var(--goud);color:var(--goudfel);border-radius:8px;padding:10px 20px;font:inherit;cursor:pointer;font-variant:small-caps;letter-spacing:.1em}#nogeens:hover,#bewaar:hover{box-shadow:0 0 14px #c9a2274d}#bewaar{border-color:#4a5142;color:var(--celadon)}#bewaar:hover{border-color:var(--goud)}@media (prefers-reduced-motion: reduce){.kaart.dicht.uitnodiging .rug,.kaart.oppakbaar .front{animation:none}.kaart.oppakbaar .front:before,#veld.kiesmodus .kaart.kandidaat .front:before{animation:none;opacity:.45}#veld.kiesmodus .kaart.kandidaat .wieg{animation:none}.kaart .draai{transform:none!important}.kaart .zijde{backface-visibility:visible;transition:opacity var(--rustig-duur) ease}.kaart .zijde.front{transform:none;opacity:0}.kaart.open .zijde.front{opacity:1}.kaart.open .zijde.rug{opacity:0}.kaart.kop .gloed,.kaart.kop .gloed:after,.kaart.wachtend .gloed{animation:none}.kaart.kop .gloed{opacity:var(--gloed-kop-min)}.kaart.wachtend .gloed{opacity:var(--gloed-wacht-min)}.kaart.breuk .wieg{animation:none}.kaart.gepakt{transition-duration:var(--rustig-duur)}.speler b .strip{transition:none}.eindscore.wint .winring circle{animation-duration:var(--rustig-duur)}.kaart.dicht:hover .wieg{transform:none}#app.denkt #denkring .ring{animation:none;opacity:.5;transform:scale(1)}}html.rustig .kaart.dicht.uitnodiging .rug,html.rustig .kaart.oppakbaar .front{animation:none}html.rustig .kaart.oppakbaar .front:before,html.rustig #veld.kiesmodus .kaart.kandidaat .front:before{animation:none;opacity:.45}html.rustig #veld.kiesmodus .kaart.kandidaat .wieg{animation:none}html.rustig .kaart .draai{transform:none!important}html.rustig .kaart .zijde{backface-visibility:visible;transition:opacity var(--rustig-duur) ease}html.rustig .kaart .zijde.front{transform:none;opacity:0}html.rustig .kaart.open .zijde.front{opacity:1}html.rustig .kaart.open .zijde.rug{opacity:0}html.rustig .kaart.kop .gloed,html.rustig .kaart.kop .gloed:after,html.rustig .kaart.wachtend .gloed{animation:none}html.rustig #app.denkt #denkring .ring{animation:none;opacity:.5;transform:scale(1)}html.rustig .kaart.kop .gloed{opacity:var(--gloed-kop-min)}html.rustig .kaart.wachtend .gloed{opacity:var(--gloed-wacht-min)}html.rustig .kaart.breuk .wieg{animation:none}html.rustig .kaart.gepakt{transition-duration:var(--rustig-duur)}html.rustig .speler b .strip{transition:none}html.rustig .eindscore.wint .winring circle{animation-duration:var(--rustig-duur)}html.rustig .kaart.dicht:hover .wieg{transform:none}#instellingen{position:fixed;inset:0;z-index:52;display:none;align-items:center;justify-content:center;background:#0a0b0773}#instellingen.zichtbaar{display:flex}.instelpaneel{background:var(--paneel);border:1px solid var(--goud);border-radius:12px;padding:26px 32px;width:min(340px,86vw);box-shadow:0 14px 44px #0009}.instelpaneel h3{color:var(--goudlicht);font-size:var(--t-m);letter-spacing:.22em;text-transform:uppercase;font-weight:600;margin-bottom:18px}.instelpaneel label{display:block;margin-bottom:16px;color:var(--celadon);font-size:var(--t-s)}.instelpaneel input[type=range]{display:block;width:100%;margin-top:6px;accent-color:var(--goud)}.instelpaneel select{display:block;width:100%;margin-top:6px;padding:8px 10px;background:var(--bg);color:var(--tekst);border:1px solid var(--grijs);border-radius:6px;font:inherit}#tafelmelding{position:fixed;left:50%;bottom:calc(var(--u) * 2);transform:translate(-50%) translateY(8px);padding:calc(var(--u) * .6) calc(var(--u) * 1.4);border-radius:999px;background:#141711d1;color:var(--ivoorgoud);border:1px solid rgba(201,162,39,.3);font-size:var(--t-s);letter-spacing:.04em;pointer-events:none;z-index:40;opacity:0;transition:opacity .5s ease,transform .5s ease;backdrop-filter:blur(6px)}#tafelmelding.zichtbaar{opacity:1;transform:translate(-50%) translateY(0)}@media (prefers-reduced-motion: reduce){#tafelmelding{transition:opacity .5s ease}}#relikwieen{display:none}@media (min-width: 901px){#relikwieen{position:fixed;left:calc(var(--u) * 1.5);top:calc(var(--u) * 11);display:flex;flex-direction:column;gap:calc(var(--u) * .55);width:calc(var(--u) * 18);max-height:34vh;overflow:hidden;z-index:20;pointer-events:none}.relikwiegroep{display:none;align-items:center;gap:calc(var(--u) * .7);pointer-events:auto}.relikwiegroep.heeft{display:flex}.waaier{position:relative;height:32px;flex:none;width:calc(22px + (var(--n, 1) - 1) * 7px)}.rtegel{position:absolute;left:0;top:1px;width:22px;height:30px;border-radius:3px;background:linear-gradient(160deg,var(--goudlicht),var(--goud) 72%);box-shadow:0 1px 3px #0009,inset 0 0 0 1px #ffe9a84d;transform-origin:50% 92%;opacity:0;transform:translate(calc(var(--k) * 7px)) rotate(calc((var(--k) - 1) * 1.4deg));transition:opacity .45s ease,transform .4s var(--ease-arrive)}.rtegel.geland{opacity:1}.rtegel.t2{background:linear-gradient(160deg,var(--goudfel),var(--goudlicht) 72%);box-shadow:0 1px 4px #0009,0 0 6px #e8c66a80,inset 0 0 0 1px #ffe9a880}.relikwiegroep:hover .rtegel{transform:translate(calc(var(--k) * 20px)) rotate(0)}.telling{color:var(--goudlicht);font-size:var(--t-s);font-variant-numeric:tabular-nums;flex:none;text-shadow:0 1px 0 rgba(0,0,0,.6)}.relikwiegroep[data-speler="1"] .rtegel{background:linear-gradient(160deg,#d3e2d8,var(--celadon) 72%)}.relikwiegroep[data-speler="1"] .telling{color:var(--celadon)}.rtegel.geland:last-child{animation:relikwie-land .7s var(--ease-arrive)}}@keyframes relikwie-land{0%{box-shadow:0 0 16px var(--goudfel);filter:brightness(1.7)}to{filter:none}}html.rustig .rtegel{transition:opacity .15s ease}#pixicanvas{position:fixed;top:0;left:0;z-index:-1;pointer-events:none}#geologiecanvas{z-index:-3}#geologiedeeltjes{z-index:-2}html.heeft-geologie #tafel .monolith,html.heeft-geologie #tafel .doek,html.heeft-geologie #tafel .mist,html.heeft-geologie #tafel .tafellicht,html.heeft-geologie #tafel .halo,html.heeft-geologie #veldwrap .kleed,html.heeft-geologie #kamerlicht,html.heeft-geologie #vignet{display:none}html.heeft-geologie #geologiecanvas,html.heeft-geologie #geologiedeeltjes{z-index:-1}html.heeft-geologie #tafel .nebula{filter:brightness(var(--geo-nevel-lift, 1.2))}html.heeft-geologie #ketenpts{color:transparent!important;transform:none!important;text-shadow:none!important}html.heeft-geologie #ketenpts:before,html.heeft-geologie #ketenpts:after{display:none!important}@media (min-width: 901px){html.heeft-geologie .cartouche{position:fixed;animation:cartouche-adem 7s var(--ease-breathe) infinite}html.heeft-geologie.heeft-zegel #pak{position:fixed;transform:translate(-50%,-50%) scale(calc(.9 + var(--pak-warmte, 0) * .16));width:calc(var(--u) * 8);height:calc(var(--u) * 8);border-radius:50%;padding:0;border:none;background:var(--zegel) center / 150% no-repeat;box-shadow:0 0 0 2px #0000008c,inset 0 2px 9px #000000b3,0 4px 14px #00000080;color:transparent;font-size:0;z-index:30;overflow:hidden;filter:brightness(calc(.55 + var(--pak-warmte, 0) * .55)) saturate(calc(.7 + var(--pak-warmte, 0) * .6));transition:transform .25s var(--ease-arrive),filter .3s ease,opacity .3s ease}html.heeft-geologie.heeft-zegel #pak:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 49%,rgba(255,233,168,calc(.25 + var(--pak-warmte, 0) * .75)) 0%,rgba(255,233,168,calc(var(--pak-warmte, 0) * .3)) 12%,transparent 26%)}html.heeft-geologie.heeft-zegel #pak:not(.klaar){opacity:.5;pointer-events:none}html.heeft-geologie.heeft-zegel #pak.klaar:hover{transform:translate(-50%,-50%) scale(calc(.98 + var(--pak-warmte, 0) * .16))}html.heeft-geologie #hand{--iv-hfit: calc((100vh - var(--u) * 5 - (var(--hand-n, 1) - 1) * var(--u) * 1.7) / var(--hand-n, 1) / 1.4);width:min(calc(var(--u) * 25.5 * var(--iv-schaal, 1)),calc(var(--iv-hfit) + var(--u) * 2.5));transition:width .45s var(--ease-arrive)}html.heeft-geologie #hand .plaquette.klein{width:min(calc(var(--u) * 23 * var(--iv-schaal, 1)),var(--iv-hfit));transition:width .45s var(--ease-arrive)}}html.pixi-laadt:after{content:"";position:fixed;inset:0;background:#12140f;z-index:40;pointer-events:none;opacity:1;transition:opacity .5s ease}html.pixi-laadt.pixi-klaar:after{opacity:0}html.pixi-actief #tafel .plaat,html.pixi-actief #tafel .halo,html.pixi-actief #tafel .doek,html.pixi-actief #veldwrap .kleed,html.pixi-actief #veld .kaart .zijde,html.pixi-actief #veld .kaart .schaduw{visibility:hidden}html.pixi-actief #veld .kaart.vliegt .zijde,html.pixi-actief #veld .kaart.vliegt .schaduw{visibility:visible}html.mobiel,html.mobiel body{height:100dvh;overflow:hidden}html.mobiel #app{grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"kop" "hud" "veld" "acties";height:100dvh;padding:8px 8px calc(env(safe-area-inset-bottom,0px) + 4px);gap:4px}html.mobiel header{grid-area:kop;flex-direction:row;align-items:baseline;gap:12px;border-bottom:none;padding:0;margin:0;flex-wrap:wrap}html.mobiel header h1{font-size:14px;letter-spacing:.26em;margin:0}html.mobiel #scores{justify-content:flex-start;gap:14px}html.mobiel #hud{grid-area:hud;position:static;flex-direction:row;align-items:center;gap:10px;background:none;border:none;box-shadow:none;backdrop-filter:none;padding:0;margin:0;min-height:0;flex-wrap:wrap}html.mobiel #hudmsg{order:3;flex:1 1 100%;font-size:12px;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip;color:var(--goudlicht)}html.mobiel #zoekt{font-size:11px}html.mobiel #zoekt .lbl{letter-spacing:.12em}html.mobiel #koppaneel{display:none!important}html.mobiel #veldwrap{position:fixed;inset:0;width:100vw;height:100dvh}html.mobiel #veld{position:absolute;left:0;top:0;width:92vw;gap:6px;pointer-events:none;will-change:transform}html.mobiel.portret #veld{grid-template-columns:repeat(4,1fr)}html.mobiel:not(.portret) #veld{grid-template-columns:repeat(6,1fr);width:92vh}html.mobiel #veld .kaart{pointer-events:auto}html.mobiel #hand{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 52px);transform:none;flex-direction:row;justify-content:center;align-items:flex-end;gap:8px;width:auto;z-index:30;padding:0 8px;pointer-events:none}html.mobiel .handkaart{transform:none!important;margin:0;pointer-events:auto}html.mobiel .plaquette.klein{width:60px;border-radius:6px}html.mobiel .plaquette.klein .gravure h3{font-size:9px;letter-spacing:.05em}html.mobiel .handkaart .badge{transform:scale(.8)}html.mobiel #acties{grid-area:acties;position:fixed;left:0;right:0;bottom:0;z-index:31;display:flex;justify-content:center;align-items:center;gap:8px;padding:5px 8px calc(env(safe-area-inset-bottom,0px) + 5px);margin:0;background:linear-gradient(0deg,rgba(10,11,7,.9) 60%,transparent)}html.mobiel #acties button{min-height:40px;padding:8px 12px}html.mobiel #relikwieen,html.mobiel .cartouche{display:none}html.mobiel.heeft-zegel #pak{position:static;transform:none;width:auto;height:auto;border-radius:7px;background:#1a1c16;border:1px solid #3a3e30;color:var(--tekst);font-size:12.5px;filter:none;box-shadow:none}html.mobiel.heeft-zegel #pak:after{display:none}html.mobiel.heeft-zegel #pak:not(.klaar){opacity:.45}html.mobiel:not(.portret) #hand{position:fixed;inset:50% 8px auto auto;transform:translateY(-50%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:auto;z-index:30;padding:0}html.mobiel:not(.portret) .plaquette.klein{width:calc(clamp(44px,13vh,96px) * var(--iv-schaal, 1));transition:width .4s var(--ease-arrive)}html.mobiel:not(.portret) .handkaart .badge{transform:scale(.72)}