/* De Grote Kerstslee Race - independent, responsive game */
.slee-container{width:min(1200px,calc(100% - 34px));margin:28px auto 60px}
.slee-intro{max-width:980px;margin:0 0 22px;line-height:1.65}
.slee-app{background:#eef5ee;padding:clamp(14px,3vw,30px);border:1px solid #cbdccf;border-radius:27px;box-shadow:0 16px 35px #153a2c11}
.slee-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.slee-stat{border-radius:13px;padding:11px 16px;background:white;border:1px solid #d3e0d5;display:flex;align-items:center;gap:8px;color:#1d4938}
.slee-stat strong{font-variant-numeric:tabular-nums;font-weight:900;font-size:1.05rem}
.slee-canvas-shell{position:relative;overflow:hidden;border-radius:20px;border:3px solid #193d4b;background:#122c4a;touch-action:none;isolation:isolate}
#slee-canvas{display:block;width:100%;height:auto;aspect-ratio: 16/9;touch-action:none}
.slee-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:18px;background:#08263dc9;color:#fff;text-align:center;z-index:3}
.slee-overlay[hidden]{display:none!important}
.slee-overlay-card{width:min(480px,100%);padding:26px 20px;border-radius:22px;background:#fffdf4;color:#163e30;box-shadow:0 18px 50px #01192277}
.slee-overlay-card h2{margin:0 0 11px;font-size:clamp(1.5rem,3.5vw,2.4rem);line-height:1.18}
.slee-overlay-card p{margin:0 0 16px;line-height:1.55}
.slee-action{border:0;background:#b22c36;color:#fff;font:inherit;font-weight:800;border-radius:13px;padding:12px 21px;min-height:50px;cursor:pointer}
.slee-action:focus-visible,.slee-touch:focus-visible{outline:3px solid #edc85f;outline-offset:3px}
.slee-action:hover{background:#921f29}
.slee-action--secondary{background:#1b5b46}
.slee-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-top:15px}
.slee-controls p{margin:0;color:#3b5b50;font-size:.95rem}
.slee-controls-right{display:flex;gap:9px;align-items:center}
.slee-touch{border:1px solid #b4cab8;background:#fff;border-radius:14px;padding:10px 20px;font-size:1.5rem;font-weight:900;color:#21533e;touch-action:none;user-select:none;min-width:68px;min-height:52px;cursor:pointer}
.slee-access{margin:16px 0 0;color:#35564a;line-height:1.55}
.slee-more{margin-top:30px;max-width:1080px}
.slee-more p{line-height:1.65}
@media(max-width:680px){.slee-container{width:calc(100% - 22px);margin:18px auto 45px}.slee-app{padding:10px;border-radius:18px}.slee-bar{gap:6px}.slee-stat{padding:8px 10px;font-size:.84rem}.slee-stat strong{font-size:.93rem}.slee-canvas-shell{border-radius:12px;border-width:2px}#slee-canvas{aspect-ratio:4/5}.slee-overlay-card{padding:17px 15px}.slee-controls{gap:14px}.slee-controls-right{width:100%;justify-content:center}.slee-touch{flex:1}.slee-action{min-height:45px}}
@media(prefers-reduced-motion:reduce){.slee-overlay,.slee-canvas-shell{transition:none}}