.game-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 72px);padding:1.5rem;overflow:hidden}.game-container{display:flex;align-items:flex-start;justify-content:center;gap:1.5rem;max-width:900px;width:100%}.game-sidebar{display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.game-sidebar-left,.game-sidebar-right{width:160px;align-items:stretch}.panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;box-shadow:var(--card-shadow);transition:background var(--transition-base),border-color var(--transition-base)}.panel-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.75rem;text-align:center}.hold-panel canvas,.next-panel canvas{display:block;margin:0 auto;max-width:100%;height:auto}.stats-panel{display:flex;flex-direction:column;gap:0}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.stat-item:last-child{border-bottom:none}.stat-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.stat-value{font-family:'SF Mono','Fira Code','Cascadia Code',Consolas,monospace;font-size:1.1rem;font-weight:700;color:var(--accent-primary);letter-spacing:-.02em}.btn-icon{display:flex;align-items:center;justify-content:center;width:100%;height:44px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);padding:0}.btn-icon:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--accent-primary-light)}.btn-icon svg{flex-shrink:0}.game-board-wrapper{position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;transition:border-color var(--transition-base),background var(--transition-base)}#gameCanvas{display:block;background:var(--bg-secondary);image-rendering:pixelated;image-rendering:crisp-edges}.game-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-dark-strong);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10;animation:.3s overlay-fade-in}.game-overlay.hidden{display:none!important}.game-overlay-start{background:var(--overlay-dark-darker);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes overlay-fade-in{from{opacity:0}to{opacity:1}}.overlay-content{text-align:center;color:var(--text-primary);padding:2rem;max-width:380px;width:100%}.overlay-content h2{font-size:2rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary)}.overlay-hint{font-size:.95rem;color:var(--text-primary);margin-bottom:1.5rem}.final-stats{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1.5rem;text-align:left}.final-stat{display:flex;flex-direction:column;padding:.6rem .75rem;background:var(--border-subtle);border-radius:var(--radius-sm);border:1px solid var(--bg-overlay-light)}.final-stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.final-stat-value{font-family:'SF Mono','Fira Code','Cascadia Code',Consolas,monospace;font-size:1.15rem;font-weight:700;color:var(--accent-primary)}.overlay-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.overlay-buttons .btn{min-width:140px}.start-content{max-width:420px}.start-title{font-size:3rem;font-weight:900;color:var(--accent-primary);letter-spacing:-.03em;margin-bottom:.5rem;text-shadow:0 0 40px var(--cyan-border)}.start-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.mode-selector{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.mode-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem 1.2rem;border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-overlay-subtle);color:var(--text-secondary);cursor:pointer;transition:.2s;font-size:.85rem}.mode-btn:hover{border-color:var(--touch-btn-border);background:var(--border-subtle);color:var(--text-primary)}.mode-btn.active{border-color:var(--accent-primary);background:var(--cyan-bg-medium);color:var(--text-primary);box-shadow:0 0 12px var(--cyan-border)}.mode-icon{font-size:1.4rem;line-height:1}.mode-name{font-weight:600;letter-spacing:.02em}.mode-description{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem;min-height:1.2em}.timer-danger{color:var(--danger)!important;animation:.5s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{from{opacity:1}to{opacity:.5}}.game-over-win{color:var(--accent-primary)!important;text-shadow:0 0 20px var(--cyan-border)}.start-options{margin-bottom:1.5rem}.start-option{display:flex;align-items:center;justify-content:center;gap:.75rem}.start-option-label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.start-select{width:auto;min-width:80px;padding:.5rem 2rem .5rem .75rem;background:var(--bg-overlay-light);border:1px solid var(--border-light);color:var(--text-primary);border-radius:var(--radius-sm);font-size:1rem;cursor:pointer}.start-select option{background:var(--bg-secondary);color:var(--text-primary)}.start-btn{padding:1rem 3rem;font-size:1.2rem;margin-bottom:2rem}.btn-large{padding:.9rem 2.5rem;font-size:1.1rem}.controls-help{text-align:left;border-top:1px solid var(--bg-overlay-light);padding-top:1.5rem}.controls-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:.75rem}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem 1rem}.control-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text-secondary)}.control-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 .35rem;font-family:'SF Mono','Fira Code',Consolas,monospace;font-size:.72rem;font-weight:600;color:var(--text-primary);background:var(--bg-overlay-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);white-space:nowrap}.touch-controls{position:fixed;bottom:0;left:0;right:0;padding:.5rem .75rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));background:var(--overlay-dark);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20;display:flex;flex-direction:column;gap:.4rem}.touch-controls.hidden{display:none!important}.touch-row{display:flex;gap:.4rem;justify-content:center}.touch-btn{display:flex;align-items:center;justify-content:center;width:60px;height:52px;background:var(--border-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;transition:background .1s}.touch-btn:active{background:var(--touch-btn-active);border-color:var(--accent-primary)}.touch-btn-wide{flex:1;max-width:120px}.touch-btn svg{pointer-events:none}@media (max-width:900px){.game-container{gap:1rem}.game-sidebar-left,.game-sidebar-right{width:130px}.stat-value{font-size:1rem}}@media (max-width:768px){.game-wrapper{padding:.75rem .75rem 0;justify-content:flex-start}.game-container{flex-direction:column;align-items:center;gap:.75rem}.game-sidebar-left{flex-direction:row;width:100%;max-width:400px;order:-1}.game-sidebar-left .hold-panel{flex-shrink:0}.game-sidebar-left .stats-panel{flex:1;flex-direction:row;flex-wrap:wrap;gap:0}.game-sidebar-left .stats-panel .stat-item{flex:1 1 45%;min-width:80px;padding:.35rem .5rem;border-bottom:none;border-right:1px solid var(--border-color)}.game-sidebar-left .stats-panel .stat-item:last-child{border-right:none}.game-sidebar-left .btn-icon{width:44px;height:auto;align-self:stretch}.game-sidebar-right{width:100%;max-width:400px}.game-sidebar-right .next-panel{flex-direction:row;align-items:center;gap:.5rem}.game-sidebar-right .next-panel .panel-title{margin-bottom:0;writing-mode:vertical-rl;transform:rotate(180deg)}.game-sidebar-right .next-panel canvas{width:auto;height:80px}.controls-help{display:none}.start-title{font-size:2.25rem}.overlay-content{padding:1.25rem}}@media (max-width:480px){.game-wrapper{padding:.5rem .5rem 0}.stat-label{font-size:.7rem}.stat-value{font-size:.9rem}.panel{padding:.6rem}.panel-title{font-size:.7rem;margin-bottom:.5rem}.overlay-content h2{font-size:1.5rem}.final-stats{grid-template-columns:1fr 1fr;gap:.35rem}.final-stat{padding:.4rem .5rem}.final-stat-label{font-size:.65rem}.final-stat-value{font-size:.95rem}.overlay-buttons{flex-direction:column}.overlay-buttons .btn{min-width:unset;width:100%}.countdown-number{font-size:4rem}.start-title{font-size:2rem}.start-btn{padding:.8rem 2rem;font-size:1rem}.touch-btn{width:52px;height:48px}}@media (max-width:900px) and (orientation:landscape){.game-wrapper{min-height:calc(100vh - 72px);padding:.5rem}.game-container{flex-direction:row;align-items:flex-start}.game-sidebar-left,.game-sidebar-right{flex-direction:column;width:110px}.game-sidebar-left .stats-panel{flex-direction:column}.game-sidebar-left .stats-panel .stat-item{flex:unset;border-right:none;border-bottom:1px solid var(--border-color)}.game-sidebar-left .btn-icon{width:100%;height:36px}.game-sidebar-right .next-panel{flex-direction:column}.game-sidebar-right .next-panel .panel-title{writing-mode:horizontal-tb;transform:none}.game-sidebar-right .next-panel canvas{width:100%;height:auto}.touch-controls{flex-direction:row;justify-content:space-between;padding:.3rem .5rem;padding-bottom:calc(.3rem + env(safe-area-inset-bottom,0px))}.touch-row{flex:1}.touch-btn{width:48px;height:42px}}.btn:focus-visible,.start-select:focus-visible,.touch-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.countdown-number,.game-overlay,.line-clear-notify span{animation:none}}