.stk-game{flex-direction:column;align-items:center;gap:14px;width:100%;padding-top:8px;display:flex}.stk-statbar{gap:26px;display:flex}.stk-stat{flex-direction:column;align-items:center;line-height:1;display:flex}.stk-stat-value{font-family:var(--font-mono);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800}.stk-stat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:600}.stk-board{aspect-ratio:3/4;border:2px solid var(--border-primary);border-radius:var(--hub-classic-radius,4px);background:var(--bg-secondary);cursor:pointer;width:100%;max-width:min(92vw,340px);padding:0;position:relative;overflow:hidden}.stk-row{height:calc(100% / var(--stk-visible,9) - 3px);background:color-mix(in srgb, var(--mix-accent-stackr) calc(var(--stk-tint,60) * 1%), var(--bg-card));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mix-accent-stackr) 45%, transparent);border-radius:3px;position:absolute}.stk-row--moving{background:color-mix(in srgb, var(--mix-accent-stackr) 78%, var(--text-primary))}.stk-row--placed{animation:.18s ease-out stk-settle}@keyframes stk-settle{0%{transform:translateY(-9px)scaleY(1.06)}60%{transform:translateY(0)scaleY(.96)}to{transform:translateY(0)scaleY(1)}}.stk-row--perfect{animation:.18s ease-out stk-settle,.5s 50ms stk-perfect-glow}@keyframes stk-perfect-glow{0%,to{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mix-accent-stackr) 45%, transparent)}45%{box-shadow:inset 0 0 0 1px var(--mix-accent-stackr), 0 0 12px color-mix(in srgb, var(--mix-accent-stackr) 70%, transparent)}}.stk-slice{height:calc(100% / var(--stk-visible,9) - 3px);background:color-mix(in srgb, var(--mix-accent-stackr) 70%, var(--text-primary));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--mix-accent-stackr) 45%, transparent);pointer-events:none;transform-origin:top;border-radius:3px;animation:.44s ease-in forwards stk-slice-fall;position:absolute}@keyframes stk-slice-fall{0%{opacity:.9;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(160%)rotate(14deg)}}.stk-flash{pointer-events:none;border-radius:inherit;background:radial-gradient(circle at center, color-mix(in srgb, var(--mix-accent-stackr) 30%, transparent), transparent 70%);animation:.4s ease-out forwards stk-flash-fade;position:absolute;inset:0}@keyframes stk-flash-fade{0%{opacity:.8}to{opacity:0}}@media (prefers-reduced-motion:reduce){.stk-row--placed,.stk-row--perfect{animation:none}.stk-slice,.stk-flash{opacity:0;animation:none}}.stk-combo-value{color:var(--mix-accent-stackr)}.stk-perfect{font-family:var(--font-mono);letter-spacing:.04em;color:var(--mix-accent-stackr);pointer-events:none;font-size:14px;font-weight:800;animation:.5s stk-perfect-pop;position:absolute;top:10px;left:50%;transform:translate(-50%)}@keyframes stk-perfect-pop{0%{opacity:0;transform:translate(-50%,6px)scale(.7)}40%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.stk-perfect{animation:none}}.stk-milestone{bottom:calc(100% / var(--stk-visible,9) + 10px);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mix-accent-stackr);background:color-mix(in srgb, var(--mix-accent-stackr) 12%, var(--bg-card));border:1px solid color-mix(in srgb, var(--mix-accent-stackr) 35%, transparent);pointer-events:none;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.stk-milestone--flash{font-size:13px;animation:.5s stk-perfect-pop;top:36px;bottom:auto}.stk-overlay{background:color-mix(in srgb, var(--bg-card) 55%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stk-overlay-text{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-primary);font-size:14px;font-weight:700}.stk-hint{color:var(--text-muted);margin:0;font-size:12px}.stk-result{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:min(92vw,340px);display:flex}.stk-full-btn{width:100%}
