@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";*{box-sizing:border-box}body{margin:0;font-family:VT323,monospace;background:#000;color:#0f0;font-size:18px;background-image:repeating-linear-gradient(0deg,rgba(0,255,0,.03) 0px,transparent 1px,transparent 2px,rgba(0,255,0,.03) 3px);image-rendering:pixelated}.page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a0033,#003,#001a33)}.game-header{padding:1rem;background:linear-gradient(180deg,#f0f,#80f);border-bottom:4px solid #00ffff;box-shadow:inset 2px 2px #ffffff4d,inset -2px -2px #0000004d;display:flex;justify-content:space-between;align-items:center}.game-header h1{margin:0;font-size:2rem;font-family:"Press Start 2P",monospace;color:#ff0;text-shadow:3px 3px 0 #ff00ff,-1px -1px 0 #00ffff,2px 2px 10px rgba(255,255,0,.5);animation:glitch 5s infinite}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}}.game-header p{margin:.5rem 0 0;font-size:1rem;color:#0ff;text-shadow:1px 1px 0 #ff00ff}.banner{background:linear-gradient(90deg,red,#f0f,red);color:#fff;text-align:center;padding:.75rem;font-size:1.2rem;font-weight:700;border:3px solid #ffff00;text-shadow:2px 2px 0 #000;animation:blink 1s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.7}}.game-screen{min-height:100vh;display:flex;flex-direction:column}.game-layout{display:flex;flex:1;overflow:hidden;gap:0;min-height:0}.game-area{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;gap:2rem;background:radial-gradient(circle at 20% 50%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,255,255,.1) 0%,transparent 50%);overflow-y:auto;min-width:0}.play-area{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem;gap:2rem;background:radial-gradient(circle at 20% 50%,rgba(255,0,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(0,255,255,.1) 0%,transparent 50%);overflow-y:auto}.panel-area{width:450px;flex-shrink:0;background:linear-gradient(180deg,#001a33,#003);border-left:4px solid #00ffff;box-shadow:inset 4px 0 10px #00ffff4d;display:flex;flex-direction:column;overflow-y:auto}.panel-area--full{width:100%;border-left:none;border-top:4px solid #00ffff}.sidebar{width:280px;background:#003;padding:1.5rem;border:4px solid #ff00ff;border-radius:0;box-shadow:8px 8px #ff00ff4d,inset 2px 2px #ffffff1a,inset -2px -2px #00000080}.sidebar section{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px dashed #00ffff}.sidebar section:last-child{border-bottom:none}.sidebar h3,.sidebar h4{margin-top:0;margin-bottom:.75rem;color:#ff0;font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;font-family:"Press Start 2P",monospace;font-size:.8rem;text-shadow:2px 2px 0 #ff00ff}.stats div{display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.5rem;background:#00ffff1a;border:2px solid #00ffff}.stats span{color:#0ff}.stats strong{color:#ff0;font-size:1.3rem}.mono{font-family:VT323,monospace;background:#000;color:#0f0;padding:.75rem;border:3px solid #00ff00;word-break:break-all;box-shadow:inset 0 0 10px #00ff004d}.sidebar__title{font-weight:700;margin-bottom:.5rem;color:#f0f;font-size:1.2rem}.sidebar__description{color:#0ff;font-size:1rem;margin-bottom:.5rem}.change-theme-btn{background:linear-gradient(180deg,#f0f,#80f);border:3px solid #ffff00;color:#ff0;padding:.75rem 1rem;cursor:pointer;font-size:1rem;margin-top:.75rem;width:100%;font-family:"Press Start 2P",monospace;font-size:.7rem;text-transform:uppercase;box-shadow:4px 4px #ffff004d,inset 1px 1px #ffffff4d;transition:all .1s}.change-theme-btn:hover{background:linear-gradient(180deg,#ff0,#f0f);color:#000;transform:translate(-2px,-2px);box-shadow:6px 6px #ffff0080,inset 1px 1px #ffffff80}.change-theme-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #ffff004d,inset -1px -1px #0000004d}.game-over-banner{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-family:"Press Start 2P",monospace;font-size:.8rem}.play-again-btn{background:linear-gradient(180deg,#0f0,#0a0);border:3px solid #ffff00;color:#000;padding:.75rem 1.5rem;cursor:pointer;font-size:1rem;font-weight:700;font-family:"Press Start 2P",monospace;font-size:.7rem;text-transform:uppercase;box-shadow:4px 4px #ffff0080,inset 1px 1px #ffffff80;transition:all .1s}.play-again-btn:hover{background:linear-gradient(180deg,#ff0,#0f0);transform:translate(-2px,-2px);box-shadow:6px 6px #ffff00b3,inset 1px 1px #ffffffb3}.play-again-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #ffff004d,inset -1px -1px #0000004d}.last-collision__preview{width:100%;border:3px solid #ff00ff;margin-bottom:.75rem;box-shadow:0 0 20px #ff00ff80,inset 0 0 10px #00000080}.status--queued{color:#ff0;animation:pulse 1s infinite}.status--complete{color:#0f0;text-shadow:0 0 10px #00ff00}.status--error{color:red;animation:blink .5s infinite}.view-toggle{display:flex;gap:.5rem}.view-toggle button{background:linear-gradient(180deg,#0ff,#08f);border:3px solid #ffff00;color:#000;padding:.75rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-family:"Press Start 2P",monospace;font-size:.6rem;text-transform:uppercase;box-shadow:3px 3px #ffff0080,inset 1px 1px #ffffff80;transition:all .1s}.view-toggle button.active{background:linear-gradient(180deg,#f0f,#f08);color:#ff0;box-shadow:3px 3px #ff00ffb3,inset -1px -1px #00000080}.view-toggle button:hover:not(.active){background:linear-gradient(180deg,#ff0,#0ff);transform:translate(-1px,-1px);box-shadow:4px 4px #ffff00b3,inset 1px 1px #ffffffb3}.tetris-board{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(20,1fr);width:100%;max-width:400px;max-height:80vh;aspect-ratio:10 / 20;background:#000;border:5px solid #00ffff;box-shadow:0 0 30px #00ffff80,inset 0 0 20px #0ff3,8px 8px #00ffff4d;margin:0 auto;position:relative}.tetris-board:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,255,255,.03) 0px,transparent 1px,transparent 2px,rgba(0,255,255,.03) 3px);pointer-events:none;z-index:10}.tetris-cell{width:100%;height:100%;border:1px solid rgba(0,255,255,.2);background-size:cover;background-position:center;position:relative;background-color:#000;transition:all .1s;cursor:pointer}.tetris-cell:after{content:attr(data-prompt);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000f2;color:#0ff;padding:.5rem;border:2px solid #ff00ff;font-size:.7rem;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;opacity:0;pointer-events:none;transition:opacity .2s;z-index:100;box-shadow:0 0 10px #ff00ff80}.tetris-cell:hover:after{opacity:1}.tetris-cell[data-prompt=""]:after{display:none}.tetris-cell:hover{box-shadow:inset 0 0 0 2px #f0f,0 0 10px #ff00ff80;z-index:5}.tetris-cell--active{border-color:#ff0;box-shadow:inset 0 0 5px #ffff0080,0 0 10px #ffff004d;animation:active-pulse .5s infinite}@keyframes active-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.tetris-cell--pending{animation:pending-flash 1s infinite}@keyframes pending-flash{0%,to{background-color:#000;border-color:#ff00ff80}50%{background-color:#f0f3;border-color:#f0f}}.tetris-cell--error{background-color:red!important;animation:error-flash .5s infinite}@keyframes error-flash{0%,to{box-shadow:inset 0 0 10px red}50%{box-shadow:inset 0 0 20px red}}.cell-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;color:#ff0;text-shadow:0 0 5px #000,1px 1px 0 #000;pointer-events:none;width:100%;text-align:center;font-family:"Press Start 2P",monospace}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-image:repeating-linear-gradient(0deg,rgba(255,0,255,.05) 0px,transparent 2px,transparent 4px,rgba(255,0,255,.05) 6px)}.modal-content{width:100%;max-width:600px;max-height:85vh;overflow-y:auto;background:linear-gradient(135deg,#003,#303);padding:1.5rem;border:5px solid #00ffff;box-shadow:0 0 40px #00ffff80,inset 0 0 20px #f0f3,10px 10px #00ffff4d}.modal-content header{margin-bottom:1.5rem;text-align:center}.modal-content h2{font-family:"Press Start 2P",monospace;color:#ff0;font-size:1.3rem;text-shadow:3px 3px 0 #ff00ff,-1px -1px 0 #00ffff;margin:0}.modal-content p{color:#0ff;font-size:1rem;margin:.5rem 0 0}.themes-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.theme-card{background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);border:3px solid #00ffff;padding:.75rem;cursor:pointer;transition:all .2s;text-align:left;box-shadow:4px 4px #00ffff4d,inset 1px 1px #ffffff1a}.theme-card:hover{background:linear-gradient(135deg,#ff03,#f0f3);border-color:#ff0;transform:translate(-2px,-2px);box-shadow:6px 6px #ffff0080,inset 1px 1px #fff3}.theme-card--selected{background:linear-gradient(135deg,#ff00ff4d,#00ffff4d);border:3px solid #ff00ff;box-shadow:0 0 20px #f0f9,6px 6px #f0f6,inset 0 0 10px #ff00ff4d}.theme-card h3{margin:0 0 .35rem;color:#ff0;font-size:1.1rem}.turnstile-block{margin:1.5rem 0;padding:1rem;background:#00000080;border:3px dashed #00ff00;display:flex;justify-content:center}.theme-screen__footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:3px dashed #ff00ff}.info-text{color:#0ff;font-size:1rem;margin-bottom:.75rem}.error-text{color:red;font-size:1rem;text-shadow:0 0 10px #ff0000;animation:blink 1s infinite}.modal-content button.primary{background:linear-gradient(180deg,#0f0,#0a0);border:4px solid #ffff00;color:#000;padding:.85rem 1.75rem;cursor:pointer;font-size:1.1rem;font-family:"Press Start 2P",monospace;font-size:.85rem;text-transform:uppercase;box-shadow:6px 6px #ffff0080,inset 2px 2px #ffffff80;transition:all .1s}.modal-content button.primary:hover:not(:disabled){background:linear-gradient(180deg,#ff0,#0f0);transform:translate(-2px,-2px);box-shadow:8px 8px #ffff00b3,inset 2px 2px #ffffffb3}.modal-content button.primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px #ffff0080,inset -2px -2px #00000080}.modal-content button.primary:disabled{background:#333;border-color:#666;color:#666;cursor:not-allowed;box-shadow:none}.text-sm{font-size:.9rem}.opacity-70{opacity:.7}.right-panel{padding:1.5rem;overflow-y:auto;height:100vh;display:flex;flex-direction:column}.right-panel--horizontal{flex-direction:row;gap:1rem}@media(max-width:768px){.right-panel--horizontal{flex-direction:column}.right-panel--horizontal .live-activity,.right-panel--horizontal .summary-stats{flex:1 0 auto;width:100%;margin-bottom:1rem}}.right-panel--horizontal .live-activity{flex:0 0 80%;margin-bottom:0}.right-panel--horizontal .summary-stats{flex:0 0 20%;margin-bottom:0;min-height:400px}.live-activity,.summary-stats{margin-bottom:1rem;padding:1.5rem;background:#00ffff0d;border:3px solid #00ffff;box-shadow:inset 0 0 20px #00ffff1a,4px 4px #00ffff4d;flex:1;overflow-y:auto;min-height:300px}.summary-stats{min-height:400px}.right-panel--horizontal .live-activity{flex:0 0 65%;margin-bottom:0}.right-panel--horizontal .summary-stats{flex:0 0 35%;margin-bottom:0}.live-activity h3,.summary-stats h3{margin:0 0 1rem;color:#ff0;font-family:"Press Start 2P",monospace;font-size:.75rem;text-transform:uppercase;text-shadow:2px 2px 0 #ff00ff}.live-score-display{display:flex;flex-direction:column;align-items:center;padding:1.5rem;margin-bottom:1rem;background:linear-gradient(180deg,#f0f3,#0ff3);border:4px solid #ffff00;box-shadow:inset 0 0 20px #ff03,0 0 20px #ff06}.live-score-label{font-family:"Press Start 2P",monospace;font-size:.75rem;color:#0ff;margin-bottom:.5rem;text-shadow:2px 2px 0 #000}.live-score-value{font-family:"Press Start 2P",monospace;font-size:2.5rem;color:#ff0;text-shadow:3px 3px 0 #ff00ff,-1px -1px 0 #00ffff,4px 4px 10px rgba(255,255,0,.5)}.live-activity.empty p{color:#0ff;font-size:1rem}.live-activity ul{list-style:none;padding:0;margin:0}.live-activity li{margin-bottom:1.5rem;padding:1rem;background:#00000080;border:2px solid #ff00ff;box-shadow:inset 1px 1px #ffffff1a,3px 3px #ff00ff4d}.live-activity li:last-child{margin-bottom:0}.live-activity .headline{color:#0ff;font-weight:700;margin-bottom:.5rem;font-size:1.05rem}.live-activity .services{color:#ff0;font-size:.95rem;margin-bottom:.5rem;line-height:1.4}.live-activity .facts{color:#0f0;font-size:.9rem;margin-bottom:.75rem}.step-bar{display:flex;gap:0;height:12px;background:#000;border:2px solid #00ffff;overflow:hidden}.step-bar span{background:linear-gradient(180deg,#0ff,#08f);box-shadow:inset 0 0 5px #ffffff80;animation:pulse-bar 2s infinite;border-right:3px solid #000;position:relative}.step-bar span:last-child{border-right:none}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.8}}.summary-stats .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.summary-grid div{padding:.75rem;background:#00000080;border:2px solid #00ffff;display:flex;flex-direction:column;gap:.5rem}.summary-grid span{color:#0ff;font-size:.8rem}.summary-grid strong{color:#ff0;font-size:1.2rem}.latency-composition{margin-bottom:1rem}.latency-composition>span{color:#0ff;font-size:.85rem;display:block;margin-bottom:.5rem}.latency-bar{display:flex;height:20px;background:#000;border:3px solid #00ffff;overflow:hidden;margin-bottom:.5rem}.latency-bar .infra{background:linear-gradient(180deg,#0f0,#0a0);box-shadow:inset 0 0 10px #ffffff4d}.latency-bar .ai{background:linear-gradient(180deg,#f0f,#80f);box-shadow:inset 0 0 10px #ffffff4d}.latency-legend{display:flex;justify-content:space-between;gap:1rem}.latency-legend span{color:#ff0;font-size:.85rem}.footnote{color:#0ff;font-size:.85rem;margin:1rem 0 0;opacity:.7}@media(max-width:768px){body{font-size:16px}.game-header{flex-direction:column;gap:.5rem;align-items:stretch;padding:.75rem}.game-header h1{font-size:1.2rem;text-align:center}.game-header div{text-align:center}.game-header p{font-size:.75rem;margin-top:.25rem}.view-toggle{justify-content:center;flex-wrap:wrap;margin:0 auto}.view-toggle button{padding:.5rem .75rem;font-size:.5rem;min-width:80px}.game-layout{flex-direction:column;overflow:auto}.game-area{flex-direction:column;align-items:center;padding:.5rem;gap:.5rem;overflow:visible}.play-area{flex-direction:column;align-items:center;padding:0;gap:.5rem;overflow:visible;width:100%}.tetris-board{width:100%;max-width:340px;height:auto;aspect-ratio:10/20;margin:0 auto}.panel-area{width:100%;height:auto;min-height:auto;border-left:none;border-top:4px solid #00ffff;flex:0 0 auto}.sidebar{width:100%;max-width:100%;padding:1rem;margin:0;display:none}.sidebar section{margin-bottom:1rem;padding-bottom:.75rem}.sidebar h3,.sidebar h4{font-size:.7rem;margin-bottom:.5rem}.sidebar__title{font-size:1rem}.sidebar__description{font-size:.9rem}.stats div{padding:.4rem;margin-bottom:.5rem}.stats span{font-size:.9rem}.stats strong{font-size:1.1rem}.mono{padding:.5rem;font-size:.9rem;word-break:break-word}.last-collision__preview{margin-top:.5rem}.change-theme-btn{font-size:.6rem;padding:.6rem .8rem}.tetris-board{max-width:min(340px,90vw);max-height:65vh;border-width:3px}.tetris-cell{border-width:.5px}.cell-label{font-size:1.2rem}.tetris-cell:after{font-size:.6rem;max-width:200px;padding:.4rem;white-space:normal}.view-game-only .panel-area{display:none}.view-game-only .game-layout{height:100%;overflow:hidden}.view-game-only .game-area{height:100%;padding:.5rem;justify-content:flex-start}.view-panel-only .play-area,.view-panel-only .game-area{display:none}.view-panel-only .panel-area{height:auto;flex:1}.modal-overlay{padding:1rem;align-items:center;padding-top:0}.modal-content{padding:1rem;height:80vh;max-height:80vh;max-width:90vw;border-width:3px;overflow-y:auto;display:flex;flex-direction:column}.modal-content>*{flex-shrink:0}.modal-content header{margin-bottom:.5rem}.modal-content h2{font-size:.85rem;margin-bottom:.25rem;line-height:1.2}.modal-content p{font-size:.7rem;line-height:1.2}.themes-grid{gap:.4rem;margin-bottom:.75rem;flex:1;overflow-y:auto}.theme-card{padding:.5rem}.theme-card h3{font-size:.8rem;margin-bottom:.15rem}.theme-card p{font-size:.65rem;line-height:1.2}.turnstile-block{margin:.5rem 0;padding:.5rem;display:flex;justify-content:center;overflow:hidden;max-width:100%;flex-shrink:0}.turnstile-block>div{max-width:100%;transform-origin:center}.theme-screen__footer{margin-top:.75rem;padding-top:.75rem}.info-text{font-size:.7rem;margin-bottom:.4rem}.error-text{font-size:.7rem}.modal-content button.primary{font-size:.6rem;padding:.6rem 1rem;width:100%}.right-panel{padding:1rem;height:auto}.live-activity,.summary-stats{padding:1rem;margin-bottom:.75rem;min-height:auto}.right-panel--horizontal .summary-stats{min-height:auto}.live-activity h3,.summary-stats h3{font-size:.65rem;margin-bottom:.75rem}.live-score-display{padding:1rem;margin-bottom:.75rem}.live-score-label{font-size:.65rem}.live-score-value{font-size:1.8rem}.game-over-banner{flex-direction:column;gap:.75rem;padding:1rem;font-size:.7rem}.play-again-btn{width:100%;font-size:.6rem;padding:.6rem 1rem}.banner{padding:.6rem;font-size:1rem}.pause-btn,.export-btn,.share-btn{width:28px;height:28px;font-size:.85rem;min-width:unset}#social-card{transform:scale(.8)}}.mobile-controls{display:none;flex-direction:column;gap:.75rem;padding:1rem;background:#000c;border:3px solid #00ffff;border-radius:0;box-shadow:0 0 20px #00ffff4d;margin-top:1rem}@media(max-width:768px){.mobile-controls{display:flex}}.mobile-controls__row{display:flex;justify-content:center;gap:.5rem}.change-theme-btn{background:transparent;border:1px solid #00ffff;color:#0ff;padding:.25rem .5rem;font-family:VT323,monospace;font-size:1rem;cursor:pointer;transition:all .2s}.change-theme-btn:hover{background:#00ffff1a;box-shadow:0 0 10px #00ffff4d}.sidebar-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.export-btn{background:transparent;border:1px solid #ff00ff;color:#f0f;padding:.25rem .5rem;font-family:VT323,monospace;font-size:1rem;cursor:pointer;transition:all .2s}.export-btn:hover{background:#ff00ff1a;box-shadow:0 0 10px #ff00ff4d}.share-btn{background:transparent;border:1px solid #ffff00;color:#ff0;padding:.25rem .5rem;font-family:VT323,monospace;font-size:1rem;cursor:pointer;transition:all .2s}.share-btn:hover{background:#ffff001a;box-shadow:0 0 10px #ffff004d}.game-area{display:flex;gap:2rem;align-items:flex-start;justify-content:center;touch-action:none}.mobile-btn{background:linear-gradient(180deg,#f0f,#80f);border:3px solid #00ffff;color:#ff0;padding:1rem 1.5rem;font-size:1.5rem;font-family:"Press Start 2P",monospace;cursor:pointer;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px #00ffff80;transition:all .1s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #00ffff80;background:linear-gradient(180deg,#ff0,#f0f)}.mobile-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-btn--rotate{font-size:2rem;min-width:80px}.mobile-btn--drop{flex:1;font-size:1rem;padding:1rem 2rem}.mobile-btn--control{flex:1;height:80px;font-size:2rem;background:linear-gradient(180deg,#f0f,#80f);border:3px solid #00ffff}.mobile-btn--control:last-child{background:linear-gradient(180deg,#ff0,#fa0);color:#000;border-color:#f0f}.swipe-hint{text-align:center;color:#0ff;font-size:.7rem;padding:.5rem;border-top:2px dashed #ff00ff;margin-top:.5rem}.pause-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-overlay h2{font-size:3rem;color:#ff0;text-shadow:3px 3px 0 #ff00ff,-1px -1px 0 #00ffff;margin-bottom:2rem;font-family:"Press Start 2P",monospace;animation:pulse 2s infinite}.resume-btn{background:linear-gradient(180deg,#0f0,#0a0);border:4px solid #ffff00;color:#000;padding:1rem 2rem;font-family:"Press Start 2P",monospace;font-size:1rem;cursor:pointer;transition:all .2s;text-transform:uppercase;box-shadow:6px 6px #ffff0080,inset 2px 2px #ffffff80}.pause-btn{background:linear-gradient(180deg,#0ff,#08f);border:2px solid #ffff00;color:#000;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;border-radius:0;font-size:1rem;box-shadow:3px 3px #ffff0080,inset 1px 1px #ffffff80}.pause-btn:hover{background:linear-gradient(180deg,#ff0,#0ff);transform:translate(-1px,-1px);box-shadow:4px 4px #ffff00b3,inset 1px 1px #ffffffb3}.pause-overlay{position:fixed;inset:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;background-image:repeating-linear-gradient(0deg,rgba(255,0,255,.05) 0px,transparent 2px,transparent 4px,rgba(255,0,255,.05) 6px);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pause-content{background:linear-gradient(135deg,#003,#303);padding:1.5rem;border:4px solid #00ffff;box-shadow:0 0 40px #0ff9,inset 0 0 20px #f0f3,10px 10px #00ffff4d;max-width:500px;text-align:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.pause-content h2{font-family:"Press Start 2P",monospace;color:#ff0;font-size:1.5rem;margin:0 0 1rem;text-shadow:3px 3px 0 #ff00ff,-1px -1px 0 #00ffff,0 0 20px rgba(255,255,0,.5);animation:pulse 2s infinite}.keyboard-controls{margin:1rem 0;padding:1rem;background:#00000080;border:2px solid #ff00ff;box-shadow:inset 0 0 20px #f0f3}.keyboard-controls h3{font-family:"Press Start 2P",monospace;color:#0ff;font-size:.8rem;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:2px 2px 0 #ff00ff}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;text-align:left}.control-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#00ffff0d;border:1px solid #00ffff;transition:all .2s}.control-item:hover{background:#ffff001a;border-color:#ff0;transform:translate(5px)}.control-item kbd{font-family:"Press Start 2P",monospace;font-size:.7rem;background:linear-gradient(180deg,#ff0,#f0f);color:#000;padding:.4rem .6rem;border:2px solid #00ffff;border-radius:0;box-shadow:3px 3px #00ffff80,inset 1px 1px #ffffff80;display:inline-block;min-width:1.8rem;text-align:center;white-space:nowrap}.control-item span{color:#0f0;font-size:.9rem;flex:1}.resume-btn{background:linear-gradient(180deg,#0f0,#0a0);border:4px solid #ffff00;color:#000;padding:.8rem 1.6rem;font-family:"Press Start 2P",monospace;font-size:.9rem;cursor:pointer;transition:all .2s;text-transform:uppercase;box-shadow:6px 6px #ffff0080,inset 2px 2px #ffffff80;margin-top:.5rem}.resume-btn:hover{background:linear-gradient(180deg,#ff0,#0f0);transform:translate(-2px,-2px);box-shadow:8px 8px #ffff00b3,inset 2px 2px #ffffffb3}.resume-btn:active{transform:translate(2px,2px);box-shadow:3px 3px #ffff0080,inset -2px -2px #00000080}@media(max-width:768px){.pause-content{padding:1.5rem;max-width:90%}.pause-content h2{font-size:1.5rem}.controls-grid{grid-template-columns:1fr}.control-item kbd{font-size:.7rem;padding:.4rem .6rem}.resume-btn{font-size:.85rem;padding:.85rem 1.5rem}}@media(max-width:375px){.game-header h1{font-size:1rem}.game-header p{font-size:.7rem}.tetris-board{max-width:min(300px,92vw);max-height:60vh}.sidebar{padding:.75rem}.sidebar h3,.sidebar h4{font-size:.65rem}.stats div{padding:.3rem}.pause-content{padding:1rem}.pause-content h2{font-size:1.2rem;margin-bottom:1.5rem}.keyboard-controls{padding:1rem;margin:1.5rem 0}.keyboard-controls h3{font-size:.85rem;margin-bottom:1rem}.control-item{padding:.5rem;gap:.5rem}.control-item kbd{font-size:.6rem;padding:.3rem .5rem;min-width:1.5rem}.control-item span{font-size:.85rem}.resume-btn{font-size:.75rem;padding:.75rem 1.25rem}.view-toggle button{font-size:.45rem;padding:.4rem .6rem;min-width:70px}}@media(max-width:896px)and (max-height:500px)and (orientation:landscape){.game-header{padding:.5rem}.game-header h1{font-size:.9rem}.game-header p{display:none}.game-area{padding:.5rem;flex-direction:row;justify-content:center;align-items:flex-start}.tetris-board{max-width:240px;max-height:80vh}.sidebar{width:auto;max-width:280px;padding:.75rem}.sidebar section{margin-bottom:.75rem;padding-bottom:.5rem}.sidebar h3,.sidebar h4{font-size:.6rem;margin-bottom:.4rem}.stats div{padding:.3rem;margin-bottom:.4rem}.stats span,.stats strong{font-size:.85rem}.mono{padding:.4rem;font-size:.8rem}.pause-content{max-width:85vw;max-height:85vh;overflow-y:auto;padding:1rem}.pause-content h2{font-size:1.2rem;margin-bottom:1rem}.keyboard-controls{margin:1rem 0;padding:1rem}.keyboard-controls h3{font-size:.8rem;margin-bottom:.75rem}.controls-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.control-item{padding:.4rem}.control-item kbd{font-size:.6rem;padding:.3rem .5rem}.control-item span{font-size:.8rem}.resume-btn{font-size:.75rem;padding:.6rem 1rem}.panel-area{min-height:300px}.view-toggle{gap:.25rem}.view-toggle button{font-size:.45rem;padding:.4rem .6rem}}@media(hover:none)and (pointer:coarse){button,.mobile-btn,.pause-btn,.export-btn,.share-btn{min-height:44px;min-width:44px}.theme-card{min-height:60px}.view-toggle{gap:.5rem}.sidebar section{margin-bottom:1.5rem}}