.toto-screen{display:none;max-width:560px;margin:0 auto;padding:28px 20px 80px}.toto-screen.active{display:block}.toto-app-hero{text-align:center;padding:40px 20px 32px;background:linear-gradient(180deg,#1a1200 0%,var(--black) 100%);border-bottom:1px solid #222;margin:-28px -20px 32px}.toto-app-hero .eyebrow{font-size:.6rem;color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-bottom:10px}.toto-app-hero h2{font-size:clamp(2rem,8vw,3rem);font-weight:900;text-transform:uppercase;line-height:1}.toto-app-hero h2 span{color:var(--gold)}.toto-app-hero p{font-size:.82rem;color:var(--text-muted);margin-top:10px;line-height:1.6}.card{background:var(--dark2);border:1px solid #2a2a2a;padding:22px;margin-bottom:16px}.card-title{font-size:.65rem;font-weight:800;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:8px}.inleg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.inleg-btn{background:var(--dark);border:1px solid #333;color:var(--text-muted);padding:14px 8px;text-align:center;cursor:pointer;font-size:1rem;font-weight:900;font-family:inherit;transition:all .2s;position:relative}.inleg-btn:hover{border-color:var(--gold);color:var(--gold)}.inleg-btn.selected{border-color:var(--gold);color:var(--gold);background:#c9a84c1a}.inleg-btn .inleg-sub{font-size:.5rem;color:var(--text-muted);font-weight:400;display:block;margin-top:2px}.inleg-custom{display:flex;align-items:center}.inleg-custom span{background:var(--dark3);border:1px solid #333;border-right:none;padding:10px 12px;font-size:.85rem;color:var(--text-muted)}.toto-btn{display:block;width:100%;padding:13px 20px;font-size:.82rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;font-family:inherit;border:none;transition:all .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}.toto-btn-gold{background:linear-gradient(135deg,var(--gold),#a07830);color:var(--black)}.toto-btn-gold:hover{background:linear-gradient(135deg,var(--gold-light),var(--gold))}.toto-btn-orange{background:linear-gradient(135deg,var(--orange),#cc4400);color:var(--white)}.toto-btn-orange:hover{background:linear-gradient(135deg,var(--gold),#a07830);color:var(--black)}.toto-btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold);clip-path:none;padding:11px 20px}.toto-btn-outline:hover{background:#c9a84c1a}.toto-btn-sm{width:auto;display:inline-block;padding:7px 16px;font-size:.68rem;clip-path:none}.toto-btn-danger{background:#ae1c284d;border:1px solid var(--red);color:#e05060;clip-path:none}.toto-btn-danger:hover{background:#ae1c2880}.toto-btn-success{background:#60d39433;border:1px solid #60d394;color:#60d394;clip-path:none}.steps{display:flex;gap:0;margin-bottom:28px}.step{flex:1;text-align:center;position:relative}.step:after{content:"";position:absolute;top:12px;left:50%;right:-50%;height:2px;background:#2a2a2a;z-index:0}.step:last-child:after{display:none}.step-dot{width:24px;height:24px;border-radius:50%;border:2px solid #333;background:var(--dark);margin:0 auto 6px;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800}.step.done .step-dot{background:var(--gold);border-color:var(--gold);color:var(--black)}.step.active .step-dot{border-color:var(--orange);color:var(--orange)}.step-lbl{font-size:.5rem;color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}.step.active .step-lbl{color:var(--white)}.betaal-box{background:linear-gradient(135deg,#c9a84c14,#ff55000d);border:1px solid rgba(201,168,76,.25);padding:24px;margin-bottom:16px;text-align:center}.betaal-bedrag{font-size:3rem;font-weight:900;color:var(--gold);line-height:1;margin-bottom:8px}.betaal-naam{font-size:.8rem;color:var(--text-muted);margin-bottom:20px}.betaal-info{font-size:.75rem;color:var(--text-muted);line-height:1.7;margin-bottom:20px;text-align:left}.betaal-info strong{color:var(--white)}.betaal-link{display:block;background:linear-gradient(135deg,#f50,#c40);color:var(--white);text-decoration:none;padding:14px 20px;font-weight:800;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;text-align:center;margin-bottom:12px;transition:all .2s}.betaal-link:hover{background:linear-gradient(135deg,var(--gold),#a07830);color:var(--black)}.wachtrij-box{text-align:center;padding:32px 20px}.wachtrij-icon{font-size:3.5rem;margin-bottom:16px}.wachtrij-title{font-size:1.3rem;font-weight:800;margin-bottom:8px}.wachtrij-sub{font-size:.82rem;color:var(--text-muted);line-height:1.6}.klassement-table{width:100%;border-collapse:collapse}.klassement-table th{background:var(--dark3);padding:10px 12px;text-align:left;font-size:.62rem;color:var(--gold);letter-spacing:1px;text-transform:uppercase}.klassement-table td{padding:10px 12px;border-bottom:1px solid #222;font-size:.82rem}.klassement-table tr:hover td{background:#ffffff05}.rank-1 td{color:var(--gold)}.rank-2 td{color:#aaa}.rank-3 td{color:#cd7f32}.rank-num{font-weight:900;font-size:1rem}.wedstrijd-card{background:var(--dark2);border:1px solid #2a2a2a;padding:16px;margin-bottom:10px}.wedstrijd-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wedstrijd-fase{font-size:.55rem;color:var(--gold);letter-spacing:2px;text-transform:uppercase}.wedstrijd-datum{font-size:.62rem;color:var(--text-muted)}.wedstrijd-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;text-align:center;margin-bottom:12px}.team-name{font-size:.85rem;font-weight:700}.vs{font-size:.7rem;color:var(--text-muted);font-weight:400}.score-input{display:flex;align-items:center;gap:8px;justify-content:center}.score-box{width:40px;height:40px;background:var(--dark);border:1px solid #444;color:var(--white);font-size:1.1rem;font-weight:900;text-align:center;font-family:inherit;outline:none;transition:border-color .2s}.score-box:focus{border-color:var(--gold)}.score-dash{font-size:1.2rem;color:var(--text-muted)}.uitslag-badge{background:#60d39426;border:1px solid rgba(96,211,148,.3);color:#60d394;padding:3px 10px;font-size:.65rem;font-weight:700;letter-spacing:1px}.admin-tabs{display:flex;border-bottom:1px solid #222;margin-bottom:24px}.admin-tab{flex:1;padding:10px;text-align:center;cursor:pointer;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid transparent;transition:all .2s}.admin-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.admin-content{display:none}.admin-content.active{display:block}.deelnemer-row{display:flex;align-items:center;gap:10px;padding:12px;background:var(--dark2);border:1px solid #222;margin-bottom:8px}.deelnemer-info{flex:1}.deelnemer-naam{font-size:.82rem;font-weight:700}.deelnemer-email{font-size:.65rem;color:var(--text-muted)}.deelnemer-inleg{font-size:.75rem;color:var(--gold);font-weight:700;margin-top:2px}.status-badge{font-size:.58rem;font-weight:800;padding:3px 8px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.status-wachtrij{background:#ff550026;color:var(--orange);border:1px solid rgba(255,85,0,.3)}.status-goedgekeurd{background:#60d39426;color:#60d394;border:1px solid rgba(96,211,148,.3)}.status-afgewezen{background:#ae1c2826;color:#e05060;border:1px solid rgba(174,28,40,.3)}.pot-total{text-align:center;padding:20px;background:linear-gradient(135deg,#c9a84c1a,#ff55000d);border:1px solid rgba(201,168,76,.2);margin-bottom:20px}.pot-amount{font-size:2.5rem;font-weight:900;color:var(--gold)}.pot-label{font-size:.62rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px}.toto-alert{padding:12px 16px;font-size:.78rem;margin-bottom:14px;border-left:3px solid}.toto-alert-error{background:#ae1c2826;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:var(--dark2);border-top:1px solid #222;display:flex;z-index:99}.bottom-nav button{flex:1;padding:12px 4px;background:none;border:none;color:var(--text-muted);font-size:.55rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:color .2s;display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav button .nav-icon{font-size:1.1rem}.bottom-nav button.active{color:var(--gold)}.bottom-nav button:hover{color:var(--white)}.wedstrijd-form{background:var(--dark2);border:1px solid #2a2a2a;padding:20px;margin-bottom:16px}.toto-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.back-link{font-size:.65rem;color:var(--text-muted);text-decoration:none;white-space:nowrap;display:flex;align-items:center;gap:4px;border:1px solid #333;padding:5px 10px;border-radius:20px;transition:all .2s}.back-link:hover{border-color:var(--gold);color:var(--gold)}body.screen-dark{background-image:none!important;background-color:#111!important}#screen-toto,#screen-klassement,#screen-admin,#screen-admin-login,#screen-wachtrij{min-height:100vh}@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%}}