@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--retro-green:#00ff41;--retro-dark:#0a0a0a;--retro-amber:#ffb800;--retro-red:#ff2020;--retro-cyan:#00e5ff;--retro-purple:#b400ff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--retro-dark);color:var(--retro-green);width:100vw;height:100vh;font-family:"Press Start 2P",monospace;overflow:hidden}#app{touch-action:none;width:100%;height:100%}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000000f 2px 4px);position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:9998;background:radial-gradient(#0000 60%,#0006 100%);position:fixed;inset:0}.cell-empty{background-color:#111;border:1px solid #1a1a1a}.cell-filled{background-color:var(--cell-color);border:1px solid #ffffff26;box-shadow:inset 2px 2px 4px #fff3,inset -1px -1px 3px #00000080}.game-board-wrapper{border:3px solid #00ff41;box-shadow:0 0 20px #00ff41,inset 0 0 10px #00ff410d}.game-board{display:grid}.board-row{display:contents}.row-clearing .board-cell{animation:.4s flash}@keyframes flash{0%{background-color:inherit}50%{background-color:#fff}to{background-color:#0000}}.score-panel{flex-direction:column;gap:16px;min-width:160px;padding:12px;display:flex}.title-block{text-align:center;border:2px solid #00ff41;padding:8px;box-shadow:0 0 10px #00ff41}.title-text{color:#00ff41;text-shadow:0 0 8px #00ff41;letter-spacing:4px;font-size:18px}.subtitle-text{color:#ffb800;letter-spacing:8px;margin-top:2px;font-size:10px}.score-area{flex-direction:column;gap:8px;display:flex}.retro-box{background:#00ff4108;border:1px solid #00ff4166;padding:6px 8px}.box-label{color:#666;letter-spacing:2px;margin-bottom:4px;font-size:7px}.box-value{letter-spacing:1px;font-size:14px}.box-value.green{color:#00ff41;text-shadow:0 0 6px #00ff41}.box-value.amber{color:#ffb800;text-shadow:0 0 6px #ffb800}.box-value.cyan{color:#00e5ff;text-shadow:0 0 6px #00e5ff}.next-block{background:#00ff4108;border:1px solid #00ff4166;padding:8px}.next-preview{grid-template-rows:repeat(4,20px);gap:2px;margin-top:8px;display:grid}.preview-row{grid-template-columns:repeat(4,20px);gap:2px;display:grid}.preview-cell{background:#111;border:1px solid #1a1a1a;width:20px;height:20px}.controls-block{border:1px solid #00ff4133;padding:8px;font-size:7px}.control-row{color:#555;justify-content:space-between;margin-bottom:5px;display:flex}.key{color:#00e5ff;min-width:30px}@media (width<=559px){.controls-block{display:none}.score-panel{min-width:80px;padding:4px}.box-value{font-size:10px}}.overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay-box{text-align:center;background:#0a0a0a;border:3px solid #00ff41;flex-direction:column;gap:20px;padding:40px;display:flex;box-shadow:0 0 30px #00ff41}.overlay-content{flex-direction:column;align-items:center;gap:20px;display:flex}.overlay-title{color:#00ff41;text-shadow:0 0 15px #00ff41;letter-spacing:6px;font-size:28px}.overlay-subtitle{color:#ffb800;letter-spacing:4px;font-size:10px}.overlay-score{color:#ffb800;font-size:12px}.overlay-hint{color:#333;font-size:8px;animation:1s infinite blink}.retro-btn{color:#00ff41;cursor:pointer;letter-spacing:2px;background:0 0;border:2px solid #00ff41;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:12px;transition:all .2s}.retro-btn:hover{color:#0a0a0a;background:#00ff41;box-shadow:0 0 15px #00ff41}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.updates-backdrop{z-index:20000;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.updates-modal{background:#0a0a0a;border:1px solid #1e1e1e;flex-direction:column;width:100%;max-width:400px;max-height:80vh;font-family:"Press Start 2P",monospace;display:flex}.updates-header{color:var(--retro-green);border-bottom:1px solid #1e1e1e;justify-content:space-between;align-items:center;padding:16px;font-size:10px;display:flex}.updates-close{color:#555;cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .2s}.updates-close:hover{color:var(--retro-green)}.updates-body{flex-direction:column;gap:12px;padding:16px;display:flex;overflow-y:auto}.updates-card{border:1px solid #1e1e1e;padding:12px}.updates-card--latest{border-color:var(--retro-green)}.updates-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.updates-version{color:#aaa;font-size:10px}.updates-card--latest .updates-version{color:var(--retro-green)}.updates-date{color:#666;font-size:7px}.updates-changes{color:#bbb;flex-direction:column;gap:6px;padding:0;font-size:8px;line-height:2;list-style:none;display:flex}.updates-changes li:before{content:"> ";color:var(--retro-green)}.page-header{z-index:10000;justify-content:center;display:flex;position:fixed;top:8px;left:0;right:0}.updates-btn{color:#333;cursor:pointer;background:0 0;border:none;font-family:"Press Start 2P",monospace;font-size:8px;transition:color .2s}.updates-btn:hover{color:var(--retro-green)}.app-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative}.game-layout{align-items:flex-start;gap:20px;display:flex}.right-panel{flex-direction:column;align-items:center;gap:8px;padding-top:12px;display:flex}.mute-btn{color:#00ff41;cursor:pointer;background:0 0;border:2px solid #00ff4166;padding:8px;font-size:20px;transition:border-color .2s}.mute-btn:hover{border-color:#00ff41;box-shadow:0 0 8px #00ff41}.side-label{color:#333;letter-spacing:1px;font-family:"Press Start 2P",monospace;font-size:6px}.page-footer{color:#555;z-index:10000;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-family:"Press Start 2P",monospace;font-size:12px;display:flex;position:fixed;bottom:8px;left:0;right:0}.page-footer a{color:#555;text-decoration:none;transition:color .2s}.page-footer a:hover{color:var(--retro-green)}@media (width<=599px){.game-layout{transform:scale(calc(100vw / 420px));transform-origin:top;align-items:center;gap:4px}}.page-container{background:var(--retro-dark);padding:40px 24px;position:fixed;inset:0;overflow-y:auto}.page-inner{color:#888;max-width:640px;margin:0 auto;font-family:"Press Start 2P",monospace;font-size:9px;line-height:2}.back-link{color:#444;margin-bottom:32px;font-size:8px;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:var(--retro-green)}.page-title{color:var(--retro-green);margin-bottom:24px;font-size:14px;line-height:1.6}.divider{border:none;border-top:1px solid #1a1a1a;margin:24px 0}section{flex-direction:column;gap:12px;display:flex}.section-title{color:var(--retro-green);margin-bottom:4px;font-size:10px}ul{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}ul li:before{content:"> ";color:var(--retro-green)}.email-link{color:var(--retro-green);text-decoration:none;transition:opacity .2s}.email-link:hover{opacity:.7}.date-text{color:#333;font-size:8px}.retro-reset-btn{border:2px solid var(--retro-green);color:var(--retro-green);cursor:pointer;letter-spacing:.05em;box-shadow:2px 2px 0 var(--retro-green);background:0 0;margin-top:8px;padding:8px 14px;font-family:"Press Start 2P",monospace;font-size:.55rem;transition:none}.retro-reset-btn:hover:not(:disabled){background:var(--retro-green);color:var(--retro-dark);box-shadow:4px 4px #008020}.retro-reset-btn:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.retro-reset-btn:disabled{opacity:.4;cursor:not-allowed;color:#444;border-color:#444;box-shadow:2px 2px #222}