.toto-screen{display:none;max-width:640px;margin:0 auto;padding:36px 20px 100px}.toto-screen.active{display:block;animation:totoFade .24s cubic-bezier(.2,.7,.2,1)}@keyframes totoFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.toto-screen.active{animation:none}}.toto-app-hero{text-align:center;padding:48px 20px 36px;background:radial-gradient(ellipse 110% 60% at 50% 0%,rgba(201,168,76,.12),transparent 65%),linear-gradient(180deg,#0a08058c,#0f0b07c7);border-bottom:1px solid rgba(201,168,76,.18);margin:-36px -20px 32px;position:relative}.toto-app-hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:2px;background:var(--gold)}.toto-app-hero .eyebrow{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:inline-flex;align-items:center;gap:10px}.toto-app-hero .eyebrow:before,.toto-app-hero .eyebrow:after{content:"";width:14px;height:1px;background:currentColor;opacity:.45}.toto-app-hero h2{font-family:var(--font-serif);font-size:clamp(2.2rem,8vw,3.2rem);font-weight:500;text-transform:none;letter-spacing:-.025em;line-height:1;color:var(--white);text-wrap:balance}.toto-app-hero h2 span{color:var(--gold);font-style:italic;font-weight:400}.toto-app-hero p{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:clamp(.95rem,2.6vw,1.12rem);color:#ffffffd1;margin-top:16px;line-height:1.5;max-width:46ch;margin-left:auto;margin-right:auto}.card{background:#120e09c7;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);padding:28px 22px;margin-bottom:16px}.card-title{font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;margin-bottom:20px;display:inline-flex;align-items:center;gap:10px}.card-title svg{width:1.1em;height:1.1em}.inleg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.inleg-btn{background:#0000006b;border:1px solid rgba(255,255,255,.12);color:#ffffffa6;padding:18px 8px 16px;text-align:center;cursor:pointer;font-family:var(--font-serif);font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.015em;transition:all .2s;border-radius:2px}.inleg-btn:hover{border-color:var(--gold);color:var(--gold)}.inleg-btn.selected{border-color:var(--gold);color:var(--gold);background:#c9a84c1a;box-shadow:0 4px 14px #c9a84c2e}.inleg-btn .inleg-sub{font-family:var(--font-mono);font-size:.5rem;font-weight:500;display:block;margin-top:5px;letter-spacing:.22em;text-transform:uppercase;color:#ffffff73}.inleg-btn.selected .inleg-sub{color:var(--gold)}.inleg-custom{display:flex;align-items:center}.inleg-custom span{background:#00000080;border:1px solid rgba(255,255,255,.18);border-right:none;padding:12px 14px;font-family:var(--font-serif);font-size:1rem;color:#ffffff8c}.toto-btn{display:block;padding:14px 22px;font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border:1px solid transparent;border-radius:2px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .2s,box-shadow .2s,border-color .2s;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%}.toto-btn svg{width:1em;height:1em}.toto-btn-gold{background:var(--gold);color:var(--black);box-shadow:0 4px 14px #c9a84c47,inset 0 1px #ffffff2e}.toto-btn-gold:hover{background:#d8b855;transform:translateY(-1px);box-shadow:0 6px 20px #c9a84c70,inset 0 1px #ffffff3d}.toto-btn-gold:active{transform:translateY(0)}.toto-btn-orange{background:var(--orange);color:var(--white);box-shadow:0 4px 14px #ff550047,inset 0 1px #ffffff24}.toto-btn-orange:hover{background:#ff6a1f;transform:translateY(-1px);box-shadow:0 6px 20px #ff550070}.toto-btn-outline{background:transparent;border-color:#c9a84c8c;color:var(--gold)}.toto-btn-outline:hover{background:#c9a84c14;border-color:var(--gold);transform:translateY(-1px)}.toto-btn-excel{background:#107c41;border-color:#ffffff1f;color:#fff;box-shadow:0 6px 18px #107c4133;cursor:pointer}.toto-btn-excel:hover:not(:disabled){background:#0d6638;border-color:#ffffff29;transform:translateY(-1px);cursor:pointer}.toto-btn-sm{width:auto;padding:9px 18px;font-size:.66rem}.toto-btn-danger{background:#ae1c282e;border-color:#ae1c2880;color:#e05060}.toto-btn-danger:hover{background:#ae1c2852}.toto-btn-success{background:#60d39426;border-color:#60d39480;color:#60d394}.steps{display:flex;gap:0;margin-bottom:32px;padding:0 8px}.step{flex:1;text-align:center;position:relative}.step:after{content:"";position:absolute;top:14px;left:50%;right:-50%;height:1px;background:#ffffff1f}.step.done:after{background:var(--gold);opacity:.5}.step:last-child:after{display:none}.step-dot{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#120e09d9;margin:0 auto 8px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.62rem;font-weight:700;color:#fff9}.step.done .step-dot{background:var(--gold);border-color:var(--gold);color:var(--black)}.step.active .step-dot{border-color:var(--gold);color:var(--black);background:#c9a84ce6}.step-lbl{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff73}.step.active .step-lbl{color:var(--white)}.step.done .step-lbl{color:var(--gold)}.betaal-box{background:#120e09d1;backdrop-filter:blur(8px);border:1px solid rgba(201,168,76,.28);padding:30px 20px 20px;margin-bottom:16px;text-align:left;position:relative}.betaal-box:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:56px;height:2px;background:var(--gold)}.betaal-bedrag{font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,9vw,3.2rem);font-weight:500;color:var(--gold);line-height:1.1;margin-bottom:8px;letter-spacing:-.035em}.betaal-naam{font-family:var(--font-serif);font-style:italic;font-size:1rem;color:#ffffffbf;margin-bottom:20px}.betaal-instructie{background:#00000047;border:1px solid rgba(255,255,255,.08);padding:18px 16px;margin-bottom:18px}.betaal-instructie h3{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}.betaal-steps{margin:0;list-style:decimal inside;padding-left:1.1rem;color:#ffffffe0;font-family:var(--font-sans);font-size:.9rem;line-height:1.7}.betaal-steps li+li{margin-top:6px}.betaal-warning{margin-top:14px;font-family:var(--font-sans);font-size:.76rem;font-style:italic;line-height:1.5;color:#ffffffb3}.betaal-option-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:18px 16px;margin-bottom:14px}.betaal-option-card.selected{border-color:#c9a84c8c;background:#c9a84c14}.betaal-option-card h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:500;color:var(--white);margin-bottom:8px}.betaal-option-card p{font-family:var(--font-sans);font-size:.86rem;color:#ffffffc4;line-height:1.6;margin-bottom:14px}.betaal-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--orange);color:var(--white);text-decoration:none;padding:14px 18px;font-family:var(--font-mono);font-weight:700;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;transition:all .2s;border-radius:2px;box-shadow:0 4px 14px #ff550047,inset 0 1px #ffffff24}.betaal-link:hover{background:#ff6a1f;transform:translateY(-1px)}.betaal-link svg{width:1.1em;height:1.1em}.betaal-meta{font-family:var(--font-sans);font-size:.76rem;line-height:1.6;color:#ffffffb3}.betaal-meta strong{color:var(--white);font-weight:600}.iban-block{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:16px 18px;text-align:left;margin:12px 0 14px}.iban-block .iban-label{font-family:var(--font-mono);font-size:.55rem;letter-spacing:.24em;text-transform:uppercase;color:#ffffff73;margin-bottom:10px}.iban-block .iban-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;flex-wrap:wrap}.iban-block .iban-key{font-family:var(--font-sans);font-size:.72rem;color:#ffffff80;white-space:nowrap;min-width:90px}.iban-block .iban-val{font-family:var(--font-mono);font-size:.78rem;color:var(--white);font-weight:600;letter-spacing:.03em;word-break:break-all}.iban-copy-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-top:12px}.iban-copy-row .iban-val{flex:1;min-width:0}.betaal-option-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.betaal-option-actions .toto-btn{width:auto;min-width:200px}.betaal-action-melding{margin-top:12px;padding:12px 14px;background:#ae1c281f;border-left:3px solid var(--red);color:#e05060;font-family:var(--font-sans);font-size:.82rem;line-height:1.5;display:none}.betaal-action-hint{margin-top:10px;font-family:var(--font-sans);font-size:.76rem;line-height:1.5;color:#ffffffb3}.betaal-actief-hint{margin-top:14px;font-family:var(--font-sans);font-size:.76rem;line-height:1.55;color:#ffffffbd;display:none}.toto-btn.is-disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.wachtrij-box{background:#120e09c7;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);text-align:center;padding:56px 24px 40px;margin-bottom:16px;position:relative}.wachtrij-icon{margin-bottom:22px;color:var(--gold);display:inline-block}.wachtrij-icon svg{width:56px;height:56px}.wachtrij-title{font-family:var(--font-serif);font-size:clamp(1.6rem,5.5vw,2.1rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px;color:var(--white);text-wrap:balance}.wachtrij-sub{font-family:var(--font-sans);font-size:.95rem;color:#ffffffb8;line-height:1.7;max-width:44ch;margin:0 auto}.wachtrij-sub strong{color:var(--gold);font-weight:600}.klassement-table{width:100%;border-collapse:collapse;background:#120e09c7;backdrop-filter:blur(8px)}.klassement-table th{background:#0000006b;padding:13px 14px;text-align:left;font-family:var(--font-mono);font-size:.6rem;color:var(--gold);letter-spacing:.22em;text-transform:uppercase;font-weight:600;border-bottom:1px solid rgba(201,168,76,.2)}.klassement-table td{padding:14px;border-bottom:1px solid rgba(255,255,255,.05);font-family:var(--font-sans);font-size:.92rem}.klassement-table tr:last-child td{border-bottom:none}.klassement-table tr:hover td{background:#c9a84c0d}.rank-1 td{color:var(--gold);font-weight:600}.rank-2 td{color:#c8d0e0;font-weight:500}.rank-3 td{color:#d49060;font-weight:500}.rank-num{font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-weight:500;font-size:1.15rem;letter-spacing:-.01em}.wedstrijd-card{background:#120e09bd;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);padding:22px 20px;margin-bottom:12px;transition:border-color .24s}.wedstrijd-card:hover{border-color:#c9a84c40}.wedstrijd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:8px}.wedstrijd-fase{font-family:var(--font-mono);font-size:.55rem;color:var(--gold);letter-spacing:.26em;text-transform:uppercase}.wedstrijd-datum{font-family:var(--font-mono);font-size:.62rem;color:#ffffff80;letter-spacing:.05em}.wedstrijd-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center;margin-bottom:16px}.team-name{font-family:var(--font-serif);font-size:1rem;font-weight:500;letter-spacing:-.01em}.vs{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:#fff6}.score-input{display:flex;align-items:center;gap:14px;justify-content:center}.score-box{width:52px;height:52px;background:#0000006b;border:1px solid rgba(255,255,255,.18);color:var(--white);font-family:var(--font-serif);font-size:1.5rem;font-weight:500;font-variant-numeric:tabular-nums;text-align:center;outline:none;transition:all .2s;border-radius:2px}.score-box:focus{border-color:var(--gold);background:#0000008c}.score-dash{font-family:var(--font-serif);font-size:1.7rem;color:#ffffff52;font-weight:300}.uitslag-badge{background:#60d39426;border:1px solid rgba(96,211,148,.4);color:#60d394;padding:4px 10px;font-family:var(--font-mono);font-size:.55rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.admin-tabs{display:flex;gap:8px;padding:6px;margin-bottom:24px;background:#120e09bd;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:2px}.admin-tab{flex:1;padding:12px 8px;text-align:center;cursor:pointer;font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ffffffbd;border-radius:2px;transition:all .2s}.admin-tab.active{color:var(--gold);background:#c9a84c1a}.admin-content{display:none}.admin-content.active{display:block}.admin-card{background:#120e09bd;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:2px;padding:20px;margin-bottom:18px}.admin-card--compact{padding:18px}.deelnemer-row{display:flex;align-items:center;gap:12px;padding:16px;background:#120e09bd;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);margin-bottom:8px;border-radius:2px}.deelnemer-info{flex:1;min-width:0}.deelnemer-naam{font-family:var(--font-serif);font-weight:500;font-size:.98rem;letter-spacing:-.005em}.deelnemer-email{font-family:var(--font-sans);font-size:.7rem;color:#ffffff8c;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.deelnemer-inleg{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--gold);font-weight:700;margin-top:5px;letter-spacing:.06em}.status-badge{font-family:var(--font-mono);font-size:.56rem;font-weight:700;padding:5px 9px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;border:1px solid}.status-wachtrij{background:#ff55001f;color:var(--orange);border-color:#f506}.status-goedgekeurd{background:#60d3941f;color:#60d394;border-color:#60d39466}.status-afgewezen{background:#ae1c281f;color:#e05060;border-color:#ae1c2866}.status-inschrijving_gestart{background:#ff8c4224;color:#ffb347;border-color:#ff8c4280}.pot-total{text-align:center;padding:32px 20px 28px;background:#120e09bd;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:2px;margin-bottom:24px;position:relative}.pot-total:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:48px;height:2px;background:var(--gold)}.pot-amount{font-family:var(--font-serif);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,9vw,3.4rem);font-weight:500;color:var(--gold);letter-spacing:-.03em;line-height:1}.pot-label{font-family:var(--font-mono);font-size:.6rem;color:#ffffffbf;letter-spacing:.26em;text-transform:uppercase;margin-top:10px}.toto-alert{padding:14px 16px;font-family:var(--font-sans);font-size:.85rem;line-height:1.55;margin-bottom:14px;border-left:3px solid}.toto-alert-error{background:#ae1c281f;border-color:var(--red);color:#e05060}.toto-alert-success{background:#60d3941a;border-color:#60d394;color:#60d394}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#120e09f0;backdrop-filter:blur(14px);border-top:1px solid rgba(201,168,76,.2);display:flex;z-index:99}.bottom-nav button{flex:1;padding:12px 4px 14px;background:none;border:none;color:#ffffff80;font-family:var(--font-mono);font-size:.5rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:color .2s;display:flex;flex-direction:column;align-items:center;gap:6px}.bottom-nav button .nav-icon svg{width:20px;height:20px;stroke-width:1.5}.bottom-nav button.active{color:var(--gold)}.bottom-nav button:hover{color:var(--white)}.wedstrijd-form{background:#120e09bd;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:2px;padding:24px 22px;margin-bottom:16px}.toto-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toto-screen .form-input,.toto-screen .form-select{background:#0000006b;border:1px solid rgba(255,255,255,.18);color:var(--white);padding:12px 14px;font-size:.94rem;font-family:var(--font-sans);width:100%;outline:none;transition:all .2s;border-radius:2px}.toto-screen .form-input:focus,.toto-screen .form-select:focus{border-color:var(--gold);background:#0000008c}.toto-screen .form-input.error,.toto-screen .form-select.error,.toto-screen .form-input.error:focus,.toto-screen .form-select.error:focus{border-color:var(--red)}.toto-screen .form-input::-moz-placeholder{color:#ffffff52;font-style:italic}.toto-screen .form-input::placeholder{color:#ffffff52;font-style:italic}.toto-screen .form-label{font-family:var(--font-mono);font-size:.58rem;color:#fff9;letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px;display:block;font-weight:600}.toto-screen .form-group{margin-bottom:16px}.toto-screen .form-error{font-family:var(--font-sans);font-size:.75rem;color:var(--red);margin-top:6px;line-height:1.4}.back-link{font-family:var(--font-mono);font-size:.58rem;font-weight:600;color:#fff9;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.18);padding:7px 12px;border-radius:2px;letter-spacing:.2em;text-transform:uppercase;transition:all .2s}.back-link:hover{border-color:var(--gold);color:var(--gold)}.back-link svg{width:1em;height:1em}body.screen-dark{background-image:url(/images/background.jpg)!important;background-color:var(--black)!important}@media (max-width: 480px){.toto-form-row{grid-template-columns:1fr}.deelnemer-row{flex-wrap:wrap}.ig-link span{display:none}.ig-link{padding:6px 8px;border-radius:50%}}