:root{--color-bg:#160d09;--color-surface:#24150e;--color-raised:#321e14;--color-text:#f6ead6;--color-muted:#d4c2a8;--color-border:#4d3427;--color-accent:#a8141f;--color-accent-licht:#e0524a;--color-accent-diep:#5c0910;--accent-ink:#fff4e2;--color-goud:#d4a24c;--color-goud-licht:#f5dc9a;--color-goud-donker:#8a6424;--color-papier:#f3e5c8;--color-papier-donker:#e3cca0;--color-papier-inkt:#2b170e;--color-flits:#fff6dc;--color-pepernoot:#8b5530;--color-pepernoot-donker:#5a3318;--color-pepernoot-licht:#c88d52;--color-kader:#070403;--scherm-b:100vw;--scherm-h:100dvh;--radius:8px;--radius-knop:18px;--space:16px;--rand-links:max(20px, env(safe-area-inset-left));--rand-rechts:max(20px, env(safe-area-inset-right));--schaduw-tekst:0 1px 2px #000000b3, 0 2px 16px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-optical-sizing:auto;font-variation-settings:"SOFT" 50, "WONK" 0;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--color-bg);font-family:Fraunces,Georgia,Times New Roman,serif}*{box-sizing:border-box}body{background:radial-gradient(120% 60% at 50% 0%, #3b1e10 0%, transparent 70%), var(--color-bg);min-height:100dvh;color:var(--color-text);-webkit-tap-highlight-color:transparent;margin:0;font-size:1.0625rem;font-weight:400;line-height:1.6}#app{max-width:1100px;padding:calc(var(--space) * 2 + env(safe-area-inset-top)) var(--rand-rechts) calc(var(--space) * 2 + env(safe-area-inset-bottom)) var(--rand-links);margin:0 auto}h1,h2{font-variation-settings:"SOFT" 100, "WONK" 1;text-wrap:balance}h1{font-size:clamp(2.125rem, calc(var(--scherm-b) * .094), 3rem);letter-spacing:-.01em;margin:0 0 var(--space);color:var(--color-text);text-shadow:0 -1px 0 color-mix(in srgb, var(--color-goud-licht) 45%, transparent), 0 2px 0 #00000059, 0 0 28px color-mix(in srgb, var(--color-goud) 22%, transparent), 0 4px 22px #0009;font-weight:800;line-height:1.04}h1:focus{outline:none}h2{margin:0 0 var(--space);font-size:1.375rem;font-weight:800;line-height:1.15}a{color:var(--color-accent-licht);text-underline-offset:3px}.intro,.uitleg,.status{color:var(--color-muted);max-width:60ch}:focus-visible{outline:3px solid var(--color-goud-licht);outline-offset:3px}.alleen-voorlezen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.knop{font:inherit;font-variation-settings:"SOFT" 100, "WONK" 0;border:1px solid color-mix(in srgb, var(--color-goud) 75%, transparent);border-radius:var(--radius-knop);background:radial-gradient(120% 120% at 50% -10%, color-mix(in srgb, var(--color-accent-licht) 70%, transparent) 0%, transparent 55%), linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-diep) 100%);min-height:58px;color:var(--accent-ink,var(--color-bg));text-shadow:0 1px 1px #00000059;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-goud-licht) 40%, transparent), inset 0 -3px 8px #00000059, 0 8px 24px #00000080;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:1.125rem;font-weight:650;transition:transform .12s,box-shadow .12s;display:inline-flex}.knop:active{transform:scale(.98);box-shadow:inset 0 2px 8px #00000073,0 4px 12px #0006}.knop:disabled{opacity:.5;cursor:progress}.knop svg{flex:none}.knop-tweede{background:color-mix(in srgb, var(--color-bg) 35%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text);border:1.5px solid color-mix(in srgb, var(--color-text) 80%, transparent);text-shadow:none;box-shadow:0 6px 18px #00000059}.knop-stil{box-shadow:none;color:var(--color-text);min-height:46px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--color-text) 50%, transparent);text-decoration-color:color-mix(in srgb, var(--color-text) 50%, transparent);text-underline-offset:5px;text-shadow:var(--schaduw-tekst);background:0 0;border-color:#0000;font-weight:500;text-decoration-thickness:1px}.knop-stil:active{box-shadow:none}.knoppen-rij{flex-direction:column;align-self:stretch;align-items:center;gap:2px;display:flex}.scherm-terug .knoppen-rij{align-items:flex-start}.scherm-terug .knoppen-rij .knop-stil{padding-inline:0}.naast-elkaar{gap:var(--space);margin:var(--space) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));display:grid}.kaart{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space);min-width:0}.heatmap{grid-template-columns:max-content repeat(var(--n), minmax(0, 1fr));gap:2px;font-size:.6875rem;display:grid}.heatmap-kolom{text-align:center;color:var(--color-muted)}.heatmap-rij{color:var(--color-muted);white-space:nowrap;padding-right:6px}.heatmap-cel{aspect-ratio:1;background:color-mix(in srgb, var(--color-accent-licht) calc(var(--sterkte) * 100%), var(--color-border));border-radius:2px}.cijfers{margin:var(--space) 0 0;grid-template-columns:1fr auto;gap:4px 16px;display:grid}.cijfers dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}#app.trekking{max-width:520px;padding:0}.scherm{min-height:100dvh;min-height:var(--scherm-h);flex-direction:column;display:flex}.met-decor{isolation:isolate;position:relative}.met-decor .scherm-inhoud{text-shadow:var(--schaduw-tekst)}.decor{z-index:-1;background:var(--color-bg);pointer-events:none;position:fixed;inset:0;overflow:hidden}.decor-foto{object-fit:cover;transform-origin:50% 40%;width:100%;height:100%;animation:26s ease-in-out infinite alternate kenburns;display:block}.decor:after{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--color-bg) 82%, transparent) 0%, color-mix(in srgb, var(--color-bg) 30%, transparent) 34%, color-mix(in srgb, var(--color-bg) 10%, transparent) 52%, color-mix(in srgb, var(--color-bg) 55%, transparent) 74%, color-mix(in srgb, var(--color-bg) 94%, transparent) 100%), color-mix(in srgb, var(--color-bg) 18%, transparent);position:absolute;inset:0}@keyframes kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.09)translate(-1.5%,-1%)}}.proefbanner{padding:calc(4px + env(safe-area-inset-top)) var(--rand-rechts) 0 var(--rand-links);color:var(--color-muted);opacity:.6;justify-content:space-between;align-items:center;gap:12px;font-size:.75rem;transition:opacity .2s;display:flex}.proefbanner:hover,.proefbanner:focus-within{opacity:1}.proefbanner-link{color:var(--color-text);text-underline-offset:3px;padding:10px 0;font-weight:600;text-decoration:underline}.scherm:not(:has(>.proefbanner)){padding-top:env(safe-area-inset-top)}.scherm-inhoud{padding:20px var(--rand-rechts) 24px var(--rand-links);flex-direction:column;flex:1;gap:18px;display:flex}.scherm-inhoud>*{margin:0}.scherm:has(>.duimzone) .scherm-inhoud{padding-bottom:calc(var(--duim-hoogte,180px) + 16px)}.duimzone{width:min(100%,520px);padding:28px var(--rand-rechts) calc(16px + env(safe-area-inset-bottom)) var(--rand-links);background:linear-gradient(to top, var(--color-bg) 0%, color-mix(in srgb, var(--color-bg) 85%, transparent) 60%, transparent);z-index:10;gap:8px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.groet{color:var(--color-text);font-size:1.25rem;font-style:italic;font-weight:500;margin-bottom:-12px!important}.uitleg{color:var(--color-muted)}.wapen{aspect-ratio:1;background:var(--color-surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-goud) 55%, transparent), 0 14px 36px #0009, 0 0 60px color-mix(in srgb, var(--color-goud) 16%, transparent);border-radius:50%;flex:none;overflow:hidden}.wapen-foto{object-fit:cover;width:100%;height:100%;display:block}.wapen-knop{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;padding:0}.wapen-knop:focus-visible{outline:2px solid var(--color-goud);outline-offset:4px}.wapen-groot{width:min(calc(var(--scherm-b) * .46), 184px);align-self:center;margin-top:8px}.wapen-klein{width:68px}.scherm-welkom .scherm-inhoud{text-align:center;align-items:center}.grap{max-width:32ch;color:var(--color-text);font-style:italic}.stand{color:var(--color-muted);font-size:.9375rem}.infoblok{text-align:left;width:100%;text-shadow:none;color:var(--color-papier-inkt);background:radial-gradient(140% 90% at 20% 0%, #ffffff59 0%, transparent 60%), linear-gradient(170deg, var(--color-papier) 0%, var(--color-papier-donker) 100%);border-radius:4px;margin-top:10px;padding:20px 18px 20px 62px;position:relative;transform:rotate(-1deg);box-shadow:inset 0 1px #fff6,0 14px 32px #00000080,0 2px 4px #0000004d}.infoblok:before{content:"";background:linear-gradient(90deg, var(--color-accent-diep) 0%, var(--color-accent) 35%, var(--color-accent-licht) 50%, var(--color-accent) 65%, var(--color-accent-diep) 100%);width:18px;box-shadow:inset 1px 0 0 color-mix(in srgb, var(--color-goud) 70%, transparent), inset -1px 0 0 color-mix(in srgb, var(--color-goud) 70%, transparent), 0 2px 6px #00000059;position:absolute;top:-8px;bottom:-8px;left:20px}.infoblok-zegel{background:radial-gradient(circle at 38% 32%, var(--color-accent-licht) 0%, var(--color-accent) 45%, var(--color-accent-diep) 100%);border-radius:48% 52% 46% 54%/52% 46% 54% 48%;width:36px;height:36px;position:absolute;top:16px;left:11px;box-shadow:0 3px 6px #00000073,inset 0 -2px 3px #00000059}.infoblok-zegel:after{content:"";box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--color-accent-diep) 80%, transparent), 0 1px 0 color-mix(in srgb, var(--color-accent-licht) 60%, transparent);border-radius:50%;position:absolute;inset:8px}.infoblok-kop{color:var(--color-papier-inkt);margin:0 0 10px;font-size:1.375rem}.infoblok-lijst{gap:10px;margin:0;padding:0;list-style:none;display:grid}.infoblok-lijst li{grid-template-columns:18px 1fr;align-items:start;gap:12px;line-height:1.4;display:grid}.infoblok-lijst svg{color:var(--color-accent);margin-top:2px}.scherm-klaar .scherm-inhoud{padding-top:calc(var(--scherm-h) * .12);justify-content:flex-start}.hint{color:var(--color-muted);align-items:center;gap:10px;font-size:.9375rem;display:flex}.hint svg{color:var(--color-accent-licht);flex:none}.tijden{gap:6px;display:grid}.tijden p{color:var(--color-muted);margin:0;font-size:.9375rem;line-height:1.45}.antwoord:empty{display:none}.antwoord p{margin:0}.antwoord-label{color:var(--color-muted);font-style:italic}.antwoord-naam{font-size:clamp(3rem, calc(var(--scherm-b) * .17), 5.5rem);font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--color-text);text-shadow:0 -1px 0 color-mix(in srgb, var(--color-goud-licht) 55%, transparent), 0 0 36px color-mix(in srgb, var(--color-goud) 35%, transparent), 0 4px 22px #0009;overflow-wrap:anywhere;font-weight:900;line-height:.98;animation:.5s cubic-bezier(.2,1.4,.4,1) both naam-in}@keyframes naam-in{0%{opacity:0;transform:translateY(16px)scale(.92)}}.scherm-fout .scherm-inhoud{justify-content:center}.geluidsknop{top:calc(40px + env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:40;border:1px solid color-mix(in srgb, var(--color-goud) 45%, transparent);background:color-mix(in srgb, var(--color-bg) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:48px;height:48px;color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed}.geluidsknop[aria-pressed=true]{color:var(--color-muted)}.podium .geluidsknop{top:calc(14px + env(safe-area-inset-top))}.podium{--tel-duur:1.333s;z-index:30;isolation:isolate;background:var(--color-bg);padding-top:env(safe-area-inset-top);grid-template-rows:1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.podium-fotos{z-index:-1;position:absolute;inset:0}.podium-foto{position:absolute}.podium-foto-in{animation:.45s ease-out both foto-in}.podium-foto-in .decor-foto{animation:tel-zoom calc(var(--tel-duur) * 1.8) ease-out both}@keyframes foto-in{0%{opacity:0}}@keyframes tel-zoom{0%{transform:scale(1.12)}to{transform:scale(1.02)}}@media (prefers-reduced-motion:no-preference){.podium-foto-in .decor-foto[src$="/tel-5.webp"]{animation-name:tel-burns-5}.podium-foto-in .decor-foto[src$="/tel-4.webp"]{animation-name:tel-burns-4}.podium-foto-in .decor-foto[src$="/tel-3.webp"]{animation-name:tel-burns-3}.podium-foto-in .decor-foto[src$="/tel-2.webp"]{animation-name:tel-burns-2}.podium-foto-in .decor-foto[src$="/tel-1.webp"]{animation-name:tel-burns-1}}@keyframes tel-burns-5{0%{transform:translate(-2%,1%)scale(1.14)}to{transform:translate(2%)scale(1.06)}}@keyframes tel-burns-4{0%{transform:translate(2%,1%)scale(1.14)}to{transform:translate(-2%)scale(1.06)}}@keyframes tel-burns-3{0%{transform:translateY(-2%)scale(1.14)}to{transform:translateY(2%)scale(1.06)}}@keyframes tel-burns-2{0%{transform:translate(-2%,-1%)scale(1.14)}to{transform:translate(1%,2%)scale(1.06)}}@keyframes tel-burns-1{0%{transform:translate(1%,2%)scale(1.14)}to{transform:translate(-1%,-2%)scale(1.06)}}.podium-cijfer{padding:calc(var(--scherm-h) * .09) var(--rand-rechts) 0 var(--rand-links);align-content:start;place-items:center;min-height:0;display:grid}.choco{height:min(calc(var(--scherm-h) * .4), calc(var(--scherm-b) * .78));width:auto;max-width:calc(var(--scherm-b) * .82);filter:drop-shadow(0 18px 22px #000000a6) drop-shadow(0 0 34px color-mix(in srgb, var(--color-goud) 22%, transparent));transform-origin:50% 100%;animation:.8s both val-en-stuiter;display:block}@keyframes val-en-stuiter{0%{opacity:0;transform:translateY(calc(var(--scherm-h) * -.6)) rotate(-7deg);animation-timing-function:cubic-bezier(.55,0,.9,.4)}12%{opacity:1}48%{animation-timing-function:ease-out;transform:translateY(0)rotate(2deg)scale(1.05,.93)}64%{animation-timing-function:ease-in;transform:translateY(-7%)rotate(-1deg)scale(.98,1.02)}80%{transform:translateY(0)rotate(.5deg)scale(1.02,.98)}to{transform:translateY(0)rotate(0)scale(1)}}.wapen-klop{width:min(calc(var(--scherm-b) * .48), 210px);margin-top:calc(var(--scherm-h) * .06);animation:klop calc(var(--tel-duur) / 2) ease-out infinite}@keyframes klop{0%{transform:scale(1.06)}60%,to{transform:scale(1)}}.podium-grap{padding:0 var(--rand-rechts) calc(36px + env(safe-area-inset-bottom)) var(--rand-links);font-variation-settings:"SOFT" 100, "WONK" 1;max-width:26ch;min-height:calc(3.9em + 36px);text-shadow:var(--schaduw-tekst);margin:0;font-size:1.4375rem;font-weight:650;line-height:1.25}.flits{z-index:45;background:radial-gradient(circle at 50% 45%, var(--color-flits) 0%, var(--color-goud-licht) 22%, color-mix(in srgb, var(--color-goud) 70%, transparent) 48%, color-mix(in srgb, var(--color-goud-donker) 40%, transparent) 75%, transparent 100%);pointer-events:none;animation:.8s ease-out both flits;position:fixed;inset:0}@keyframes flits{0%{opacity:1;transform:scale(.6)}25%{opacity:.95;transform:scale(1.15)}to{opacity:0;transform:scale(1.4)}}.pepernoten-doek{z-index:50;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.scherm-film .scherm-inhoud{align-items:flex-start;padding-top:16px;padding-bottom:8px}.film-lijst{width:min(100%, calc((var(--scherm-h) - var(--duim-hoogte,120px) - 200px) * 9 / 16));aspect-ratio:9/16;border-radius:var(--radius);background:var(--color-surface);min-width:180px;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-goud) 40%, transparent), 0 18px 50px #0009;align-self:center;animation:.5s ease-out both film-in;position:relative;overflow:hidden}@keyframes film-in{0%{opacity:0;transform:scale(.94)}}.film{object-fit:cover;background:var(--color-surface);width:100%;height:100%;display:block}.film-speel{border:1px solid color-mix(in srgb, var(--color-goud) 75%, transparent);background:linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-diep) 100%);width:78px;height:78px;color:var(--accent-ink,var(--color-bg));cursor:pointer;border-radius:50%;place-items:center;padding-left:5px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px 28px #0000008c}.film-speel[hidden]{display:none}.film-naam{text-align:center;align-self:center;font-size:1.1875rem}.film-naam strong{font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--color-accent-licht);font-weight:800}.naamkaart{text-align:center;align-self:center;justify-items:center;gap:8px;width:100%;animation:.5s ease-out both film-in;display:grid}.naamkaart p{margin:0}.naamkaart-wapen{width:min(calc(var(--scherm-b) * .6), 240px);margin-bottom:16px}.naamkaart-regel{margin-top:8px}.galerij-teller{color:var(--color-muted);margin:0 0 14px;font-size:.9375rem}.galerij-raster{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:22px 14px;margin:0;padding:0;list-style:none;display:grid}.galerij-raster li:nth-child(2n){margin-top:26px}.galerij-kaart{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;width:100%;padding:0;display:grid}.galerij-video{aspect-ratio:3/4;object-fit:cover;object-position:50% 20%;background:var(--color-surface);width:100%;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-goud) 30%, transparent), 0 10px 24px #00000080;pointer-events:none;border-radius:4px;margin-bottom:8px;transition:transform .15s;display:block}.galerij-kaart:active .galerij-video{transform:scale(.98)}.galerij-video-wapen{object-fit:contain;object-position:50% 50%;background:radial-gradient(100% 80% at 50% 30%, var(--color-raised) 0%, var(--color-surface) 100%)}.galerij-kaart:disabled{cursor:default}.galerij-kaart:disabled:active .galerij-video{transform:none}.galerij-volgt{color:var(--color-muted);font-size:.875rem;font-style:italic}.galerij-naam{font-variation-settings:"SOFT" 100, "WONK" 0;font-weight:700;line-height:1.2}.galerij-tijd{color:var(--color-muted);font-size:.8125rem}.overlay{z-index:60;padding:calc(64px + env(safe-area-inset-top)) var(--rand-rechts) calc(24px + env(safe-area-inset-bottom)) var(--rand-links);background:color-mix(in srgb, var(--color-bg) 94%, transparent);align-content:center;place-items:center;gap:10px;display:grid;position:fixed;inset:0}.overlay .film{width:min(100%, calc((var(--scherm-h) - 150px) * 9 / 16));aspect-ratio:9/16;border-radius:var(--radius);height:auto}.overlay-naam{font-variation-settings:"SOFT" 100, "WONK" 1;margin:0;font-size:1.25rem;font-weight:700}.overlay-sluit{top:calc(10px + env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));border:1px solid color-mix(in srgb, var(--color-goud) 45%, transparent);background:var(--color-surface);width:48px;height:48px;color:var(--color-text);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute}@media (prefers-reduced-motion:reduce){.decor-foto,.podium-foto-in .decor-foto,.wapen-klop{animation:none}.choco,.antwoord-naam,.film-lijst,.naamkaart,.podium-foto-in{animation:.3s ease-out both vervaag}.flits{animation:.4s ease-out both vervaag-uit}.knop:active,.galerij-kaart:active .galerij-video{transform:none}}@keyframes vervaag{0%{opacity:0}}@keyframes vervaag-uit{0%{opacity:.5}to{opacity:0}}@media (min-width:600px) and (pointer:fine){:root{--scherm-b:390px;--scherm-h:min(844px, calc(100dvh - 48px));--kader-radius:44px}body{background:var(--color-kader);place-items:center;height:100dvh;min-height:0;display:grid;overflow:hidden}#app,#app.trekking{width:var(--scherm-b);max-width:none;height:var(--scherm-h);overscroll-behavior:contain;border-radius:var(--kader-radius);border:1px solid color-mix(in srgb, var(--color-border) 70%, black);background:radial-gradient(120% 60% at 50% 0%, #3b1e10 0%, transparent 70%), var(--color-bg);scrollbar-width:none;margin:0;overflow:hidden auto;transform:translateZ(0);box-shadow:0 24px 80px #0009,0 2px 8px #00000080}#app::-webkit-scrollbar{display:none}#app.trekking{overflow:hidden}#app.trekking>.scherm{overscroll-behavior:contain;scrollbar-width:none;height:100%;min-height:0;overflow:hidden auto}#app.trekking>.scherm::-webkit-scrollbar{display:none}body>.flits,body>.overlay,body>.pepernoten-doek{inset:auto;top:calc(50% - var(--scherm-h) / 2);left:calc(50% - var(--scherm-b) / 2);width:var(--scherm-b);height:var(--scherm-h);border-radius:var(--kader-radius);overflow:hidden}}.wachtrij{gap:22px;display:grid}.wachtrij-herinner{text-align:center;width:100%;text-decoration:none}.schoenen{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:480px){.schoenen{grid-template-columns:repeat(4,minmax(0,1fr))}}.schoen{text-align:center;gap:0;min-width:0;display:grid}.schoen-tegel{aspect-ratio:1;background:#000;border-radius:12px;margin-bottom:6px;overflow:hidden;box-shadow:0 6px 16px #00000080}.schoen-beeld{object-fit:cover;width:100%;height:100%;display:block}.schoen-naam{font-variation-settings:"SOFT" 100, "WONK" 0;overflow-wrap:anywhere;font-size:.9375rem;font-weight:700;line-height:1.2}.schoen-status{color:var(--color-muted);font-size:.75rem;line-height:1.3}.schoen-vol .schoen-tegel{box-shadow:0 0 0 2px var(--color-goud), 0 6px 16px #00000080}.schoen-vol .schoen-status{color:var(--color-goud-licht)}.schoen-leeg .schoen-tegel{box-shadow:0 0 0 1px var(--color-border), 0 6px 16px #00000080}.schoen-leeg .schoen-beeld{opacity:.7;transform-origin:50% 85%;animation:schoen-wiebel 6s ease-in-out var(--wiebel-vertraging,0s) infinite}@keyframes schoen-wiebel{0%,84%,to{transform:rotate(0)}87%{transform:rotate(-6deg)}90%{transform:rotate(5deg)}93%{transform:rotate(-3deg)}96%{transform:rotate(1deg)}}@media (prefers-reduced-motion:reduce){.schoen-leeg .schoen-beeld{animation:none}}.scherm-nummer .scherm-inhoud{text-align:center;padding-top:8px;padding-bottom:calc(20px + env(safe-area-inset-bottom));align-items:center;gap:14px}.nummer-terug{align-self:flex-start;min-height:48px;padding-inline:0}.nummer-audio{display:none}.nummer-plaat{width:clamp(140px, calc(var(--scherm-h) - 600px), min(55%, 380px));aspect-ratio:1;filter:drop-shadow(0 18px 28px #0009);flex:none;position:relative}.nummer-schijf{will-change:transform;position:absolute;inset:0}.nummer-vinyl{object-fit:contain;width:100%;height:100%;display:block}.nummer-label{aspect-ratio:1;object-fit:cover;border-radius:50%;width:33%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0000008c}.nummer-plaat:after{content:"";aspect-ratio:1;background:var(--color-bg);border-radius:50%;width:3%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nummer-tekst{gap:10px;width:100%;display:grid}.nummer-regel-klein{min-height:1.4em;color:var(--color-muted);opacity:.65;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;line-height:1.4;overflow:hidden}.nummer-regel-nu{text-wrap:balance;min-height:2.8em;font-size:1.45rem;font-weight:650;line-height:1.4}.nummer-regel-vlak{color:var(--color-text);background-image:linear-gradient(to right, var(--color-accent-licht) var(--voortgang,0%), color-mix(in srgb, var(--color-text) 42%, transparent) var(--voortgang,0%));-webkit-text-fill-color:transparent;-webkit-box-decoration-break:slice;box-decoration-break:slice;-webkit-background-clip:text;background-clip:text}.is-instrumentaal .nummer-regel-vlak{-webkit-text-fill-color:var(--color-muted);color:var(--color-muted);background:0 0;font-style:italic;font-weight:500}.nummer-speler{justify-items:center;gap:4px;width:100%;display:grid}.nummer-balk{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;width:100%;padding:14px 0}.nummer-balk:focus-visible{outline:2px solid var(--color-goud-licht);outline-offset:2px;border-radius:6px}.nummer-spoor{background:color-mix(in srgb, var(--color-text) 22%, transparent);border-radius:3px;height:6px;position:relative}.nummer-gevuld{width:var(--voortgang,0%);border-radius:inherit;background:var(--color-accent-licht);position:absolute;inset:0 auto 0 0}.nummer-greep{top:50%;left:var(--voortgang,0%);background:var(--color-text);border-radius:50%;width:18px;height:18px;transition:width .15s,height .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000080}.is-slepend .nummer-greep{width:24px;height:24px}.nummer-tijden{width:100%;color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:-8px;font-size:.9rem;display:flex}.nummer-speel{border:1px solid color-mix(in srgb, var(--color-goud) 75%, transparent);background:radial-gradient(120% 120% at 50% -10%, color-mix(in srgb, var(--color-accent-licht) 70%, transparent) 0%, transparent 55%), linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-diep) 100%);width:68px;height:68px;color:var(--accent-ink,var(--color-bg));cursor:pointer;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-goud-licht) 40%, transparent), 0 8px 20px #00000073;border-radius:50%;place-items:center;margin-top:6px;display:grid}.nummer-speel:active{transform:scale(.96)}.nummer-lijst{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.nummer-lijst-knop{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:10px 16px;font-size:1rem;display:flex}.nummer-lijst-knop svg{color:var(--color-muted);flex:none}.nummer-lijst-naam{flex:1;min-width:0}.nummer-lijst-knop.is-actief{border-color:var(--color-goud);background:var(--color-raised);font-weight:650}.nummer-lijst-knop.is-actief svg{color:var(--color-goud)}@media (prefers-reduced-motion:reduce){.nummer-speel:active{transform:none}.nummer-greep{transition:none}}