*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;touch-action:none}body{background-color:#111;background-image:radial-gradient(circle at center,#2a2a2a,#000);font-family:Cinzel,serif;color:#fff;height:100vh;overflow:hidden;position:relative}#game-container{position:absolute;background:url(/lightning-words/bg.png);background-size:cover;border:4px solid #b8860b;border-radius:10px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 20px #b8860b80;overflow:hidden;transform-origin:center center}#game-title{text-align:center;margin-top:15px;text-shadow:2px 2px 5px #000}#game-title h1{font-size:32px;color:gold;text-transform:uppercase}#game-title p{font-size:14px;color:#ccc;font-family:sans-serif}#header{width:100%;display:flex;justify-content:space-between;padding:15px 20px;font-size:24px;font-weight:700;color:gold;text-shadow:0 0 5px #b8860b;border-bottom:2px solid #b8860b;background:#00000080}.tutorial-btn{background:linear-gradient(to bottom,#7f8c8d,#2c3e50);border:2px solid #1a252f;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:0 2px 4px #00000080;font-family:sans-serif;margin:0 10px}.tutorial-btn:active{transform:scale(.95)}@keyframes scoreFlash{0%{transform:scale(1);color:gold;text-shadow:0 0 5px #b8860b}50%{transform:scale(1.5);color:#fff;text-shadow:0 0 20px #fff,0 0 30px #f1c40f}to{transform:scale(1);color:gold;text-shadow:0 0 5px #b8860b}}.score-flash{animation:scoreFlash .5s ease-out}#board-container{width:400px;height:400px;margin-top:20px;position:relative}.tile{background:radial-gradient(circle at center,#7f8c8d,#34495e,#2c3e50);border:2px solid #1a252f;border-radius:5px;box-shadow:inset 0 0 15px #000c,3px 3px 6px #0009;display:flex;justify-content:center;align-items:center;font-size:36px;font-weight:700;color:transparent;text-shadow:none;cursor:grab;position:absolute;width:60px;height:60px;transition:transform .1s,color 5s ease-out,background 5s ease-out,text-shadow 5s ease-out;z-index:10}.tile.revealed{color:#f1c40f;text-shadow:0 0 10px #f39c12;background:linear-gradient(135deg,#bdc3c7,#95a5a6);transition:transform .1s,color .1s,background .1s,text-shadow .1s}.tile.dragging{opacity:.9;z-index:100;cursor:grabbing;box-shadow:5px 5px 15px #000000e6;transform:scale(1.1);transition:none}#tray-container{width:400px;height:80px;margin-top:30px;background:#0006;border:2px dashed #b8860b;border-radius:10px;position:relative;display:flex;justify-content:center;align-items:center;gap:5px}.tray-slot{width:60px;height:60px;border:1px solid rgba(184,134,11,.3);border-radius:5px;background:#0003}#controls{margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:15px;width:90%}#lightning-button-wrapper{width:90%;margin-top:10px;display:flex}.controls-row{display:flex;gap:10px;width:100%}.greek-btn{flex:1;padding:10px;font-family:Cinzel,serif;font-size:20px;font-weight:700;color:#ecf0f1;background:linear-gradient(to bottom,#7f8c8d,#2c3e50);border:2px solid #1a252f;border-radius:5px;cursor:pointer;text-shadow:1px 1px 2px #000;box-shadow:inset 0 0 10px #00000080,0 4px 6px #0009;transition:all .2s}.greek-btn:active{transform:translateY(2px);box-shadow:0 1px 2px #00000080}.greek-btn:disabled{filter:grayscale(100%);cursor:not-allowed;opacity:.5}#btn-lightning{font-size:24px}#flash-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;pointer-events:none;z-index:999;transition:opacity .1s}.flash-active{opacity:1!important;transition:opacity .05s!important}.hidden{display:none!important}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background:#ffffffe6;padding:40px;border-radius:30px;text-align:center;border:2px solid white;box-shadow:0 20px 40px #0000004d;max-width:90%;width:400px;color:#333;font-family:sans-serif}.modal-btns{display:flex;flex-direction:column;gap:15px;margin-top:20px}.modal-btn{padding:12px;border:none;border-radius:15px;font-size:1.1rem;font-weight:600;cursor:pointer}.btn-install{background:#4caf50;color:#fff}.btn-share{background:#2196f3;color:#fff}.btn-binge{background:#9c27b0;color:#fff}.btn-hub{background:#333;color:#fff}
