.app--connections{grid-template-rows:auto 1fr auto auto}.board{place-items:center;min-height:0;padding:6px 12px;display:grid;position:relative}.cn-grid{grid-template-columns:repeat(4, var(--tile-w,80px));grid-auto-rows:var(--row,64px);isolation:isolate;gap:8px;display:grid}.cn-grid[data-empty]{visibility:hidden}.cn-tile{background:var(--surface-raised);min-width:0;color:var(--text);letter-spacing:.01em;white-space:nowrap;font-weight:800;line-height:1;font-size:min(1.05rem, calc((var(--tile-w,80px) - 10px) / (var(--len,5) * .8)));box-shadow:0 2px 0 var(--shadow);border-radius:8px;place-items:center;padding:0 4px;transition:background .12s,color .12s,transform .1s;display:grid;overflow:hidden}.cn-tile:active{box-shadow:none;transform:translateY(2px)}.cn-tile.is-selected{background:var(--text);color:var(--bg)}.cn-tile.is-hinted{outline:2px dashed var(--accent);outline-offset:-3px}.cn-bar{color:#1b1b1b;text-align:center;border-radius:8px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:3px;padding:0 12px;display:flex;position:relative;overflow:hidden}.cn-bar--0{background:#f9df6d}.cn-bar--1{background:#a0c35a}.cn-bar--2{background:#b0c4ef}.cn-bar--3{background:#ba81c5}.cn-bar.is-revealed{opacity:.72}.cn-bar-name{font-size:min(.95rem, calc(var(--row,64px) * .24));text-transform:uppercase;letter-spacing:.03em;font-weight:800}.cn-bar-words{max-width:100%;font-size:min(.85rem, calc(var(--row,64px) * .21));white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.cn-shape{opacity:.7;font-size:.8rem;display:none;position:absolute;top:5px;left:8px}:root[data-shapes=on] .cn-shape{display:block}.cn-summary{gap:6px;margin:4px 0 18px;padding:0;list-style:none;display:grid}.cn-summary-group{color:#1b1b1b;text-align:center;border-radius:8px;gap:2px;padding:9px 26px;line-height:1.3;display:grid;position:relative}.cn-summary-group b{text-transform:uppercase;letter-spacing:.03em;font-size:.85rem;font-weight:800}.cn-summary-group span:last-child{font-size:.82rem;font-weight:500}.cn-summary-group.is-revealed{opacity:.72}.cn-actions{flex-direction:column;align-items:center;gap:10px;padding:4px 14px 6px;display:flex}.cn-mistakes{color:var(--text-dim);align-items:center;gap:7px;font-size:.8rem;display:flex}.cn-mistakes span{margin-right:4px}.cn-dot{background:var(--text);border-radius:50%;width:11px;height:11px;transition:opacity .2s,transform .2s}.cn-dot.is-spent{opacity:.18;transform:scale(.8)}.cn-action-row{gap:10px;display:flex}.cn-action{border:1.5px solid var(--glass-edge);min-width:92px;color:var(--text);border-radius:999px;padding:12px 16px;font-size:.88rem;font-weight:700;transition:opacity .15s,transform .1s}.cn-action:active:not(:disabled){transform:translateY(2px)}.cn-action:disabled{opacity:.38;cursor:default}.cn-action--primary:not(:disabled){background:var(--text);border-color:var(--text);color:var(--bg)}@media (max-height:680px){.cn-action{padding:9px 14px}.cn-actions{gap:7px}}.toast{background:var(--text);color:var(--bg);white-space:nowrap;pointer-events:none;z-index:5;border-radius:10px;padding:9px 15px;font-size:.8rem;font-weight:700;animation:.14s both fade-in;position:absolute;top:10px;left:50%;transform:translate(-50%)}