html,body{height:100%;overflow:hidden;margin:0}body{background:#05070f}.root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;color:#eaf2ff;font-family:inherit;font-weight:500}.root [hidden]{display:none!important}.root button{font-family:inherit;cursor:pointer;border:0}.a3d-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}.a3d-corners{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));right:calc(10px + env(safe-area-inset-right,0px));display:flex;gap:clamp(8px,1.2vmin,14px);z-index:90}.a3d-corner{width:clamp(44px,6.4vmin,62px);height:clamp(44px,6.4vmin,62px);border-radius:14px;background:#0d1326;border:2px solid #24335e;color:#9fd8ff;display:grid;place-items:center;box-shadow:0 0 14px #37e6ff26;transition:transform .1s,border-color .1s}.a3d-corner:hover{transform:translateY(-1px);border-color:#37e6ff}.a3d-corner svg{width:58%;height:58%}.a3d-corner.is-uit{color:#46557e;border-color:#1a2440;box-shadow:none}.a3d-scherm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:clamp(12px,3vmin,32px);box-sizing:border-box;background:radial-gradient(120% 90% at 50% 0%,#101a38,#070b16 55%,#05070f)}.a3d-btn{padding:clamp(12px,2vmin,18px) clamp(28px,5vmin,46px);border-radius:16px;font-size:clamp(17px,2.6vmin,24px);font-weight:800;letter-spacing:.04em;color:#dfefff;background:#121b36;border:2px solid #2a3d6e;transition:transform .1s,box-shadow .1s}.a3d-btn:hover{transform:translateY(-2px)}.a3d-btn--primair{color:#041018;background:linear-gradient(180deg,#6ff3ff,#37e6ff 55%,#17b6e8);border-color:#8ff7ff;box-shadow:0 0 22px #37e6ff73,0 6px #0a506e8c}.a3d-btn--primair:hover{box-shadow:0 0 30px #37e6ffa6,0 8px #0a506e8c}.a3d-btn:disabled{opacity:.55;transform:none;cursor:default}.a3d-terug{width:46px;height:46px;border-radius:12px;background:#0d1326;border:2px solid #24335e;color:#9fd8ff;font-size:22px;font-weight:800}.a3d-chip{padding:8px 16px;border-radius:999px;background:#0d1326;border:2px solid #24335e;color:#9fd8ff;font-weight:800;font-size:clamp(14px,2vmin,18px);white-space:nowrap}.a3d-start__hero{display:flex;align-items:flex-end;justify-content:center;gap:clamp(4px,2vmin,20px);min-height:clamp(120px,26vmin,240px)}.a3d-start__heroimg{max-height:clamp(140px,30vmin,280px);max-width:min(80vw,520px);filter:drop-shadow(0 0 26px rgba(55,230,255,.4))}.a3d-start__herocanvas{width:min(88vw,640px);height:auto;aspect-ratio:920 / 340;filter:drop-shadow(0 0 22px rgba(55,230,255,.35))}.a3d-start__figuur{width:clamp(90px,18vmin,170px);height:clamp(90px,18vmin,170px);filter:drop-shadow(0 0 18px rgba(55,230,255,.5))}.a3d-start__figuur--0{transform:translateY(10px) rotate(-4deg)}.a3d-start__figuur--2{transform:translateY(10px) rotate(4deg)}.a3d-start__titel{margin:0;font-family:var(--arena-font-title, inherit);font-weight:400;font-size:clamp(44px,10vmin,104px);line-height:1;text-align:center;color:#eefbff;text-shadow:0 0 14px rgba(55,230,255,.9),0 0 44px rgba(55,230,255,.45),0 4px 0 #0d3d55,0 8px 22px rgba(0,0,0,.6)}.a3d-kies{justify-content:center;gap:14px;overflow:hidden}.a3d-kies__kop{display:flex;align-items:center;gap:14px;width:min(96vw,900px);padding-right:clamp(150px,22vmin,220px);box-sizing:border-box}.a3d-kies__munten{display:inline-flex;align-items:center;gap:7px;color:#ffd23e}.a3d-kies__munten svg{width:18px;height:18px}.a3d-kies__shop{margin-left:auto;padding:10px 20px;font-size:clamp(13px,2vmin,17px);border-color:#b84dff;color:#e6c4ff;box-shadow:0 0 14px #b84dff4d}.a3d-lvls{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(5px,.9vmin,9px);width:min(96vw,700px)}.a3d-lvl{position:relative;aspect-ratio:1;border-radius:12px;background:#0d1326;border:2px solid #24335e;color:#dfefff;font-weight:800;font-size:clamp(13px,2.2vmin,20px);display:grid;place-items:center}.a3d-lvl--done{border-color:#2b6e52;color:#3cf0a0}.a3d-lvl__vink{position:absolute;right:2px;bottom:2px;color:#3cf0a0;line-height:0}.a3d-lvl__vink svg{width:clamp(10px,1.6vmin,14px);height:clamp(10px,1.6vmin,14px)}.a3d-lvl--nu{border-color:#37e6ff;color:#eefbff;box-shadow:0 0 14px #37e6ff73}.a3d-lvl--slot{opacity:.45;cursor:default}.a3d-lvl__slotje{color:#46557e;line-height:0}.a3d-lvl__slotje svg{width:44%;height:44%}.a3d-lvl--sel{background:#14224a;border-color:#8ff7ff;box-shadow:0 0 18px #37e6ffa6}.a3d-lvlinfo{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:12px;font-size:clamp(13px,2vmin,17px);font-weight:500;color:#8ea4d6}.a3d-lvlinfo__dot{width:14px;height:14px;border-radius:50%;background:var(--dot, #37e6ff);box-shadow:0 0 10px var(--dot, #37e6ff)}.a3d-lvlinfo__naam{color:#eaf2ff;font-weight:800}.a3d-lvlinfo__feit{padding:3px 12px;border-radius:999px;background:#0d1326;border:1px solid #24335e;white-space:nowrap}.a3d-helden{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-content:flex-start;overflow-y:auto;max-width:min(96vw,900px);flex:0 1 auto;min-height:0;padding:4px}.a3d-held{width:clamp(150px,21vmin,190px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;border-radius:18px;background:#0d1326;border:2px solid #24335e;color:#dfefff;text-align:center}.a3d-held--sel{border-color:#37e6ff;box-shadow:0 0 18px #37e6ff73}.a3d-held--slot{opacity:.55;cursor:default}.a3d-held__beeld{position:relative;width:clamp(76px,11vmin,104px);height:clamp(76px,11vmin,104px);border-radius:50%;background:radial-gradient(circle at 50% 38%,#1b2a52,#0a101f 78%);box-shadow:0 0 0 3px var(--held, #37e6ff),0 0 16px var(--held, #37e6ff);display:grid;place-items:center;overflow:hidden}.a3d-portret{width:100%;height:100%;object-fit:cover}.a3d-portret--letter{display:grid;place-items:center;font-size:34px;font-weight:800;color:#9fd8ff}.a3d-held__naam{font-weight:800;font-size:clamp(16px,2.3vmin,20px)}.a3d-held__wapen{font-size:clamp(11px,1.6vmin,13px);font-weight:800;color:#37e6ff;text-transform:uppercase;letter-spacing:.05em}.a3d-held__tekst{font-size:clamp(11px,1.7vmin,14px);font-weight:500;color:#8ea4d6;line-height:1.35}.a3d-slotje{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:0;background:#050812b8;color:#9fd8ff;font-weight:800;font-size:14px}.a3d-slotje svg{width:20px;height:20px}.a3d-kies__voet{padding-bottom:clamp(6px,2vmin,18px)}.a3d-shop{justify-content:center;gap:16px;overflow:hidden}.a3d-shop__kop{display:flex;align-items:center;gap:16px;width:min(94vw,720px);padding-right:clamp(150px,22vmin,220px);box-sizing:border-box}.a3d-shop__titel{margin:0;font-family:var(--arena-font-title, inherit);font-weight:400;font-size:clamp(26px,5vmin,44px);line-height:1;color:#eefbff;text-shadow:0 0 14px rgba(184,77,255,.8),0 3px 0 #2a0d45}.a3d-shop__saldo{margin-left:auto;display:inline-flex;align-items:baseline;gap:8px;color:#ffd23e}.a3d-shop__saldo svg{width:clamp(20px,3vmin,28px);height:clamp(20px,3vmin,28px);align-self:center}.a3d-shop__munten{font-size:clamp(26px,4.6vmin,42px);font-weight:800;line-height:1;text-shadow:0 0 14px rgba(255,210,62,.5)}.a3d-shop__saldo-label{font-weight:500;font-size:clamp(12px,1.8vmin,16px);color:#9fb4dd}.a3d-shop__rijen{display:flex;flex-direction:column;gap:10px;width:min(94vw,720px);overflow-y:auto;flex:0 1 auto;min-height:0;padding:2px 4px clamp(8px,2vmin,20px);box-sizing:border-box}.a3d-upgrade{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:16px;background:#0d1326;border:2px solid #24335e}.a3d-upgrade__info{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.a3d-upgrade__naam{font-weight:800;font-size:clamp(15px,2.3vmin,19px);color:#eaf2ff}.a3d-upgrade__tekst{font-weight:500;font-size:clamp(11px,1.7vmin,14px);color:#8ea4d6;line-height:1.35}.a3d-upgrade__dots{display:inline-flex;gap:6px;margin-top:2px}.a3d-dot{width:12px;height:12px;border-radius:50%;background:#1a2440;border:2px solid #2a3d6e;box-sizing:border-box}.a3d-dot--vol{background:#37e6ff;border-color:#8ff7ff;box-shadow:0 0 8px #37e6ffb3}.a3d-upgrade__koop{display:flex;flex-direction:column;align-items:center;gap:6px}.a3d-upgrade__prijs{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:clamp(13px,2vmin,17px);color:#ffd23e;white-space:nowrap}.a3d-upgrade__prijs svg{width:15px;height:15px}.a3d-upgrade__knop{padding:8px 22px;font-size:clamp(13px,2vmin,16px);color:#041018;background:linear-gradient(180deg,#ffe9a3,#ffd23e 55%,#e8ae17);border:2px solid #ffe9a3;box-shadow:0 0 14px #ffd23e66}.a3d-upgrade__knop:disabled{background:#121b36;border-color:#2a3d6e;color:#46557e;box-shadow:none}.a3d-hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.a3d-hud__top{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(56vw,460px)}.a3d-hud__score{font-size:clamp(20px,3.4vmin,32px);font-weight:800;min-width:1.4em;text-align:center;text-shadow:0 2px 6px rgba(0,0,0,.8)}.a3d-hud__score--g{color:#3cf0a0}.a3d-hud__score--m{color:#ff3ea5}.a3d-hud__midden{flex:1}.a3d-hud__teambalk{height:clamp(10px,1.6vmin,16px);border-radius:999px;background:#ff3ea5;border:2px solid rgba(8,12,26,.85);overflow:hidden;box-shadow:0 0 12px #ff3ea566}.a3d-hud__teamvul{height:100%;width:50%;background:#3cf0a0;box-shadow:0 0 12px #3cf0a099}.a3d-hud__regel{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:4px}.a3d-hud__klok{text-align:center;font-size:clamp(16px,2.6vmin,24px);font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.85)}.a3d-hud__doel{padding:2px 12px;border-radius:999px;background:#0a0f1ed9;border:2px solid #24335e;color:#9fd8ff;font-weight:500;font-size:clamp(11px,1.7vmin,14px);white-space:nowrap}.a3d-hud__klok.is-bijna{color:#ff6a6a}.a3d-hud__pauze{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));width:clamp(44px,6.4vmin,62px);height:clamp(44px,6.4vmin,62px);border-radius:14px;background:#0d1326;border:2px solid #24335e;color:#9fd8ff;display:grid;place-items:center;pointer-events:auto}.a3d-hud__pauze svg{width:46%;height:46%}.a3d-hud__onder{position:absolute;left:calc(14px + env(safe-area-inset-left,0px));bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;width:min(38vw,260px)}.a3d-meter{position:relative;height:clamp(14px,2.2vmin,20px);border-radius:999px;background:#0a0f1ed9;border:2px solid #24335e;overflow:hidden}.a3d-meter__vul{height:100%;width:100%}.a3d-meter--energie .a3d-meter__vul{background:linear-gradient(90deg,#17b6e8,#6ff3ff);box-shadow:0 0 10px #37e6ffb3}.a3d-meter--super .a3d-meter__vul{background:linear-gradient(90deg,#b84dff,#ff3ea5);box-shadow:0 0 10px #ff3ea5b3}.a3d-meter__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:4px;font-size:clamp(9px,1.4vmin,12px);font-weight:800;letter-spacing:.08em;color:#eaf2ff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.a3d-meter__label svg{width:12px;height:12px}.a3d-meter--super.is-vol{border-color:#ff3ea5;animation:a3d-puls .9s ease-in-out infinite}@keyframes a3d-puls{0%,to{box-shadow:0 0 6px #ff3ea580}50%{box-shadow:0 0 20px #ff3ea5}}.a3d-hud__tags{align-self:flex-start;display:inline-flex;align-items:baseline;gap:8px;padding:4px 14px;border-radius:999px;background:#0a0f1ed9;border:2px solid #24335e;color:#3cf0a0;font-weight:800;font-size:clamp(14px,2.2vmin,19px)}.a3d-hud__tags-label{font-weight:500;font-size:.72em;letter-spacing:.08em;color:#9fb4dd}.a3d-vizier{position:absolute;left:50%;top:50%;width:0;height:0}.a3d-vizier__dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#eaf2ff;box-shadow:0 0 6px #ffffffe6,0 0 2px #000c}.a3d-raak{position:absolute;width:3px;height:12px;border-radius:2px;background:#6ff3ff;box-shadow:0 0 8px #37e6ff;opacity:0;transition:opacity .12s}.a3d-raak--1{transform:translate(-11px,-17px) rotate(-45deg)}.a3d-raak--2{transform:translate(8px,-17px) rotate(45deg)}.a3d-raak--3{transform:translate(-11px,5px) rotate(45deg)}.a3d-raak--4{transform:translate(8px,5px) rotate(-45deg)}.a3d-vizier.is-raak .a3d-raak{opacity:1}.a3d-hud.is-geraakt:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 90px #ff3ea58c;pointer-events:none}.a3d-getagd{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 34px;border-radius:20px;background:#140a16;border:3px solid #ff3ea5;box-shadow:0 0 34px #ff3ea5a6}.a3d-getagd b{font-size:clamp(22px,4vmin,36px);color:#ff7cc4;letter-spacing:.06em}.a3d-getagd__tel{font-size:clamp(30px,6vmin,54px);font-weight:800;color:#fff;line-height:1}.a3d-touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;touch-action:none}.a3d-stick{position:fixed;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;border:2px solid rgba(159,216,255,.5);background:#0d132666;pointer-events:none}.a3d-stick__knop{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#6ff3ffbf;box-shadow:0 0 16px #37e6ffcc}.a3d-touchknoppen{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:flex-end;gap:14px}.a3d-touchknop{border-radius:50%;font-weight:800;letter-spacing:.04em;color:#041018;touch-action:none}.a3d-touchknop--vuur{width:clamp(84px,15vmin,116px);height:clamp(84px,15vmin,116px);font-size:clamp(16px,2.6vmin,21px);background:radial-gradient(circle at 50% 34%,#8ff7ff,#37e6ff 60%,#17b6e8);border:3px solid #8ff7ff;box-shadow:0 0 26px #37e6ff99}.a3d-touchknop--super{width:clamp(60px,11vmin,84px);height:clamp(60px,11vmin,84px);font-size:clamp(11px,1.8vmin,15px);background:radial-gradient(circle at 50% 34%,#ff9ed4,#ff3ea5 60%,#c9247d);border:3px solid #ff9ed4;box-shadow:0 0 22px #ff3ea599;color:#23041a}.a3d-kaart{display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(22px,4vmin,40px) clamp(26px,5vmin,56px);border-radius:24px;background:#0d1326;border:2px solid #24335e;box-shadow:0 0 40px #37e6ff2e,0 18px 50px #0000008c;max-width:min(92vw,480px);max-height:92vh;overflow-y:auto;box-sizing:border-box}.a3d-kaart__titel{margin:0;font-family:var(--arena-font-title, inherit);font-weight:400;font-size:clamp(34px,6.5vmin,60px);line-height:1;text-align:center;color:#eefbff;text-shadow:0 0 16px rgba(55,230,255,.8),0 4px 0 #0d3d55}.a3d-einde__titel.is-winst{color:#b8ffdd;text-shadow:0 0 18px rgba(60,240,160,.9),0 4px 0 #0c4d31}.a3d-einde__titel.is-verlies{color:#ffc4e2;text-shadow:0 0 18px rgba(255,62,165,.9),0 4px 0 #55103a}.a3d-einde__uitslag{display:flex;align-items:center;gap:14px;font-size:clamp(30px,5.5vmin,52px);font-weight:800}.a3d-einde__uitslag span{color:#46557e;font-weight:500}.a3d-uitslag--g{color:#3cf0a0;text-shadow:0 0 14px rgba(60,240,160,.6)}.a3d-uitslag--m{color:#ff3ea5;text-shadow:0 0 14px rgba(255,62,165,.6)}.a3d-einde__regels{display:flex;flex-direction:column;gap:4px;align-items:center}.a3d-einde__regel{font-size:clamp(14px,2.2vmin,18px);font-weight:500;color:#b9c8ea}.a3d-einde__regel b{color:#eaf2ff}.a3d-einde__unlock{display:flex;flex-direction:column;gap:6px}.a3d-unlock{padding:8px 18px;border-radius:12px;background:#10231c;border:2px solid #3cf0a0;color:#b8ffdd;font-weight:500;font-size:clamp(13px,2vmin,16px);box-shadow:0 0 16px #3cf0a059}.a3d-unlock b{font-weight:800}.a3d-einde__rij{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (max-width: 560px),(max-height: 660px){.a3d-helden{gap:8px;flex-wrap:nowrap;overflow:visible;flex:0 0 auto}.a3d-held{width:clamp(78px,22vw,150px);padding:8px 6px;gap:4px}.a3d-held__beeld{width:clamp(48px,13vw,72px);height:clamp(48px,13vw,72px)}.a3d-held__naam{font-size:clamp(13px,3.6vw,16px)}.a3d-held__wapen,.a3d-held__tekst{display:none}}@media (max-width: 520px){.a3d-hud__top{width:62vw;top:calc(64px + env(safe-area-inset-top,0px))}.a3d-hud__onder{width:44vw}.a3d-kies__kop,.a3d-shop__kop{flex-wrap:wrap;padding-right:0;margin-top:56px}.a3d-lvls{grid-template-columns:repeat(6,1fr)}}@font-face{font-family:Nunito;src:url(../fonts/nunito.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+2013-2014,U+2018-201A,U+201C-201E,U+2026}@font-face{font-family:Nunito;src:url(../fonts/nunito-ext.woff2) format("woff2");font-weight:400 800;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}@font-face{font-family:Bangers;src:url(../fonts/bangers.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2013-2014,U+2018-201A,U+201C-201E,U+2026}@font-face{font-family:Bangers;src:url(../fonts/bangers-ext.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#05070f;font-family:Nunito,system-ui,sans-serif}.root{--arena-font-title: "Bangers", "Nunito", system-ui, sans-serif}.a3d-start__titel{letter-spacing:.03em;text-shadow:0 0 12px rgba(55,230,255,.95),0 0 40px rgba(55,230,255,.5),0 0 80px rgba(255,62,165,.35),0 4px 0 #0d3d55,0 8px 24px rgba(0,0,0,.65)}