:root{--tac-hour:#2b3a67;--tac-minute:#d2453a;--tac-brass:#c9a227;--tac-leaf:#2f6b2c;--tac-leaf-bg:#dcebc9}.title-card .logo{color:#2b3a67}.px-icon{image-rendering:pixelated;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.tac-hudbar{align-items:center;gap:8px;padding:6px 12px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.tac-parts{gap:4px;display:flex}.tac-part{opacity:.75;display:inline-flex}.tac-part.on{opacity:1;filter:drop-shadow(0 0 4px #ffd84ae6)}.tac-sep{background:var(--paper-3);width:2px;height:24px}.tac-best{font-variant-numeric:tabular-nums}.belt-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.belt-row{background:var(--paper-2);border-radius:8px;align-items:center;gap:12px;padding:8px 10px;display:flex}.belt-info{min-width:0;font-size:var(--text-small);flex-direction:column;flex:1;gap:2px;display:flex}.belt-info strong{font-size:var(--text)}.belt-stars{align-items:center;gap:4px;display:flex}.tac-panel{width:min(760px,100%)}.tac-panel header{background:linear-gradient(90deg, #cfdcf3, var(--paper-2))}.tac-bakery header{background:linear-gradient(90deg, #f7d3e2, var(--paper-2))}.tac-bus header{background:linear-gradient(90deg, #cdebe8, var(--paper-2))}.tac-head-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.tac-level{font-size:var(--text-small);color:var(--ink-soft);font-weight:700}.tac-stars{gap:2px;display:flex}.tac-ask{border-bottom:3px dashed var(--paper-3);align-items:center;gap:12px;padding:10px 16px;display:flex}.tac-host{width:72px;height:72px;image-rendering:pixelated;border:3px solid var(--wood-dark);background:#fff3d6;border-radius:8px;flex:none}.tac-prompt{font-size:calc(var(--text) + 3px);flex:1;margin:0;font-weight:700;line-height:1.3}.tac-speak{flex:none}.tac-body{-webkit-overflow-scrolling:touch;min-height:0;padding:12px 16px;overflow:auto}.tac-feedback{border-radius:8px;align-items:center;gap:8px;margin:0 16px;padding:8px 12px;font-weight:700;display:flex}.tac-feedback[hidden]{display:none}.tac-feedback img{flex:none}.tac-feedback.good{background:var(--tac-leaf-bg);color:#1d4a1b}.tac-feedback.try{color:#6a3d06;background:#fdecc8}.tac-feedback.hint{color:#1c3a6e;background:#e3ecfb}.tac-foot{justify-content:space-between;gap:10px;padding:10px 16px 14px;display:flex}.tac-foot .btn .kbd{opacity:.7;font-size:11px}.tac-stage{flex-direction:column;align-items:center;gap:10px;display:flex}.tac-stage[hidden]{display:none}.tac-clock{flex-direction:column;align-items:center;gap:6px;display:flex}.tac-clock-canvas{image-rendering:pixelated;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%}.tac-clock-canvas.interactive{cursor:grab;box-shadow:0 0 0 4px #c9a22759}.tac-clock-canvas.interactive:focus-visible{outline:4px solid var(--focus,#2f6fb0);outline-offset:4px}.tac-clock.drag-minute .tac-clock-canvas,.tac-clock.drag-hour .tac-clock-canvas{cursor:grabbing}.tac-clock.right .tac-clock-canvas{box-shadow:0 0 0 6px #7fbf5a}.tac-clock-caption{font-weight:700;font-size:var(--text-small);background:var(--paper-2);border-radius:6px;padding:2px 8px}.tac-hand-controls{flex-wrap:wrap;justify-content:center;gap:6px 14px;display:flex}.tac-hand-row{font-size:var(--text-small);align-items:center;gap:6px;font-weight:700;display:flex}.tac-hand-row.minute span{color:#a3302a}.tac-hand-row.hour span{color:var(--tac-hour)}.tac-hand-btn{justify-content:center;min-width:44px;min-height:44px}.tac-legend{font-size:var(--text-small);color:var(--ink-soft);gap:14px;font-weight:700;display:flex}.tac-key{align-items:center;gap:6px;display:inline-flex}.tac-key i{border-radius:3px;height:6px;display:inline-block}.tac-key.hour i{background:var(--tac-hour);width:16px;height:8px}.tac-key.minute i{background:var(--tac-minute);width:28px;height:4px}.tac-target{align-items:baseline;gap:8px;font-weight:700;display:flex}.tac-target-time{font-size:calc(var(--text) * 1.6);font-variant-numeric:tabular-nums;color:var(--tac-hour)}.tac-check{min-height:52px}.tac-pair{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.tac-arrow{display:inline-flex}.tac-mystery{border:4px dashed var(--tac-brass);background:#fffaf0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-top:26px;display:flex}.tac-plus{color:#8a2f5a;font-weight:700}.tac-q{color:var(--tac-hour);font-size:48px;font-weight:700;line-height:1}.tac-mystery-note{font-size:var(--text-small);color:var(--ink-soft)}.tac-path{background:#e3ecfb;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-weight:700;display:flex}.tac-path[hidden]{display:none}.tac-path-time{font-variant-numeric:tabular-nums;background:#fff;border-radius:6px;padding:2px 8px}.tac-path-add{color:#1c3a6e}.tac-choices{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.tac-choice{justify-content:center;gap:8px;min-width:108px;min-height:60px}.tac-choice .kbd{opacity:.6;font-size:11px}.tac-choice-text{font-family:var(--font-body);font-weight:700;font-size:calc(var(--text) * 1.35);font-variant-numeric:tabular-nums}.tac-choice.nope{opacity:.35;text-decoration:line-through}.tac-choice.right{opacity:1;border-color:var(--tac-leaf);background:#d6f0c2;box-shadow:0 0 0 4px #7fbf5a}.worked{outline:4px dashed var(--tac-leaf);outline-offset:3px;animation:1s ease-in-out infinite tac-worked}@keyframes tac-worked{50%{outline-color:#7fbf5a}}.tac-attack header{background:linear-gradient(90deg, #f8d58a, var(--paper-2))}.tac-attack-score{font-size:calc(var(--text) + 6px);font-variant-numeric:tabular-nums;min-width:2ch}.tac-timer{background:var(--paper-3);height:12px}.tac-timer-fill{background:#4f9a4a;width:100%;height:100%;transition:background .3s}.tac-timer-fill.low{background:#d2453a}.tac-attack-intro,.tac-attack-result{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:10px 0;display:flex}.tac-attack-intro p,.tac-attack-result p{max-width:46ch;font-size:calc(var(--text) + 1px);margin:0}.tac-result-line{font-weight:700;font-size:calc(var(--text) + 4px)!important}.tac-result-buttons{gap:10px;display:flex}@media (max-width:640px){.tac-hudbar{padding:4px 8px;top:8px;left:8px}.tac-ask{gap:8px;padding:8px 10px}.tac-host{width:52px;height:52px}.tac-prompt{font-size:var(--text)}.tac-body{padding:10px}.tac-head-right .tac-level{display:none}.tac-choice{min-width:92px}.tac-legend{gap:8px}.tac-arrow{display:none}}@media (hover:none) and (pointer:coarse){.tac-foot .kbd,.tac-choice .kbd{display:none}}