.tt-page{padding:34px 0 72px;background:#f7f6f1}.tt-shell{width:min(680px,calc(100% - 28px));margin:auto}.tt-intro{text-align:center;margin-bottom:22px}.tt-intro .etichetta{margin:0 0 6px}.tt-intro h1{margin:0;color:var(--blu);font-size:clamp(30px,6vw,46px);line-height:1.08}.tt-intro p{max-width:590px;margin:12px auto 0;color:var(--grigio)}
.tt-card{padding:26px;border:1px solid var(--bordo);border-radius:18px;background:#fff;box-shadow:0 14px 35px #173a5e12}.tt-step{margin:0 0 20px}.tt-step h2{margin:0 0 10px;color:var(--blu);font-size:19px}.tt-step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tt-step-heading h2{margin:0}.tt-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tt-select-action{min-height:40px;padding:8px 13px;border:2px solid var(--blu);border-radius:10px;background:var(--blu);color:#fff;font-size:14px;font-weight:900;box-shadow:0 3px 0 var(--blu2);cursor:pointer}.tt-select-action:hover{background:var(--blu2)}.tt-select-action:active{transform:translateY(1px);box-shadow:0 2px 0 var(--blu2)}.tt-select-action.orange{border-color:var(--arancione);background:var(--arancione);color:#17202a;box-shadow:0 3px 0 #c16b08}.tt-select-action.orange:hover{background:#dc7d0e}.tt-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tt-choice{position:relative}.tt-choice input{position:absolute;opacity:0;pointer-events:none}.tt-choice span{min-height:54px;display:flex;align-items:center;justify-content:center;padding:8px;border:2px solid var(--bordo);border-radius:11px;color:var(--blu);font-weight:800;text-align:center;cursor:pointer}.tt-choice input:checked+span{border-color:var(--arancione);background:#fff6e8;box-shadow:inset 0 0 0 1px var(--arancione)}
.tt-tables{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.tt-table{position:relative}.tt-table input{position:absolute;opacity:0;pointer-events:none}.tt-table span{aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--bordo);border-radius:50%;color:var(--blu);font-size:18px;font-weight:900;cursor:pointer}.tt-table input:checked+span{border-color:var(--blu);background:var(--blu);color:#fff}
.tt-special{display:flex;align-items:flex-start;gap:10px;padding:14px;border-radius:11px;background:#f7f6f1;color:#26394b}.tt-special input{width:21px;height:21px;margin:1px 0 0;accent-color:var(--arancione)}.tt-special strong{display:block}.tt-special small{display:block;margin-top:2px;color:var(--grigio)}.tt-start,.tt-again{width:100%;min-height:56px;border:0;border-radius:11px;background:var(--arancione);color:#17202a;font-size:18px;font-weight:900;cursor:pointer}.tt-start:hover,.tt-again:hover{background:#dc7d0e}.tt-error{min-height:22px;margin:10px 0 0;color:#b3231b;font-weight:700;text-align:center}
.tt-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.tt-progress{color:var(--grigio);font-weight:800}.tt-score{padding:7px 11px;border-radius:999px;background:#e9f2f8;color:var(--blu);font-weight:900}.tt-bar{height:8px;overflow:hidden;margin-bottom:24px;border-radius:999px;background:#e5e9ed}.tt-bar span{display:block;height:100%;width:0;background:var(--arancione);transition:width .2s}.tt-question{min-height:110px;display:grid;place-items:center;margin:0 0 16px;color:var(--blu);font-size:clamp(38px,10vw,62px);font-weight:900;letter-spacing:-.03em;text-align:center}.tt-answer{min-height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border:2px solid var(--bordo);border-radius:12px;background:#fff;color:#17202a;font-size:30px;font-weight:900}.tt-answer.tt-empty{color:#a4afb8;font-size:18px;font-weight:700}.tt-feedback{min-height:54px;margin-bottom:12px;padding:10px 13px;border-radius:10px;text-align:center;font-weight:800}.tt-feedback:empty{padding:0}.tt-feedback.tt-good{background:#e7f5ec;color:#176337}.tt-feedback.tt-bad{background:#fdebea;color:#9e251e}
.tt-special-answers{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.tt-special-answers button{min-height:48px;padding:8px;border:2px solid var(--blu);border-radius:10px;background:#fff;color:var(--blu);font-weight:900;cursor:pointer}.tt-special-answers button.tt-selected{background:var(--blu);color:#fff}.tt-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tt-keypad button{min-height:58px;border:1px solid #cbd3da;border-radius:11px;background:#fff;color:var(--blu);font-size:23px;font-weight:900;box-shadow:0 2px 0 #cbd3da;cursor:pointer;touch-action:manipulation}.tt-keypad button:active{transform:translateY(1px);box-shadow:none}.tt-keypad .tt-back{font-size:20px}.tt-confirm{grid-column:1/-1!important;min-height:58px!important;border-color:var(--arancione)!important;background:var(--arancione)!important;color:#17202a!important;box-shadow:0 2px 0 #c16b08!important;font-size:18px!important}
.tt-result{text-align:center}.tt-result h2{margin:0;color:var(--blu);font-size:31px}.tt-total{margin:14px 0 6px;color:var(--blu);font-size:54px;font-weight:900}.tt-result-message{margin:0 0 22px;color:var(--grigio);font-size:17px}.tt-mistakes{margin:24px 0;text-align:left}.tt-mistakes h3{color:var(--blu)}.tt-mistakes ul{display:grid;gap:8px;padding:0;list-style:none}.tt-mistakes li{padding:11px 13px;border-radius:9px;background:#fff3f1}.tt-home{display:inline-block;margin-top:14px;color:var(--blu);font-weight:800}
@media(max-width:520px){.tt-page{padding-top:22px}.tt-card{padding:18px}.tt-step-heading{align-items:stretch;flex-direction:column}.tt-heading-actions{width:100%;justify-content:stretch}.tt-heading-actions .tt-select-action{flex:1 1 0}.tt-modes{grid-template-columns:1fr}.tt-choice span{min-height:48px}.tt-tables{grid-template-columns:repeat(5,1fr)}.tt-question{min-height:88px}.tt-keypad button{min-height:54px}.tt-special-answers{grid-template-columns:1fr}.tt-intro p{font-size:15px}}