*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);min-height:100vh;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#fff}.game-container{display:flex;align-items:flex-start;justify-content:center;gap:20px;padding:20px}.start-screen{text-align:center;color:#fff}.start-screen h1{font-size:64px;font-weight:700;background:linear-gradient(180deg,#00f5ff,#b000ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(176,0,255,.5);margin-bottom:30px;letter-spacing:8px}.start-screen p{font-size:18px;color:#aaa;animation:pulse 2s infinite}.controls-info{margin-top:40px;text-align:left;display:inline-block}.controls-info p{font-size:14px;color:#888;margin:8px 0;animation:none}.controls-info span{display:inline-block;background:#333;padding:4px 10px;border-radius:4px;margin-right:10px;font-family:monospace;color:#00f5ff;min-width:60px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.side-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.side-panel h3{font-size:12px;color:#888;letter-spacing:2px;margin-bottom:10px;text-align:center}.hold-panel{width:120px}.info-panel{width:140px;display:flex;flex-direction:column;gap:15px}.info-section{text-align:center}.info-value{font-size:24px;font-weight:700;color:#00f5ff;text-shadow:0 0 10px rgba(0,245,255,.5)}.board-wrapper{position:relative}.board{display:grid;background:#0a0a15;border:3px solid #333;border-radius:4px;box-shadow:0 0 30px #000c,inset 0 0 60px #00000080}.cell{width:28px;height:28px;border:1px solid rgba(255,255,255,.05)}.cell.empty{background:transparent}.cell.filled,.cell.ghost{border-radius:3px}.preview-box{display:flex;justify-content:center;align-items:center;min-height:80px;background:#0000004d;border-radius:8px;padding:10px}.preview-grid{display:grid;gap:1px}.preview-cell{width:18px;height:18px;border-radius:2px}.preview-cell.empty{background:transparent}.overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-content{text-align:center}.overlay-content h2{font-size:36px;margin-bottom:20px;letter-spacing:4px}.overlay-content p{color:#aaa;margin:10px 0}.overlay-content.game-over h2{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.5)}.overlay-content button{margin-top:20px;padding:12px 30px;font-size:16px;background:linear-gradient(135deg,#00f5ff,#b000ff);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:2px;transition:transform .2s,box-shadow .2s}.overlay-content button:hover{transform:scale(1.05);box-shadow:0 0 20px #b000ff80}@media(max-width:600px){.game-container{flex-direction:column;align-items:center;gap:15px;padding:10px}.side-panel{width:100%;max-width:300px}.hold-panel{order:1}.board-wrapper{order:2}.info-panel{order:3;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.info-section{flex:1;min-width:60px}.info-value{font-size:18px}.cell{width:15px;height:15px}.board{border-width:2px}.preview-cell{width:12px;height:12px}}