.tt{position:relative;overflow:hidden;background:#fbe3d6;user-select:none;-webkit-user-select:none;touch-action:none;font-family:Fredoka,"Baloo 2",Trebuchet MS,system-ui,sans-serif;color:#2b1b3d}.tt-c{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.tt-hud{position:absolute;top:10px;left:10px;right:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.tt-hud[hidden]{display:none}.tt-card{display:flex;flex-direction:column;align-items:center;min-width:74px;padding:4px 10px;border-radius:12px;background:#fff8ee;border:3px solid #2b1b3d;box-shadow:0 3px #2b1b3d;line-height:1.1}.tt-card b{font-size:18px}.tt-card span{font-size:12px;opacity:.75}.tt-strokes{font-variant-numeric:tabular-nums}.tt-dots{display:flex;gap:4px}.tt-dots i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff8eed9;border:2px solid #2b1b3d;font-size:13px;font-weight:700}.tt-dots i.on{background:#ffe66d;transform:scale(1.12)}.tt-rel{font-size:22px;font-weight:800;padding:2px 12px;border-radius:12px;background:#fff8ee;border:3px solid #2b1b3d}.tt-menu-btn{position:absolute;top:12px;right:10px;width:38px;height:38px;border-radius:12px;border:3px solid #2b1b3d;background:#fff8ee;box-shadow:0 3px #2b1b3d;font-size:18px;cursor:pointer;color:#2b1b3d}.tt-menu-btn[hidden]{display:none}.tt-toast,.tt-hint{position:absolute;left:50%;transform:translate(-50%,8px);opacity:0;transition:.25s;pointer-events:none;white-space:nowrap;font-weight:700;padding:6px 14px;border-radius:12px;border:3px solid #2b1b3d;font-size:14px}.tt-toast{top:64px;background:#ffe66d}.tt-hint{bottom:10px;background:#7ff0c8}.tt-toast.on,.tt-hint.on{opacity:1;transform:translate(-50%)}.tt-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;overflow-y:auto}.tt-panel[hidden]{display:none}.tt-menu{background:radial-gradient(ellipse at 50% 45%,#fbe3d68c,#fbe3d6f2 72%)}.tt-hero{width:min(440px,92%);height:auto;aspect-ratio:960 / 502;object-fit:cover;border-radius:20px;border:4px solid #2b1b3d;box-shadow:0 6px #2b1b3d;transform:rotate(1.5deg);margin-bottom:-26px;flex-shrink:0}.tt-logo{position:relative;font-size:clamp(52px,10vw,84px);font-weight:800;line-height:1;color:#fff8ee;-webkit-text-stroke:8px #2b1b3d;paint-order:stroke fill;text-shadow:0 7px 0 #2b1b3d;transform:rotate(-4deg)}.tt-logo span{color:#43c584}.tt-tag{margin:4px 0 8px;font-size:17px;font-weight:600;max-width:320px}.tt-b{font:inherit;font-weight:700;font-size:17px;padding:11px 20px;min-width:240px;border-radius:16px;border:3px solid #2b1b3d;background:#fff8ee;color:#2b1b3d;box-shadow:0 4px #2b1b3d;cursor:pointer;transition:transform .08s}.tt-b:hover{transform:translateY(-2px)}.tt-b:active{transform:translateY(2px);box-shadow:0 2px #2b1b3d}.tt-b.primary{background:#43c584;color:#fff8ee;text-shadow:0 2px 0 #2b1b3d;font-size:19px}.tt-stats,.tt-stats2,.tt-next-in{margin:4px 0 0;font-size:14px}.tt-between{background:#2b1b3d47}.tt-big{font-size:clamp(40px,8vw,64px);font-weight:800;color:#ffe66d;-webkit-text-stroke:7px #2b1b3d;paint-order:stroke fill;transform:rotate(-3deg)}.tt-line{margin:0;font-size:18px;font-weight:700;color:#fff8ee;text-shadow:0 2px 0 #2b1b3d}.tt-done{background:#fbe3d6f0}.tt-title{font-weight:700;font-size:16px}.tt-total b{font-size:64px;font-weight:800;color:#fff8ee;-webkit-text-stroke:7px #2b1b3d;paint-order:stroke fill}.tt-total span{font-size:22px;font-weight:700;margin-left:6px}.tt-sc{border-collapse:collapse;background:#fff8ee;border:3px solid #2b1b3d;border-radius:12px;overflow:hidden;font-variant-numeric:tabular-nums}.tt-sc th,.tt-sc td{padding:5px 9px;border:1px solid rgba(43,27,61,.2);font-size:15px}.tt-sc th{text-align:left;background:#ffe66d}.tt-sc td.u{background:#7ff0c8;font-weight:700}.tt-sc td.o{background:#ffd0c8}.tt-emoji{font-size:28px;letter-spacing:2px}.tt-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tt-btns .tt-b{min-width:0;font-size:16px;padding:9px 16px}.tt-link{font:inherit;background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}.tt-stats2 a{color:inherit}@media (max-width: 600px){.tt-card{min-width:58px;padding:3px 7px}.tt-card b{font-size:16px}.tt-dots i{width:22px;height:22px;font-size:11px}.tt-b{min-width:220px}.tt-total b{font-size:52px}}#hints{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:16px 0}.hint-card{background:#fff8ee0f;border:2px solid rgba(255,248,238,.2);border-radius:16px;padding:12px}.hint-card h3{margin:0 0 8px}.hint-card canvas{width:100%;height:auto;display:block;border-radius:10px}.hint-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.hint-btns button{font:inherit;font-size:14px;font-weight:700;padding:6px 10px;border-radius:10px;border:2px solid #2b1b3d;background:#fff8ee;color:#2b1b3d;cursor:pointer}.hint-text{font-size:14px;margin:8px 0 0}@media (max-height: 560px){.tt-hero{display:none}}