@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.tl-overlay{z-index:100;image-rendering:pixelated;background:#000;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;animation:4.2s both tl-overlay;display:flex;position:fixed;inset:0}.tl-scene{align-items:flex-start;gap:26px;animation:.24s ease-out both tl-scene-in,.48s steps(2,end) 2.56s both tl-shake;display:flex}.tl-spark{opacity:0;pointer-events:none;width:5px;height:5px;animation:.9s steps(7,end) 2.62s forwards tl-spark;position:absolute}.tl-well{position:relative;box-shadow:0 0 0 3px #7f1010,0 0 0 6px #000}.tl-piece{animation:.64s steps(20,end) both tl-fall;position:absolute;inset:0}.tl-cell{box-sizing:border-box;border:1px solid #000;width:18px;height:18px;animation:.2s steps(2,end) both tl-clear;position:absolute;box-shadow:inset 2px 2px #ffffff47,inset -2px -2px #00000073}.tl-static{animation:none}.tl-red{background:#dc2626}.tl-white{background:#f5f5f5}.tl-dark{background:#7f1010}.tl-tee-spawn{animation:.64s steps(20,end) 1.75s both tl-fall,1ms step-end 2.56s forwards tl-hide;position:absolute;inset:0}.tl-tee{opacity:0;animation:1ms step-end 2.56s forwards tl-reveal;position:absolute;inset:0}.tl-flash{opacity:0;pointer-events:none;background:#fff;animation:.22s steps(2,end) 2.58s both tl-flash;position:absolute;inset:0}.tl-callout{opacity:0;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding-top:86px;animation:.72s steps(4,end) 2.62s both tl-callout;display:flex;position:absolute;inset:0}.tl-callout-main{color:#f5f5f5;text-shadow:3px 3px #dc2626;font-size:.95rem}.tl-callout-sub{color:#dc2626;letter-spacing:.16em;font-size:.6rem}.tl-hud{color:#f5f5f5;flex-direction:column;gap:18px;min-width:120px;display:flex}.tl-hud-block{flex-direction:column;gap:8px;display:flex}.tl-label{color:#dc2626;letter-spacing:.14em;font-size:.55rem}.tl-score{color:#f5f5f5;font-size:.78rem}.tl-stat{flex-direction:row;justify-content:space-between;align-items:baseline}.tl-value{font-size:.7rem}.tl-next{border:3px solid #7f1010;gap:12px;padding:12px}.tl-next-piece{position:relative}.tl-mini{border:1px solid #000;width:11px;height:11px;position:absolute;box-shadow:inset 1px 1px #ffffff4d}@keyframes tl-overlay{0%{opacity:1}88%{opacity:1}to{opacity:0}}@keyframes tl-scene-in{0%{opacity:0}to{opacity:1}}@keyframes tl-fall{0%{transform:translateY(-360px)}to{transform:translateY(0)}}@keyframes tl-hide{to{opacity:0}}@keyframes tl-reveal{to{opacity:1}}@keyframes tl-clear{0%{opacity:1;filter:brightness()}40%{opacity:1;filter:brightness(2.6)}to{opacity:0;filter:brightness()}}@keyframes tl-flash{0%{opacity:0}50%{opacity:.8}to{opacity:0}}@keyframes tl-callout{0%{opacity:0;transform:scale(.6)}30%{opacity:1;transform:scale(1.08)}45%{transform:scale(1)}80%{opacity:1}to{opacity:0}}@keyframes tl-shake{0%{transform:translate(0)}15%{transform:translate(-5px,3px)}30%{transform:translate(4px,-4px)}45%{transform:translate(-4px,-2px)}60%{transform:translate(3px,3px)}75%{transform:translate(-2px,1px)}to{transform:translate(0)}}@keyframes tl-spark{0%{opacity:1;transform:translate(0)scale(1.4)}to{transform:translate(var(--dx,0), var(--dy,0)) scale(0);opacity:0}}:root[data-boot-done] .tl-overlay{display:none}@media (prefers-reduced-motion:reduce){.tl-overlay,.tl-scene,.tl-piece,.tl-cell,.tl-tee-spawn,.tl-tee,.tl-flash,.tl-callout,.tl-spark{animation:none}.tl-tee{opacity:1}}.st-overlay{z-index:90;image-rendering:pixelated;background:#000;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;animation:.6s both st-overlay;display:flex;position:fixed;inset:0}.st-hud{color:#f5f5f5;flex-direction:column;align-items:center;gap:14px;animation:.16s ease-out both st-hud-in;display:flex;position:relative}.st-label{color:#dc2626;letter-spacing:.16em;font-size:.6rem}.st-score{color:#f5f5f5;text-shadow:3px 3px #7f1010;font-size:1.5rem}.st-delta{white-space:nowrap;opacity:0;align-items:baseline;gap:10px;margin-top:14px;animation:.6s ease-out both st-delta;display:flex;position:absolute;top:100%}.st-delta-label{color:#dc2626;letter-spacing:.14em;font-size:.6rem}.st-delta-amount{color:#4ade80;text-shadow:2px 2px #14532d;font-size:.85rem}@keyframes st-overlay{0%{opacity:1}78%{opacity:1}to{opacity:0}}@keyframes st-hud-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes st-delta{0%{opacity:0;transform:translateY(6px)scale(.6)}22%{opacity:1;transform:translateY(0)scale(1.12)}34%{transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-18px)scale(1)}}@media (prefers-reduced-motion:reduce){.st-overlay,.st-hud,.st-delta{animation:none}}.su-overlay{z-index:100;image-rendering:pixelated;background:#000;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;animation:1.8s both su-overlay;display:flex;position:fixed;inset:0}.su-banner{text-align:center;flex-direction:column;align-items:center;gap:16px;animation:.36s ease-in-out su-shake;display:flex}.su-line-1{color:#dc2626;letter-spacing:.12em;text-shadow:3px 3px #7f1010;font-size:1.1rem}.su-line-2{color:#f5f5f5;letter-spacing:.18em;font-size:.6rem}@keyframes su-overlay{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes su-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-3px,-2px)}80%{transform:translate(3px,2px)}}@media (prefers-reduced-motion:reduce){.su-overlay,.su-banner{animation:none}}