*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:#6db9e8;font-family:"Baloo 2",Trebuchet MS,Comic Sans MS,system-ui,sans-serif}.tsu-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--tsu-page-bg: linear-gradient(180deg, #57b7e8 0%, #9fdcf5 46%, #ffe9b8 100%);--tsu-text: #123a57;--tsu-rand: #0e5a7a}.tsu-root [hidden]{display:none!important}.tsu-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.tsu-hud{position:absolute;top:calc(10px + var(--sat));left:calc(12px + var(--sal));display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 210px - var(--sal) - var(--sar));z-index:25;pointer-events:none}.tsu-pill{display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#603e1eeb,#4a2e14eb);border:2px solid rgba(58,35,14,.9);box-shadow:0 3px #2e1b0a8c,inset 0 1px #ffecb440;color:#fff3d6;font-weight:700;font-size:clamp(14px,2.4vh,20px);padding:5px 14px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.tsu-pill__sub{font-size:.72em;font-weight:500;opacity:.9;color:#ffe9a8}.tsu-pill--zone{font-weight:600;background:linear-gradient(180deg,#603e1eb8,#4a2e14b8)}.tsu-pill--pop{animation:tsu-pill-pop .3s ease-out}@keyframes tsu-pill-pop{0%{scale:1}40%{scale:1.3}to{scale:1}}.tsu-munt,.tsu-ei-icoon{width:1.05em;height:1.05em;display:inline-block;vertical-align:-.14em;flex:none}.tsu-ster{width:1em;height:1em;display:inline-block;vertical-align:-.12em}.tsu-zijknoppen{position:absolute;left:calc(12px + var(--sal));top:calc(64px + var(--sat));display:flex;flex-direction:column;gap:10px;z-index:26}.tsu-zijknop{display:flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:6px 12px 6px 10px;font-family:inherit;font-size:clamp(12px,1.9vh,14px);font-weight:800;color:#5a3d00;background:linear-gradient(180deg,#ffdf7e,#ffc94d);box-shadow:0 4px #c9941b;cursor:pointer;transition:transform .08s}.tsu-zijknop:active{transform:translateY(3px);box-shadow:0 1px #c9941b}.tsu-zijknop svg{width:1.2em;height:1.2em}.tsu-golfbalk{position:absolute;top:calc(10px + var(--sat));left:50%;transform:translate(-50%);z-index:27;display:flex;align-items:center;gap:12px;color:#fff;font-weight:900;font-size:clamp(15px,2.6vh,22px);padding:8px 22px;border-radius:999px;box-shadow:0 4px #081e3259,inset 0 -3px #0000002e;text-shadow:0 2px 0 rgba(0,0,0,.3);animation:tsu-golfbalk-puls 1s ease-in-out infinite;pointer-events:none;white-space:nowrap}.tsu-golfbalk__tijd{font-weight:700;font-size:.82em}@keyframes tsu-golfbalk-puls{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.tsu-radar{position:absolute;top:calc(62px + var(--sat));left:50%;transform:translate(-50%);z-index:26;display:flex;gap:8px;pointer-events:none}.tsu-radar__chip{display:flex;align-items:center;gap:6px;background:linear-gradient(180deg,#603e1ee6,#4a2e14e6);border:2px solid rgba(58,35,14,.9);box-shadow:0 2px #2e1b0a80;color:#fff3d6;font-weight:600;font-size:clamp(11px,1.9vh,14px);padding:3px 12px;border-radius:999px}.tsu-radar__golf svg{width:1.5em;height:1.5em;display:block}.tsu-corners{position:absolute;top:calc(10px + var(--sat));right:calc(12px + var(--sar));display:flex;gap:10px;z-index:50}.tsu-corner{width:clamp(44px,6.5vh,56px);height:clamp(44px,6.5vh,56px);border-radius:50%;border:none;background:linear-gradient(180deg,#fffdf5,#ffe1a8);box-shadow:0 4px #7a521873,inset 0 -3px #f2b25880,inset 0 2px #ffffffe6;color:#8f5b14;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s,box-shadow .08s}.tsu-corner:active{transform:translateY(3px);box-shadow:0 1px #7a521873,inset 0 -2px #f2b25880}.tsu-corner svg{width:58%;height:58%;display:block}.tsu-touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:none}.tsu-stick{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.4)}.tsu-stick__knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff8c;transform:translate(-50%,-50%)}.tsu-jump{position:absolute;right:calc(22px + var(--sar));bottom:calc(26px + var(--sab));width:clamp(72px,12vh,96px);height:clamp(72px,12vh,96px);border-radius:50%;border:none;background:#ffd24deb;box-shadow:0 5px #a07814b3;color:#5a3d00;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none}.tsu-jump svg{width:46%;height:46%}.tsu-jump.ingedrukt{transform:scale(.92);box-shadow:0 2px #a07814b3}.tsu-toast{position:absolute;top:calc(110px + var(--sat));left:50%;transform:translate(-50%);z-index:28;background:radial-gradient(circle 3.5px at 12px 50%,#8a5a30 0 3.2px,transparent 3.5px),radial-gradient(circle 3.5px at calc(100% - 12px) 50%,#8a5a30 0 3.2px,transparent 3.5px),linear-gradient(180deg,#fff8e2,#ffe9b8);border:3px solid #a8743a;color:#5a3d00;font-weight:800;font-size:clamp(14px,2.4vh,19px);padding:9px 30px;border-radius:16px;box-shadow:0 4px #6e481c8c,0 8px 18px #4a2e1440,inset 0 2px #fffc;pointer-events:none;animation:tsu-pop .25s ease-out;max-width:min(92vw,560px);text-align:center}.tsu-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:29;background:#0a2e42;opacity:0;pointer-events:none;transition:opacity .08s linear}.tsu-hatch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:34;display:flex;align-items:flex-start;justify-content:center;padding-top:clamp(90px,18vh,170px);pointer-events:none}.tsu-hatch__kaart{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fffdf4f7;border-radius:20px;padding:14px 26px 12px;box-shadow:0 8px 24px #081e3259,0 3px #b48c3c80;color:#123a57}.tsu-hatch__kaart--pop{animation:tsu-pop .35s cubic-bezier(.34,1.56,.64,1)}.tsu-hatch__beeld svg{width:clamp(84px,16vh,130px);height:auto;display:block}.tsu-hatch__naam{font-weight:900;font-size:clamp(17px,3vh,24px)}.tsu-hatch__badge{font-weight:700;font-size:clamp(13px,2.2vh,16px)}.tsu-badge{display:inline-block;padding:1px 10px;border-radius:999px;color:#fff;font-weight:900;font-size:.9em}.tsu-badge--nieuw{background:#2fa84f;animation:tsu-pop .4s ease-out}.tsu-badge--goud{background:linear-gradient(180deg,#ffd24d,#e8a419);color:#5a3d00}.tsu-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--tsu-page-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vh,18px);text-align:center;padding:clamp(10px,2.5vh,28px);color:var(--tsu-text);overflow:hidden auto;scrollbar-width:none}.tsu-overlay::-webkit-scrollbar{display:none}.tsu-overlay h1{margin:0;font-size:clamp(32px,8vh,62px);font-weight:900;letter-spacing:.01em;color:#fff;text-shadow:3px 0 0 var(--tsu-rand),-3px 0 0 var(--tsu-rand),0 3px 0 var(--tsu-rand),0 -3px 0 var(--tsu-rand),2px 2px 0 var(--tsu-rand),-2px 2px 0 var(--tsu-rand),2px -2px 0 var(--tsu-rand),-2px -2px 0 var(--tsu-rand),0 7px 0 rgba(10,60,84,.85),0 12px 18px rgba(10,40,70,.4)}.tsu-overlay--home{background:none;justify-content:flex-start;padding-top:clamp(20px,6vh,56px);padding-bottom:calc(clamp(18px,5vh,44px) + var(--sab))}.tsu-overlay--home h1{font-size:min(clamp(46px,12vh,96px),13vw);animation:tsu-logo-float 3.4s ease-in-out infinite}@keyframes tsu-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.tsu-overlay--home .tsu-sub{margin:0;color:#fff;font-weight:800;font-size:clamp(15px,2.6vh,21px);text-shadow:0 2px 0 rgba(14,90,122,.9),0 4px 10px rgba(10,40,70,.45)}.tsu-tijdperk-badge{margin:0;background:#ffffffeb;color:#7a4a00;font-weight:900;font-size:clamp(13px,2.2vh,17px);padding:5px 16px;border-radius:999px;box-shadow:0 3px #7a521859}.tsu-hero{max-width:min(58vw,380px);max-height:30vh;object-fit:contain;margin-top:clamp(2px,1vh,10px);filter:drop-shadow(0 10px 16px rgba(10,40,70,.3));animation:tsu-hero-zweef 3.8s ease-in-out infinite;pointer-events:none}@keyframes tsu-hero-zweef{0%,to{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-9px) rotate(1.2deg)}}.tsu-home__spacer{flex:1}.tsu-home__dexstand{margin:0;display:flex;align-items:center;gap:6px;background:#ffffffe6;color:#123a57;font-weight:800;font-size:clamp(13px,2.3vh,18px);padding:6px 18px;border-radius:999px;box-shadow:0 3px #18527a4d}.tsu-home__rij{display:flex;gap:clamp(10px,2vw,18px);justify-content:center}.tsu-btn.tsu-btn--half{width:clamp(104px,20vw,148px);padding-left:0;padding-right:0;font-size:clamp(13px,2.1vh,16px);padding-top:clamp(6px,1.2vh,9px);padding-bottom:clamp(6px,1.2vh,9px);white-space:nowrap;box-shadow:0 4px #c95f14}.tsu-overlay--winkel,.tsu-overlay--boek,.tsu-overlay--pauze{background:var(--tsu-page-bg)}.tsu-overlay--winkel,.tsu-overlay--boek{gap:clamp(6px,1.2vh,12px)}.tsu-overlay--winkel h1,.tsu-overlay--boek h1{font-size:clamp(24px,5.5vh,42px)}.tsu-paneel{display:flex;flex-direction:column;align-items:center;gap:clamp(7px,1.3vh,12px);background:#0a2d4299;border-radius:22px;padding:clamp(12px,2.2vh,20px) clamp(14px,3vw,28px);box-shadow:0 10px 30px #081e3259,inset 0 1px #ffffff2e;max-height:min(74vh,720px);overflow:hidden auto;scrollbar-width:none}.tsu-paneel::-webkit-scrollbar{display:none}.tsu-paneel--breed{width:min(94vw,560px)}.tsu-saldo{margin:0;display:flex;align-items:center;gap:6px;background:#ffffffeb;color:#123a57;font-weight:900;font-size:clamp(14px,2.4vh,18px);padding:4px 16px;border-radius:999px;box-shadow:0 3px #18527a4d}.tsu-winkel__grid{display:flex;flex-direction:column;gap:clamp(5px,1vh,9px);width:100%}.tsu-upgrade{display:flex;align-items:center;gap:clamp(8px,1.6vw,12px);background:#ffffff24;border-radius:12px;padding:clamp(5px,1vh,9px) clamp(8px,1.6vw,14px);color:#fff;text-align:left}.tsu-upgrade__icoon{flex:none;width:clamp(28px,4.6vh,38px);height:clamp(28px,4.6vh,38px);border-radius:10px;background:#ffffff29;display:flex;align-items:center;justify-content:center;color:#ffe9a8}.tsu-upgrade__icoon svg{width:62%;height:62%}.tsu-upgrade__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;font-size:clamp(12.5px,2.1vh,15px)}.tsu-upgrade__info small{font-weight:500;font-size:.78em;opacity:.85}.tsu-upgrade__effect{color:#ffe9a8}.tsu-upgrade__pips{display:flex;gap:3px;margin:2px 0}.tsu-pip{width:clamp(7px,1.2vh,10px);height:clamp(7px,1.2vh,10px);border-radius:50%;background:#ffffff38}.tsu-pip--vol{background:#ffd24d;box-shadow:0 1px #7a521880}.tsu-btn.tsu-btn--koop{flex:none;display:flex;align-items:center;gap:5px;font-size:clamp(12px,2vh,15px);padding:clamp(6px,1.2vh,9px) clamp(11px,2.2vw,17px);background:#2fa84f;box-shadow:0 4px #1d7a34;white-space:nowrap}.tsu-btn.tsu-btn--koop[disabled]{background:#6b7f8f;box-shadow:0 4px #49596533}.tsu-tijdperk-kaart{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;background:linear-gradient(135deg,#ffaa3c47,#ff5a3c38);border:2px solid rgba(255,200,90,.55);border-radius:14px;padding:clamp(7px,1.4vh,11px);color:#fff;font-size:clamp(13px,2.3vh,17px)}.tsu-tijdperk-kaart small{font-weight:500;font-size:.75em;opacity:.92;max-width:46ch}.tsu-btn.tsu-btn--tijdperk{display:flex;align-items:center;gap:6px;background:#ff7a3c;box-shadow:0 4px #c14f14;font-size:clamp(12px,2vh,15px);padding:clamp(6px,1.2vh,9px) clamp(13px,2.6vw,20px)}.tsu-btn.tsu-btn--tijdperk[disabled]{background:#6b7f8f;box-shadow:0 4px #49596533}.tsu-boek__stand{margin:0;color:#fff;font-weight:800;font-size:clamp(14px,2.4vh,18px)}.tsu-boek__inhoud{width:100%;display:flex;flex-direction:column;gap:6px}.tsu-boek__tier{margin:5px 0 1px;font-size:clamp(13px,2.2vh,16px);font-weight:900;text-align:left;text-shadow:0 1px 0 rgba(0,0,0,.4)}.tsu-boek__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,1.2vw,12px);width:100%}@media (max-width: 560px){.tsu-boek__grid{grid-template-columns:repeat(2,1fr)}}.tsu-dino-kaart{display:flex;flex-direction:column;align-items:center;gap:1px;background:#ffffff24;border:2px solid transparent;border-radius:11px;padding:clamp(4px,.9vh,8px);color:#fff;font-size:clamp(11px,1.8vh,13px)}.tsu-dino-kaart b{font-weight:800}.tsu-dino-kaart small{font-weight:500;font-size:.82em;color:#ffe9a8}.tsu-dino-kaart--onbekend{opacity:.66}.tsu-dino-kaart__sterren .tsu-ster{width:.9em;height:.9em}.tsu-dino-svg{width:clamp(42px,6.5vh,62px);height:auto;display:block;filter:drop-shadow(0 2px 2px rgba(8,30,50,.3))}.tsu-pauze__stats{margin:0;display:flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:clamp(15px,2.6vh,20px)}.tsu-btn{border:none;border-radius:999px;padding:clamp(12px,2.2vh,18px) clamp(30px,6vw,52px);font-family:inherit;font-size:clamp(18px,3.2vh,26px);font-weight:900;color:#fff;background:#ff8a3c;box-shadow:0 5px #c95f14;cursor:pointer;transition:transform .08s}.tsu-btn:active{transform:scale(.95)}.tsu-btn[disabled]{opacity:.75;cursor:default}.tsu-btn[disabled]:active{transform:none}.tsu-btn--speel{background:#2fa84f;box-shadow:0 5px #1d7a34}.tsu-btn--menu{background:#3ea7e8;box-shadow:0 5px #1f6fa3}.tsu-btn--reset{background:#e5534b;box-shadow:0 5px #a83029;font-size:clamp(14px,2.4vh,18px);padding:clamp(9px,1.6vh,13px) clamp(20px,4vw,34px)}.tsu-link{border:none;background:none;font-family:inherit;font-size:clamp(14px,2.4vh,18px);font-weight:800;color:#fff;opacity:.95;text-decoration:underline;text-shadow:0 2px 4px rgba(10,40,70,.5);cursor:pointer;padding:4px 22px;flex:none}.tsu-confetti{position:absolute;top:-14px;width:10px;height:14px;z-index:45;border-radius:2px;pointer-events:none;animation:tsu-confetti-val linear forwards}@keyframes tsu-confetti-val{0%{transform:translateY(-10px) rotate(0)}to{transform:translateY(110vh) rotate(660deg)}}@keyframes tsu-pop{0%{scale:.6;opacity:0}to{scale:1;opacity:1}}@media (max-width: 980px){.tsu-golfbalk{top:calc(58px + var(--sat))}.tsu-radar{top:calc(108px + var(--sat))}.tsu-toast{top:calc(150px + var(--sat))}}@media (max-width: 480px){.tsu-zijknoppen{top:calc(132px + var(--sat))}.tsu-corner{width:40px;height:40px}.tsu-corners{gap:7px}.tsu-zijknop span{display:none}.tsu-zijknop{padding:9px;border-radius:50%}}@font-face{font-family:Bangers;src:url(./bangers-CWMJ-UEr.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.tsu-overlay h1{font-family:Bangers,"Baloo 2",Trebuchet MS,Comic Sans MS,system-ui,sans-serif;font-weight:400;letter-spacing:.06em;padding-top:.06em}.tsu-overlay--home h1{font-size:min(clamp(56px,15vh,120px),15vw)}