.zt-container{margin:0 auto}.zt-header{justify-content:center;align-items:center;width:100%;margin-bottom:1.25rem;display:flex;position:relative}.zt-intro{margin-bottom:1.25rem;padding-right:1.25rem;font-weight:600;line-height:1.6;position:relative}.zt-intro-title{margin-bottom:.5rem;font-weight:700}.zt-intro-close{color:var(--wiu-red);cursor:pointer;background:0 0;border:none;outline:none;padding:.5rem;font-size:1.25rem;font-weight:700;line-height:1;position:absolute;top:0;right:0}.zt-intro-close:hover{color:var(--wiu-red-brick)}.zt-controls{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.zt-control{flex:18rem}.zt-label{margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.zt-level-row,.zt-speed-row{flex-wrap:wrap;gap:.5rem;display:flex}.zt-level-btn,.zt-speed-btn{border:2px solid var(--wiu-green-forest);background:var(--wiu-surface);min-width:2.75rem;color:var(--wiu-grey-700);cursor:pointer;border-radius:.25rem;padding:.5rem .75rem;font-size:1rem;font-weight:600;transition:background .2s,color .2s}.zt-level-btn:hover:not(:disabled),.zt-speed-btn:hover{background:var(--wiu-green-light)}.zt-level-btn.is-active,.zt-speed-btn.is-active{background:var(--wiu-green-forest);color:var(--wiu-white)}.zt-level-btn.is-locked{border-color:var(--wiu-border);color:var(--wiu-grey-400);cursor:not-allowed;opacity:.7}.zt-lock{font-size:.75rem}.zt-notification{background:var(--wiu-green-light);border:1px solid var(--wiu-green-forest);color:var(--wiu-green-forest);text-align:center;border-radius:.3125rem;margin-bottom:1rem;padding:.75rem 1rem;font-weight:700}.zt-play{background:var(--wiu-green-light);border-radius:.5rem;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 1rem;display:flex}.zt-play-btn{background:var(--wiu-blue);color:var(--wiu-white);cursor:pointer;border:none;border-radius:.3125rem;padding:.75rem 1.75rem;font-size:1.0625rem;font-weight:700}.zt-play-btn:hover{background:var(--wiu-blue-light);color:var(--wiu-blue)}.zt-inputs{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;display:flex}.zt-input{text-align:center;border:2px solid var(--wiu-border);background:var(--wiu-surface);width:2.75rem;height:3.25rem;color:var(--wiu-grey-700);border-radius:.375rem;font-size:1.5rem}.zt-input:focus{border-color:var(--wiu-green);outline:none}.zt-input.is-wrong{border-color:var(--wiu-red);background:var(--wiu-red-light)}.zt-sep{color:var(--wiu-grey-700);padding:0 .125rem;font-size:1.5rem;font-weight:700}.zt-check-btn{background:var(--wiu-green-forest);color:var(--wiu-white);letter-spacing:.03125rem;cursor:pointer;border:none;border-radius:.25rem;padding:.625rem 2rem;font-size:1rem;font-weight:700}.zt-check-btn:hover{background:var(--wiu-green-dark)}.zt-streak{color:var(--wiu-grey-700);font-size:.9375rem}.zt-streak strong{color:var(--wiu-green-forest)}.zt-streak-hint{color:var(--wiu-grey-500)}.zt-reveal{border:1px dashed var(--wiu-border);background:var(--wiu-surface);min-height:2.5rem;color:var(--wiu-grey-700);cursor:pointer;border-radius:.3125rem;padding:.5rem 1rem;font-size:1.0625rem;font-weight:600}.zt-reveal:hover{background:var(--wiu-green-light)}.zt-explain{border:2px solid var(--wiu-blue);border-radius:.3125rem;width:100%;max-width:40rem;overflow:hidden}.zt-explain-header{background:var(--wiu-blue);width:100%;color:var(--wiu-white);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:.625rem .875rem;font-size:.9375rem;font-weight:700;display:flex}.zt-explain-body{background:var(--wiu-surface);color:var(--wiu-grey-700);padding:.875rem;line-height:1.6}.zt-explain-body p{margin:0 0 .5rem}.zt-explain-body p:last-child{margin-bottom:0}.zt-empty{text-align:center;border:2px dashed var(--wiu-border);color:var(--wiu-grey-500);border-radius:.5rem;padding:2.5rem 1.25rem;font-weight:500}@media (max-width:48rem){.zt-controls{gap:1rem}.zt-input{width:2.25rem;height:2.75rem;font-size:1.25rem}}
