.ttf-wrap{max-width:440px;margin:0 auto;padding:12px 16px 0}.ttf-hud{background:var(--paper);border:var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:12px;padding:10px 16px;display:flex}.ttf-next{color:var(--ink-soft);font-weight:700}.ttf-next b{font-family:var(--font-display);color:var(--coral);margin-left:4px;font-size:1.6rem}.ttf-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.ttf-board{aspect-ratio:1;border:var(--line);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#a9e34b,#38d9a9);grid-template-columns:repeat(5,1fr);gap:7px;padding:10px;display:grid;position:relative}.ttf-cell{font-family:var(--font-display);color:var(--ink);background:hsl(48, 100%, calc(96% - var(--k,0) * 1.4%));border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:12px;place-items:center;font-size:clamp(1.2rem,6vw,1.7rem);font-weight:700;transition:transform 60ms;display:grid;position:relative}.ttf-cell:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.ttf-cell.hi{background:hsl(200, 95%, calc(90% - var(--k,0) * 1.2%))}.ttf-cell.empty{box-shadow:none;background:0 0;border-color:#0000}.ttf-cell.pop{animation:.2s popIn}.ttf-cell.shake{background:#ffc9c9;animation:.25s ttfShake}@keyframes ttfShake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ttf-penalty{color:#fff;white-space:nowrap;background:var(--coral);pointer-events:none;border-radius:999px;padding:1px 6px;font-size:.75rem;font-weight:800;animation:.6s forwards ttfUp;position:absolute;top:-14px;left:50%;transform:translate(-50%)}@keyframes ttfUp{to{opacity:0;transform:translate(-50%,-14px)}}.ttf-overlay{text-align:center;cursor:pointer;background:#ffffffe0;border-radius:16px;grid-area:1/1/-1/-1;place-content:center;gap:6px;display:grid}.ttf-big{font-family:var(--font-display);font-size:4.2rem;line-height:1}.ttf-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700}.ttf-sub{color:var(--ink-soft);font-weight:600}