@font-face{font-family:Orbitron-Bold;src:url(/assets/Orbitron-Bold-BA3qQ7VI.ttf) format("truetype");font-weight:700;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;background:#000428;background:linear-gradient(to bottom,#000428,#004e92);min-height:100vh;display:flex;justify-content:center;align-items:center;color:#fff;position:relative;overflow:hidden}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,white,transparent),radial-gradient(1px 1px at 50px 50px,white,transparent),radial-gradient(1px 1px at 80px 10px,white,transparent),radial-gradient(2px 2px at 130px 80px,white,transparent),radial-gradient(1px 1px at 110px 120px,white,transparent);background-repeat:repeat;background-size:200px 200px;animation:stars 120s linear infinite;opacity:.5}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.tetron-title{font-family:Orbitron-Bold,sans-serif}.game-container{display:flex;gap:30px;background:#0000004d;padding:30px;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.game-info{display:flex;flex-direction:column;gap:20px;min-width:200px}.game-info h1{font-size:2.5em;text-align:center;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.score-container{background:#ffffff1a;padding:15px;border-radius:10px;font-size:1.2em;line-height:1.6}.controls{background:#ffffff1a;padding:15px;border-radius:10px;font-size:.9em;line-height:1.4}.controls p{margin-bottom:5px}button{padding:12px 24px;font-size:1.1em;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;border:1px solid rgba(100,200,255,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:700;box-shadow:0 4px 15px #0000004d}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}button:active{transform:translateY(0)}.game-board{position:relative}canvas{border:3px solid rgba(255,255,255,.3);border-radius:5px;background:#00000080}#gameCanvas{box-shadow:0 0 20px #00000080}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:30px;border-radius:10px;text-align:center;z-index:10}.game-over h2{color:#ff6b6b;margin-bottom:10px}.hidden{display:none}.next-piece{display:flex;flex-direction:column;align-items:center;gap:10px}.next-piece h3{font-size:1.2em;color:gold}#nextCanvas{border:2px solid rgba(255,255,255,.2)}.back-button{background:#000428;border:1px solid #2a5298}.back-button img{filter:brightness(.9) invert(.3) sepia(1) hue-rotate(166deg)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;justify-content:center;align-items:center;z-index:1000}.modal:not(.hidden){display:flex}.modal-content{background:linear-gradient(135deg,#1e3c72,#2a5298);border:2px solid rgba(100,200,255,.3);border-radius:15px;padding:0;min-width:400px;box-shadow:0 8px 32px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.2)}.modal-header h2{margin:0;color:gold;font-size:1.5em}.close-btn{background:none;border:none;color:#fff;font-size:2em;cursor:pointer;padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;transition:color .3s ease}.close-btn:hover{color:#ff6b6b}.modal-body{padding:20px}.key-binding-list{display:flex;flex-direction:column;gap:15px}.key-binding-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff1a;border-radius:8px}.key-binding-item label{color:#fff;font-weight:700}.key-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700;min-width:100px;text-align:center;transition:all .3s ease}.key-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.key-btn.capturing{background:#ff6b6b80;border-color:#ff6b6b;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.key-binding-hint{margin-top:20px;color:#ffffffb3;font-style:italic;text-align:center}.das-settings{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.das-settings h3{color:gold;margin-bottom:15px;font-size:1.2em}.das-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px;background:#ffffff1a;border-radius:8px}.das-item label{color:#fff;font-weight:700}.das-item input[type=number]{width:80px;padding:5px 10px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#fff;font-weight:700;text-align:center}.das-item input[type=number]:focus{outline:none;border-color:#ffd70080;box-shadow:0 0 5px #ffd7004d}