#connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:20px;max-width:1100px;margin:18px auto;align-items:stretch;justify-items:center;justify-content:center;box-sizing:border-box;grid-auto-flow:row}#connections-grid.cols-7{grid-template-columns:repeat(7,minmax(120px,1fr));max-width:1400px;margin-left:auto;margin-right:auto}#connections-grid.cols-5{grid-template-columns:repeat(5,minmax(120px,1fr));max-width:1000px}#connections-grid.cols-4{grid-template-columns:repeat(4,minmax(120px,1fr));max-width:720px;margin-left:auto;margin-right:auto}.conn-tile{position:relative;width:100%;min-width:120px;min-height:120px;aspect-ratio:1 / 1;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fafafa;border-radius:12px;padding:8px;text-align:center;font-weight:700;font-size:clamp(1rem,2.6vw,1.25rem);line-height:1.05;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s cubic-bezier(.2,.9,.2,1),background .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.04);overflow:visible}.conn-tile:hover{transform:translateY(-3px);box-shadow:0 0 0 3px #0078ff40}.conn-tile.selected{background:#cce4ff;box-shadow:0 0 0 3px #0078ff59}.conn-token{display:inline-block;max-width:100%;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:#222;line-height:1;padding:2px 6px}.conn-token.lang-br{font-size:clamp(1.05rem,3.6vw,1.6rem);font-family:Noto Sans Brahmi,Noto Sans,serif}.conn-token.lang-en{color:#2e3a59}.conn-token.lang-gu{color:#d35400}.conn-token.lang-bn{color:#0e7c7b}.conn-token.lang-br{color:#7b241c}.conn-token.lang-pa{color:#e91e63}.conn-token.lang-ta{color:#ff6f61}.conn-token.lang-hi{color:#2e7d32}.conn-lang-badge{position:absolute;top:8px;right:8px;padding:4px 7px;border-radius:999px;font-size:.65rem;font-weight:700;color:#fff;box-shadow:0 1px 2px #0000001f;pointer-events:none}.conn-lang-badge.lang-en{background:#2e3a59}.conn-lang-badge.lang-gu{background:#d35400}.conn-lang-badge.lang-bn{background:#0e7c7b}.conn-lang-badge.lang-br{background:#7b241c}.conn-lang-badge.lang-pa{background:#e91e63}.conn-lang-badge.lang-ta{background:#ff6f61}.conn-lang-badge.lang-hi{background:#2e7d32}.translit-tooltip{position:absolute;bottom:10px;left:50%;transform:translate(-50%) translateY(8px);background:#000000eb;color:#fff;padding:8px 12px;border-radius:10px;font-size:.95rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:30;box-shadow:0 6px 18px #00000047}.translit-tooltip.visible{opacity:1;transform:translate(-50%) translateY(0)}.solved-yellow{background:#f7e36d!important;color:#222!important}.solved-green{background:#4caf50!important;color:#fff!important}.solved-blue{background:#4a90e2!important;color:#fff!important}.solved-purple{background:#9c27b0!important;color:#fff!important}.conn-tile.solved:after{content:"✓";position:absolute;left:8px;top:8px;font-size:.78rem;font-weight:800;color:#0009;background:#ffffffb3;padding:2px 6px;border-radius:999px;pointer-events:none}@keyframes popIn{0%{transform:scale(.88);opacity:0;filter:blur(2px)}60%{transform:scale(1.06);opacity:1;filter:blur(0)}to{transform:scale(1);opacity:1}}.conn-tile.reveal-pop{animation:popIn .36s cubic-bezier(.2,.9,.2,1) both;z-index:2;box-shadow:0 12px 36px #0000002e}.video-mode #connections-grid{transform:scale(.92);transform-origin:top center}.video-mode .conn-tile{transition:none!important;animation:none!important}@media (max-width: 1100px){#connections-grid.cols-7{grid-template-columns:repeat(5,minmax(120px,1fr))}#connections-grid.cols-5{grid-template-columns:repeat(4,minmax(120px,1fr))}.conn-token.lang-br{font-size:1.25rem}}@media (max-width: 720px){#connections-grid,#connections-grid.cols-7,#connections-grid.cols-5{grid-template-columns:repeat(4,minmax(96px,1fr));max-width:420px;gap:8px;padding:12px}.conn-lang-badge{top:6px;right:6px;padding:3px 6px;font-size:.62rem}.conn-token{font-size:clamp(.95rem,3.6vw,1.05rem)}.translit-tooltip{font-size:.9rem;padding:6px 10px}}@media (prefers-reduced-motion: reduce){.conn-tile,.conn-tile:hover,.conn-tile:focus,.shake,.poly-flash,.reveal-card,.reveal-overlay{transition:none!important;animation:none!important}}