/*! © 2026 Dr. Oluwaseun Ogunmola · Dr. Ogunmola GameLabs · All rights reserved. Free to play at https://gamelabs.ogunmola.com.ng · Not licensed for re-hosting, copying or reuse. Terms: https://gamelabs.ogunmola.com.ng/terms/ */
body { --accent: #06D6A0; --accent-deep: #04A57B; --bg1: #DFF8EF; --bg2: #F6FFFB; }
.tt-group { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; max-width: 360px; margin: 0 auto; font-size: clamp(2rem, 8vw, 2.8rem); line-height: 1.1; }
.tt-group.many { max-width: 300px; font-size: clamp(1.4rem, 6vw, 2rem); }
.tt-num { font-family: var(--display); font-size: clamp(2rem, 8vw, 3rem); color: var(--ink); }
.tt-add { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.tt-add b { font-family: var(--display); font-size: 2.5rem; color: var(--accent-deep); }
.tt-add .tt-group { max-width: 200px; font-size: clamp(1.4rem, 5vw, 2rem); background: #fff; border-radius: 16px; padding: 8px; box-shadow: 0 3px 0 #CDEBDD; }
.tt-baskets { display: flex; gap: 12px; justify-content: center; }
.tt-basket { display: grid; gap: 4px; padding: 10px 8px 0; border-radius: 18px 18px 26px 26px; background: #FFF4DE; min-width: 120px; }
.tt-basket .tt-group { font-size: clamp(1.3rem, 5vw, 1.9rem); max-width: 180px; }
.tt-weave { height: 22px; border-radius: 0 0 24px 24px; background: repeating-linear-gradient(90deg, #C68642 0 10px, #A0662F 10px 20px); }
.tt-shed { display: block; width: 100%; height: auto; touch-action: none; user-select: none; }
.tt-board { fill: #FFF4DE; stroke: #E2C79A; stroke-width: 3; }
.tt-hole { fill: #5A4632; opacity: .35; stroke: #5A4632; stroke-width: 3; stroke-dasharray: 8 6; cursor: pointer; }
.tt-hole.filled { opacity: .1; }
.tt-piece { cursor: grab; }
.tt-piece path { stroke: #fff; stroke-width: 4; filter: drop-shadow(0 4px 0 rgba(0,0,0,.15)); }
.tt-piece.sel path { stroke: var(--ink); stroke-width: 6; }
.tt-piece:focus { outline: none; }
.tt-piece:focus-visible path { stroke: var(--blue); stroke-width: 6; }