:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}#game-wrapper{display:flex;align-items:center;justify-content:center;gap:30px;width:90%;max-width:1200px;height:80vh}#app{width:600px;height:600px;position:relative;flex-shrink:0}canvas{display:block;width:100%;height:100%}#game-ui{position:relative;z-index:1000;flex-shrink:0}.game-over-overlay{position:fixed;top:50%;left:43%;transform:translate(-50%,-50%);padding:30px 60px;background:#f003;border:3px solid #ff0000;color:red;font-size:36px;font-weight:700;font-family:Courier New,monospace;letter-spacing:4px;text-align:center;animation:blink 1s infinite;z-index:9999;pointer-events:none}.game-over-overlay.hidden{display:none}.ui-panel{background:#0a1432d9;border:3px solid #4169e1;padding:25px;width:280px;color:#4169e1;font-family:Courier New,monospace;flex-shrink:0}.game-title{font-size:42px;margin-bottom:25px;text-align:center;color:#f44;letter-spacing:4px;font-weight:700;line-height:1;text-shadow:2px 2px 0px #4444ff,4px 4px 8px rgba(255,68,68,.5)}.stat-group{margin-bottom:15px}.stat-group-highlight{margin:25px 0;padding:15px 0;border-top:1px solid #4169e1;border-bottom:1px solid #4169e1}.stat-group-secondary{margin-bottom:8px}.stat-label{font-size:13px;color:#4169e1;margin-bottom:5px;letter-spacing:1px}.stat-label-small{font-size:11px;color:#3158d0;margin-bottom:3px}.stat-value{font-size:22px;font-weight:700;color:#0f0}.stat-value-large{font-size:36px;font-weight:700;color:#0f0;text-shadow:0 0 10px rgba(0,255,0,.5)}.stat-value-small{font-size:16px;font-weight:700;color:#0d0}.controls-hint{margin-top:25px;padding-top:12px;border-top:1px solid #4169e1;font-size:9px;opacity:.7}.hint-item{margin-bottom:3px;color:#68c}.next-piece-preview{width:100%;min-height:80px;display:flex;align-items:center;justify-content:center;padding:10px 0}.preview-grid{display:grid;gap:2px;width:fit-content;margin:0 auto}.preview-cell{width:16px;height:16px;background-color:#4169e11a;border:1px solid rgba(65,105,225,.2)}.preview-cell-filled{border:2px solid rgba(255,255,255,.5);box-shadow:0 0 4px #00000080}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}