/* Extracted Style 1 */
body{background:#2c3e50;background:url('candy.jpg') no-repeat center center fixed;background-size:cover;color:#ecf0f1;font-family:'Roboto Mono',monospace;height:100dvh;margin:0;overflow:hidden;user-select:none;-webkit-user-select:none;position:relative;}body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);z-index:-1;}.layout{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;width:100%;max-width:600px;filter:blur(5px);transition:filter 0.5s;box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:50px;padding-bottom:10px;margin:0 auto;}.control-bar{width:96%;display:flex;justify-content:flex-end;align-items:center;margin-bottom:2px;flex-shrink:0;}.restart-btn-small{background:#c0392b;color:#fff;border:1px solid #e74c3c;padding:4px 10px;font-family:'Roboto Mono',monospace;font-size:0.75rem;border-radius:4px;cursor:pointer;text-transform:uppercase;box-shadow:0 2px 5px rgba(0,0,0,0.5);margin-left:8px;}.hint-btn{background:#2980b9;border:1px solid #3498db;}.hud{width:96%;display:flex;justify-content:space-between;padding:4px 5px;background:rgba(34,34,34,0.95);border-radius:6px;margin-bottom:5px;border:1px solid #444;box-shadow:0 4px 15px rgba(0,0,0,0.6);box-sizing:border-box;flex-shrink:0;}.stat-group{text-align:center;flex:1;}.stat-label{font-size:0.55rem;color:#bbb;letter-spacing:1px;margin-bottom:0px;}.stat-val{font-size:0.85rem;font-weight:bold;color:#fff;line-height:1.1;}.stat-val.danger{color:#e74c3c;animation:pulse 0.5s infinite;}@keyframes pulse{0%{opacity:1}50%{opacity:0.3}100%{opacity:1}}.board-container{width:96vw;height:auto;max-width:550px;background:rgba(0,0,0,0.85);padding:4px;border-radius:6px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;position:relative;border:2px solid #444;box-sizing:border-box;transition:all 0.3s ease;flex-shrink:0;}.cell{aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;font-size:24px;background:#1a1a1a;border-radius:3px;transition:transform 0.1s,background 0.2s,box-shadow 0.2s;position:relative;z-index:1;cursor:pointer;}.cell.queue{background:#0d0d0d;border:1px dashed #333;opacity:0.7;}.stone{background:#3a3a3a !important;position:relative;}.stone::after{content:'';position:absolute;width:60%;height:60%;background:#222;border:2px solid #555;}.line{position:absolute;left:0;width:100%;height:2px;background:#c0392b;z-index:10;pointer-events:none;box-shadow:0 0 10px #c0392b;transition:top 0.3s ease;}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.92);display:flex;justify-content:flex-start;align-items:center;z-index:100;flex-direction:column;backdrop-filter:blur(8px);padding-top:5vh;overflow-y:auto;}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);display:none;justify-content:center;align-items:center;z-index:200;backdrop-filter:blur(4px);}.confirm-box{background:#2c3e50;padding:30px;border-radius:12px;border:2px solid #fff;text-align:center;box-shadow:0 0 30px rgba(0,0,0,0.8);width:80%;max-width:350px;}.confirm-box h2{margin-top:0;font-size:1.2rem;color:#fff;margin-bottom:25px;}.confirm-actions{display:flex;justify-content:space-around;gap:10px;}.confirm-btn{padding:10px 20px;border:none;border-radius:5px;font-family:inherit;font-weight:bold;cursor:pointer;font-size:1rem;}.btn-yes{background:#e74c3c;color:white;}.btn-no{background:#7f8c8d;color:white;}.btn-ok{background:#27ae60;color:white;width:100%;}.title-box{text-align:center;margin-bottom:20px;}.title-box h1{color:#fff;margin:0 0 5px 0;font-size:2.5rem;letter-spacing:2px;}.title-box p{color:#888;margin:0;font-size:0.9rem;}.input-group{margin-bottom:20px;text-align:center;}.name-input{background:transparent;border:none;border-bottom:2px solid #27ae60;color:#fff;font-family:inherit;font-size:1.5rem;text-align:center;width:250px;padding:5px;outline:none;}.name-input::placeholder{color:#555;}.start-btn{background:#27ae60;color:white;padding:15px 40px;border:none;font-size:1.2rem;font-family:inherit;border-radius:50px;cursor:pointer;box-shadow:0 0 20px rgba(39,174,96,0.4);transition:transform 0.1s;margin-bottom:30px;}.start-btn:active{transform:scale(0.95);}.resume-btn{background:#f39c12;color:white;box-shadow:0 0 20px rgba(243,156,18,0.4);display:none;}.leaderboard{width:90%;max-width:400px;background:rgba(255,255,255,0.05);border-radius:10px;padding:15px;border:1px solid #444;min-height:200px;}.lb-header{display:flex;justify-content:space-between;border-bottom:1px solid #555;padding-bottom:5px;margin-bottom:10px;color:#aaa;font-size:0.8rem;}.lb-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.95rem;}.lb-row:nth-child(1){color:#f1c40f;font-weight:bold;}.lb-row:nth-child(2){color:#bdc3c7;}.lb-row:nth-child(3){color:#cd7f32;}#gameOverSummary{display:none;text-align:center;margin-bottom:20px;}.floating-text{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) scale(0.5);pointer-events:none;z-index:300;white-space:nowrap;font-weight:bold;opacity:0;text-align:center;text-shadow:2px 2px 0px rgba(0,0,0,1);animation:floatUp 1.2s forwards cubic-bezier(0.175,0.885,0.32,1.275);max-width:90vw;}@keyframes floatUp{0%{transform:translate(-50%,-50%) scale(0.5);opacity:0;}20%{transform:translate(-50%,-50%) scale(1.1);opacity:1;}80%{opacity:1;}100%{transform:translate(-50%,-150%) scale(1.0);opacity:0;}}.ft-bonus{font-size:1.4rem;color:#ff007f;border:2px solid #fff;padding:3px 8px;border-radius:8px;background:rgba(0,0,0,0.5);}.ft-super{font-size:1.8rem;color:#00ffff;text-shadow:0 0 8px #00ffff,2px 2px 0 #000;border-bottom:2px solid #fff;}.ft-mega{font-size:2.0rem;color:#ffd700;border:3px solid #fff;text-shadow:0 0 10px #e67e22,2px 2px 0 #000;background:rgba(0,0,0,0.6);}.ft-info{font-size:1.2rem;color:#ccff00;}.ft-danger{font-size:1.3rem;color:#e74c3c;-webkit-text-stroke:0.5px white;}.ft-normal{font-size:1rem;color:#fff;}@media(min-width:600px){.ft-bonus{font-size:2.2rem;padding:5px 15px;border-radius:10px;}.ft-super{font-size:2.8rem;text-shadow:0 0 10px #00ffff,3px 3px 0 #000;border-bottom:4px solid #fff;}.ft-mega{font-size:3.5rem;border:5px solid #fff;}.ft-info{font-size:1.8rem;}.ft-danger{font-size:2rem;-webkit-text-stroke:1px white;}.ft-normal{font-size:1.5rem;}}@media(min-width:500px){.cell{font-size:30px;}}@media(min-width:1024px){.layout{max-width:none;height:100vh;justify-content:center;padding-bottom:0;padding-top:0;overflow-y:hidden;}.board-container{height:85vh;max-width:none;border-width:4px;gap:4px;}.hud{margin-bottom:15px;padding:10px 20px;}.control-bar{justify-content:flex-end;margin-bottom:5px;}.cell{font-size:4vh;border-radius:6px;}.stat-label{font-size:0.8rem;}.stat-val{font-size:1.3rem;}.restart-btn-small{font-size:1rem;padding:6px 18px;}}