.chain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;overflow:hidden;padding:4px}.tile{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;min-height:88px;border-radius:12px;border:2px solid transparent;padding:18px 10px 10px;box-shadow:0 3px 0 #0000000d}.tile.color-0{background:#ffe0e2;border-color:#ec9da5}.tile.color-1{background:#d9effb;border-color:#91c6e1}.tile.color-2{background:#fff0c8;border-color:#e8c46d}.tile.color-3{background:#eee0fc;border-color:#bca0d8}.tile.selected{outline:3px solid #776279;outline-offset:0}.tile.cross-preview{box-shadow:inset 0 0 0 2px #ffffffc9}.tile small{display:block;min-height:12px;color:#6e6173;font-size:10px;margin-top:9px}.tile .word{font-size:25px}.tile .remaining{color:#493b50}.tile .typed{color:#a393ab}.panel-symbol{position:absolute;top:6px;left:10px;font-size:10px}.color-0 .panel-symbol,.color-legend .color-0{color:#ba4c65}.color-1 .panel-symbol,.color-legend .color-1{color:#347a9d}.color-2 .panel-symbol,.color-legend .color-2{color:#9b761d}.color-3 .panel-symbol,.color-legend .color-3{color:#865da8}.color-legend{display:flex;justify-content:center;gap:18px;margin-top:18px;color:var(--muted);font-size:11px}.tile.clearing{animation:panel-clear .22s both;animation-delay:var(--phase-time)}.tile.falling{animation:panel-fall .3s both;animation-delay:var(--phase-time)}@keyframes panel-clear{0%{transform:scale(1);filter:brightness(1)}45%{transform:scale(1.06);filter:brightness(1.5)}100%{transform:scale(.35);opacity:0}}@keyframes panel-fall{from{transform:translateY(calc(var(--drop) * -98px));opacity:.3}to{transform:translateY(0);opacity:1}}
.chain-stage{position:relative}.score-effects{position:absolute;inset:0;pointer-events:none;overflow:visible}.score-burst{position:absolute;z-index:4;display:grid;gap:3px;justify-items:center;white-space:nowrap;padding:11px 20px;border:2px solid #e1b64a;border-radius:12px;background:#fff9e8ee;box-shadow:0 7px 24px #7a591b33;color:#9b6213;animation:score-burst 1.25s ease-out both;animation-delay:var(--burst-age)}.score-burst>span{font-size:15px;font-weight:850;letter-spacing:.04em}.score-burst strong{font:850 38px ui-monospace,monospace;text-shadow:0 2px #fff}.score-burst small{font-size:12px;font-weight:700}.score-burst.followup{background:#fdf2ffee;border-color:#b183cb;color:#8b4aa3}.stats .score-pop{animation:score-pop .35s ease-out;transform-origin:left center}@keyframes score-burst{0%{opacity:0;transform:translate(-50%,-35%) scale(.65)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}65%{opacity:1;transform:translate(-50%,-90%) scale(1)}100%{opacity:0;transform:translate(-50%,-160%) scale(.95)}}@keyframes score-pop{35%{transform:scale(1.15);color:#cb8b19}100%{transform:scale(1)}}