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