:root{--kp-font: "Nunito", system-ui, sans-serif;--kp-font-title: "Chewy", "Nunito", system-ui, sans-serif;--kp-creme: #fff4dd;--kp-creme-2: #f7e4c2;--kp-rood: #d8232a;--kp-rood-d: #9d1419;--kp-goud: #f2b632;--kp-goud-d: #b8800e;--kp-groen: #2e9e5b;--kp-groen-d: #1d6b3c;--kp-inkt: #4a2a12;--kp-inkt-2: #7a5a3a;--kp-sys: clamp(44px, 7vmin, 60px);--kp-chip: clamp(34px, 6.2vmin, 54px);--kp-tool: clamp(48px, 8vmin, 66px)}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--kp-creme)}body{font-family:var(--kp-font);color:var(--kp-inkt);-webkit-text-size-adjust:100%}.kp-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--kp-creme);user-select:none;-webkit-user-select:none}.kp-root button{font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kp-root svg{width:1em;height:1em;display:block}.kp-root section{position:absolute;top:0;right:0;bottom:0;left:0}.kp-root [hidden]{display:none!important}.kp-titel{font-family:var(--kp-font-title);font-weight:400;color:var(--kp-rood);text-shadow:0 3px 0 #fff,0 5px 0 rgba(120,60,20,.18);letter-spacing:.02em;margin:0;line-height:1}.kp-knop{display:inline-flex;align-items:center;justify-content:center;gap:.45em;border:0;border-radius:999px;padding:.55em 1.3em;font-weight:800;font-size:clamp(16px,3vmin,24px);background:#fff;color:var(--kp-inkt);box-shadow:0 5px #783c1440;transition:transform .08s}.kp-knop:active{transform:translateY(3px);box-shadow:0 2px #783c1440}.kp-knop--primair{background:linear-gradient(#ee4a50,var(--kp-rood));color:#fff;box-shadow:0 5px 0 var(--kp-rood-d)}.kp-knop--primair:active{box-shadow:0 2px 0 var(--kp-rood-d)}.kp-knop--goud{background:linear-gradient(#ffd166,var(--kp-goud));color:var(--kp-inkt);box-shadow:0 5px 0 var(--kp-goud-d)}.kp-knop--goud:active{box-shadow:0 2px 0 var(--kp-goud-d)}.kp-knop svg{font-size:1.15em}.kp-sys{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:50}.kp-sys__btn{width:var(--kp-sys);height:var(--kp-sys);border-radius:50%;border:0;background:#fff;color:var(--kp-rood);display:grid;place-items:center;font-size:calc(var(--kp-sys) * .52);box-shadow:0 4px #783c1440}.kp-sys__btn:active{transform:translateY(2px);box-shadow:0 2px #783c1440}.kp-sys__btn.is-uit{color:var(--kp-inkt-2)}.kp-start{display:grid;place-items:center;background:radial-gradient(120% 90% at 50% -10%,#fffbf0,var(--kp-creme) 50%,var(--kp-creme-2))}.kp-start__kaart{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,2vmin,18px);padding:0 16px}.kp-start__hero{height:min(52vh,52vw);max-height:480px;width:auto;filter:drop-shadow(0 10px 10px rgba(120,60,20,.25))}.kp-start .kp-titel{font-size:clamp(44px,12vmin,104px)}.kp-start__spelen{font-size:clamp(22px,4.2vmin,34px);padding:.5em 1.6em}.kp-galerij{display:flex;flex-direction:column;padding:12px clamp(12px,3vw,40px) clamp(12px,3vh,24px);box-sizing:border-box;gap:8px}.kp-galerij__kop{font-family:var(--kp-font-title);font-weight:400;color:var(--kp-rood);font-size:clamp(24px,5.2vmin,44px);margin:0;line-height:1.1;padding-right:calc(3 * var(--kp-sys) + 32px);min-height:calc(var(--kp-sys) + 4px);display:flex;align-items:center}.kp-galerij__grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,2vmin,18px)}.kp-kaart{display:flex;flex-direction:column;min-height:0;min-width:0;border:0;border-radius:18px;background:#fff;padding:8px;box-shadow:0 5px #783c1438;position:relative;gap:4px;transition:transform .08s}.kp-kaart:active{transform:translateY(3px);box-shadow:0 2px #783c1438}.kp-kaart__beeld{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:#fff}.kp-kaart__beeld img{width:100%;height:100%;object-fit:contain;display:block}.kp-kaart__naam{font-weight:800;font-size:clamp(13px,2.4vmin,20px);color:var(--kp-inkt);text-align:center;line-height:1.15}.kp-kaart__klaar{position:absolute;top:-6px;right:-6px;width:clamp(28px,5vmin,44px);height:clamp(28px,5vmin,44px);border-radius:50%;background:var(--kp-goud);color:#fff;display:grid;place-items:center;font-size:clamp(18px,3.2vmin,28px);box-shadow:0 3px 0 var(--kp-goud-d)}.kp-kleur{display:flex;flex-direction:row}.kp-plaatvak{flex:1;min-width:0;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.kp-plaat{position:relative;width:min(100cqw,150cqh);aspect-ratio:3 / 2;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px #783c142e,0 10px 24px #783c141f;touch-action:none;cursor:crosshair}.kp-plaat[data-tool=vul]{cursor:pointer}.kp-laag{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;image-rendering:auto}.kp-laden{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff;font-weight:500;font-size:clamp(16px,3vmin,24px);color:var(--kp-inkt-2)}.kp-palet{width:clamp(200px,22vw,290px);flex:none;display:flex;flex-direction:column;gap:8px;padding:calc(var(--kp-sys) + 18px) 10px 10px;box-sizing:border-box;background:var(--kp-creme-2);box-shadow:inset 4px 0 #783c1414;overflow:hidden}.kp-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.kp-stempels{display:flex;justify-content:center;gap:6px;width:100%}.kp-tool--stempel{width:calc((100% - 18px)/4);max-width:calc(var(--kp-tool) * .92);height:auto;aspect-ratio:1}.kp-tool{width:var(--kp-tool);height:var(--kp-tool);border:3px solid transparent;border-radius:16px;background:#fff;color:var(--kp-inkt);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;box-shadow:0 4px #783c1433;font-size:calc(var(--kp-tool) * .42)}.kp-tool img{width:calc(var(--kp-tool) * .52);height:calc(var(--kp-tool) * .52);display:block}.kp-tool span{font-size:calc(var(--kp-tool) * .17);font-weight:500;line-height:1;color:var(--kp-inkt-2)}.kp-tool.is-actief{border-color:var(--kp-rood);background:#fff1e6}.kp-tool:active{transform:translateY(2px);box-shadow:0 2px #783c1433}.kp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-content:flex-start;flex:1;min-height:0}.kp-chip{width:var(--kp-chip);height:var(--kp-chip);border-radius:50%;border:3px solid #fff;padding:0;background-size:cover;box-shadow:0 3px #783c1440;transition:transform .08s}.kp-chip.is-actief{border-color:var(--kp-inkt);transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 4px 0 3px #783c1440}.kp-acties{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.kp-actie{width:calc(var(--kp-tool) * .78);height:calc(var(--kp-tool) * .78);border:0;border-radius:14px;background:#fff;color:var(--kp-inkt);display:grid;place-items:center;font-size:calc(var(--kp-tool) * .4);box-shadow:0 4px #783c1433}.kp-actie:disabled{opacity:.35;cursor:default}.kp-actie:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #783c1433}.kp-knop--klaar{background:linear-gradient(#45c072,var(--kp-groen));color:#fff;box-shadow:0 5px 0 var(--kp-groen-d);font-size:clamp(16px,2.8vmin,22px);padding:.45em 1em;flex:1 1 100%;max-width:100%}.kp-knop--klaar:active{box-shadow:0 2px 0 var(--kp-groen-d)}@media (orientation: portrait){.kp-kleur{flex-direction:column}.kp-plaatvak{flex:0 0 auto;container-type:normal;height:auto;width:100%;padding:calc(var(--kp-sys) + 18px) 8px 6px}.kp-plaat{width:min(100%,66vh)}.kp-palet{width:auto;flex:1;min-height:0;padding:8px 8px 10px;box-shadow:inset 0 4px #783c1414}.kp-chips{flex:1}.kp-knop--klaar{flex:1 1 auto}.kp-galerij__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}.kp-klaar{z-index:40;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% -10%,#fffbf0,var(--kp-creme) 50%,var(--kp-creme-2));padding:12px;box-sizing:border-box}.kp-klaar__kaart{display:flex;align-items:flex-end;justify-content:center;gap:clamp(6px,2vw,24px);width:100%;max-width:1100px;max-height:100%}.kp-klaar__piet,.kp-klaar__sint{height:min(46vh,30vw);width:auto;flex:none;filter:drop-shadow(0 8px 8px rgba(120,60,20,.22))}.kp-klaar__midden{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;flex:1;align-self:center}.kp-klaar__kop{font-size:clamp(34px,8vmin,72px)}.kp-klaar__tekst{margin:0;font-weight:500;font-size:clamp(15px,2.6vmin,22px);color:var(--kp-inkt-2)}.kp-klaar__plaat{width:min(100%,420px,44vh * 1.5);aspect-ratio:3 / 2;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 5px #783c1433}.kp-klaar__knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.kp-klaar__knoppen .kp-knop{font-size:clamp(14px,2.4vmin,20px);padding:.5em 1em}@media (orientation: portrait){.kp-klaar__kaart{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"piet sint" "midden midden";justify-items:center;align-items:end;gap:4px 12px}.kp-klaar__piet{grid-area:piet}.kp-klaar__sint{grid-area:sint}.kp-klaar__midden{grid-area:midden}.kp-klaar__piet,.kp-klaar__sint{height:min(17vh,34vw)}.kp-klaar__plaat{width:min(100%,44vh * 1.5)}}@media (max-height: 520px) and (orientation: landscape){.kp-klaar__plaat{display:none}}.kp-print{display:none}@media print{html,body{overflow:visible;background:#fff;height:auto}.kp-root{position:static;background:#fff}.kp-root>*:not(.kp-print){display:none!important}.kp-print{display:block!important;width:100%;max-height:95vh;object-fit:contain}@page{margin:10mm;size:landscape}}