.tl-page{min-height:80vh;padding:30px 16px;background:linear-gradient(180deg,#f7f9fc,#eef2f7);color:#172033;font-family:inherit}.tl-screen{max-width:1100px;margin:auto}.tl-intro,.tl-end{background:#fff;border:1px solid #e3e8ef;border-radius:24px;padding:40px;box-shadow:0 18px 55px rgba(20,30,50,.08);text-align:center}.tl-kicker{font-size:13px;font-weight:800;color:#6b7280;letter-spacing:.04em;margin-bottom:8px}.tl-intro h1,.tl-end h2{margin:0 0 14px;font-size:clamp(28px,5vw,46px)}.tl-intro p{max-width:780px;margin:0 auto 28px;line-height:1.9;color:#586174;font-size:17px}.tl-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:850px;margin:0 auto 30px}.tl-rules div{padding:16px;border:1px solid #e7ebf0;border-radius:16px;background:#fafbfc}.tl-rules b{display:block}.tl-rules span{font-size:12px;color:#737b8c}.tl-btn{border:0;border-radius:14px;padding:13px 24px;font-weight:800;cursor:pointer;font-size:15px}.tl-primary{background:#172033;color:#fff}.tl-secondary{background:#eef1f5;color:#172033}.tl-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.tl-header h2{margin:0;font-size:27px}.tl-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tl-stats span{background:#fff;border:1px solid #e3e8ef;padding:9px 12px;border-radius:12px;font-size:13px}.tl-stats b{color:#b42318}.tl-message{background:#fff;border:1px solid #e3e8ef;border-radius:15px;padding:14px 16px;margin-bottom:18px;text-align:center;font-weight:800}.tl-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.tl-box{min-height:205px;border:1px solid #dfe4eb;border-radius:20px;background:linear-gradient(180deg,#fff,#f4f6f9);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:.18s}.tl-box:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 10px 25px rgba(20,30,50,.1)}.tl-box:disabled{cursor:default}.tl-ball{font-size:62px;line-height:1}.tl-box-label{font-size:20px;font-weight:900}.tl-box-sub{font-size:12px;color:#7a8290}.tl-box.correct{border-color:#16a34a;background:#ecfdf3}.tl-box.wrong{border-color:#dc2626;background:#fef2f2;animation:tlshake .25s linear}.tl-clues{background:#fff;border:1px solid #e3e8ef;border-radius:20px;padding:20px}.tl-clues-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.tl-clues-title span{font-size:13px;color:#7a8290}.tl-rule{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid #edf0f4;border-radius:14px;margin-bottom:9px;line-height:1.8}.tl-rule>span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef1f5;font-weight:900}.tl-rule p{margin:0}.tl-end-icon{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;font-size:40px;font-weight:900;background:#ecfdf3}.tl-end-icon.success{color:#15803d}.tl-end-icon.fail{background:#fef2f2;color:#b91c1c}.tl-end p{max-width:650px;margin:0 auto 24px;line-height:1.8;color:#586174}.tl-end-actions{display:flex;justify-content:center;gap:10px}.tl-end-actions button{min-width:170px}@keyframes tlshake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:850px){.tl-board{grid-template-columns:repeat(2,1fr)}.tl-header{align-items:flex-start;flex-direction:column}.tl-stats{justify-content:flex-start}.tl-rules{grid-template-columns:1fr}}@media(max-width:500px){.tl-board{grid-template-columns:repeat(2,1fr)}.tl-box{min-height:165px}.tl-ball{font-size:50px}.tl-end-actions{flex-direction:column}}