body{margin:0;font-family:Segoe UI,sans-serif;background:linear-gradient(to right,#0f2027,#203a43,#0f2027);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:10px;text-align:center;flex-direction:column}.game-header{text-align:center;margin-bottom:1rem}.game-title{font-size:2.2rem;color:#fc0;text-shadow:2px 2px 4px #000;font-family:"Press Start 2P",cursive;margin-bottom:.5rem}.game-diffi{color:#fc0;font-size:1rem}.header-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;flex-wrap:wrap;color:#fc0}.restart-icon{font-size:1.8rem;cursor:pointer;transition:transform .4s ease}.spin-once{transform:rotate(360deg)}.scoreboard{text-align:left;gap:1.5rem;position:relative}.scoreboard p{margin:0;font-size:1.2rem;font-weight:700;color:#fc0}.you{color:red!important}.full-board{display:flex;justify-content:center;margin-top:.5rem;flex-wrap:wrap}.board{background-color:#004d99;padding:10px;border-radius:20px;box-shadow:0 10px 30px #00000080;display:inline-block}.turn{font-size:.8rem;color:gold;margin-left:5px;position:absolute}.row{display:flex;justify-content:center}.cell{width:55px;height:55px;margin:4px;background-color:#f0f0f0;border-radius:50%;box-shadow:inset 0 0 10px #0003;transition:transform .2s;cursor:pointer;border:1px solid gainsboro}.cell:hover{transform:scale(1.05)}.cell.red{background-color:#fc2525}select{padding:6px;border-radius:5px;border:none;font-size:1rem}.sad-emoji{text-align:center;font-size:2rem;margin-top:1rem;color:#f66}.winning-cell{outline:3px solid black;box-shadow:0 0 10px gray;border-radius:50%}@media (max-width: 1024px){.full-board .board{max-width:500px!important}.cell{width:50px;height:50px;margin:3px}.game-title{font-size:1.8rem}.scoreboard p{font-size:1rem}}@media (max-width: 768px){.full-board .board{max-width:500px!important}.cell{width:45px;height:45px;margin:3px}.game-title{font-size:1rem}.scoreboard p{font-size:.95rem;text-align:left}select{font-size:.9rem}.restart-icon{font-size:1.5rem}.header-controls{gap:.5rem}}@media (max-width: 600px){.board{max-width:500px}}@media (max-width: 480px){.cell{width:38px;height:38px}.game-title{font-size:1.3rem}.scoreboard p{font-size:.85rem}.restart-icon{font-size:1.3rem}.sad-emoji{font-size:1.6rem}}*{margin:0;padding:0}.tutorial-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;text-align:left}.tutorial-container{background-color:#fff;max-width:700px;max-height:80vh;overflow-y:auto;border-radius:8px;padding:1.5rem 2rem;box-shadow:0 0 10px #00000040;position:relative;font-family:Arial,sans-serif;line-height:1.6;color:#222}.tutorial-close-btn{position:absolute;top:10px;right:10px;font-size:1.8rem;border:none;background:none;cursor:pointer;color:#555;transition:color .3s ease}.tutorial-close-btn:hover{color:#000}.tutorial-container h1{text-align:center;margin-bottom:1rem;font-weight:700;font-size:1.8rem;color:#333}.tutorial-container h2{margin-top:1.5rem;margin-bottom:.5rem;font-weight:600;color:#444}.tutorial-container p,.tutorial-container ul,.tutorial-container ol{margin-bottom:1rem}.tutorial-container ul,.tutorial-container ol{padding-left:1.2rem}.tutorial-container ul li,.tutorial-container ol li{margin-bottom:.3rem}.tutorial-container strong{color:#222}.italic{font-style:italic;font-weight:600;color:gray}.fb{color:#000;cursor:pointer;padding-left:.3rem}.mail,.fb:hover,.mail:hover{color:#000}.linked{font-size:small;margin:0!important;padding:0!important;color:gray}.linked a{color:gray}.logo{width:80px;text-align:left;cursor:pointer}.navs{padding-left:.5rem}.menu{font-size:3rem;display:none}ul li a,.btn{color:#fc0;text-decoration:none}ul li a:hover,ul li .btn:hover{text-decoration:underline}ul li{text-align:left}.app-left{border-right:1px solid #ffcc00;padding-right:1rem;flex:1 1 200px;min-width:200px}.home{cursor:pointer}.btn,.about{border:"none";cursor:"pointer";padding:0;font-size:"1rem";margin-top:1rem}@media (max-width: 768px){.navs{display:none}aside{padding-left:1rem;align-items:center;display:flex;justify-content:space-between}.menu{display:block}}.App{font-family:Segoe UI,sans-serif;margin:0;padding:0;min-height:100vh;background:#0f2027;color:#fff;display:flex;flex-direction:column;align-items:center}.app-container{display:flex;width:100%;max-width:1200px;padding:20px;gap:2.5rem;box-sizing:border-box}.app-left{flex:1;padding:20px;border-radius:12px;background:#ffffff0d;box-shadow:0 0 8px #00000080}.app-right{flex:2;padding:20px;border-radius:12px;background:#ffffff0d;box-shadow:0 0 8px #00000080}h1,.game-title{font-size:2rem;margin:0 0 1rem}.btn{color:#fc0;cursor:pointer}.btn:hover{text-decoration:underline}.full-board{margin-top:1rem}@media (max-width: 1024px){.app-container{flex-direction:column;gap:30px;padding:20px 30px}.app-left,.app-right{width:100%}.game-title{text-align:center;font-size:1.5rem}}@media (max-width: 600px){.App{padding:10px}.app-container{padding:10px;gap:15px}.app-left,.app-right{padding:15px}h1,.game-title{font-size:1.2rem}}@media (max-width: 400px){h1,.game-title{font-size:1rem}}.about-container{padding:2rem;font-family:"Press Start 2P",cursive;color:#fc0;background-color:#0a1b2a;min-height:100vh;text-align:center}.about-container a{display:inline-block;margin-bottom:2rem;color:#0ff;text-decoration:none;font-size:1rem;transition:color .3s}.about-container a:hover{color:#f44}.about-container h1{font-size:1.5rem;margin-bottom:1.5rem}.about-container p{max-width:800px;margin:0 auto;line-height:1.8;font-size:.8rem}@media (max-width: 768px){.about-container h1{font-size:1.2rem}.about-container p{font-size:.7rem;padding:0 1rem}}@media (max-width: 480px){.about-container{padding:1rem}.about-container a{font-size:.8rem}.about-container h1{font-size:1rem}}.invite-title{font-size:1rem;color:#fc0;text-shadow:2px 2px 4px #000;font-family:"Press Start 2P",cursive;margin:0rem}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:4px;margin:20px;max-width:620px}.restart-spinner{color:#fc0;font-size:1-5rem;cursor:pointer}.restart-spinner:hover{color:#f44336}.scoreboard{display:flex;align-items:center;justify-content:space-between;margin:20px}.row{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cell{width:50px;height:50px;background-color:#f0f0f0;border-radius:50%;border:2px solid #ccc;cursor:pointer;transition:transform .2s ease}.cell.red{background-color:red}.cell.blue{background-color:#fc0}.cell.highlight{border:3px solid gold;box-shadow:0 0 10px gold}.sad-emoji{text-align:center;font-size:2rem;color:#f44336;margin:20px}.scoreboard{text-align:left;font-size:1rem;margin-top:10px}.room-share{text-align:left;overflow:hidden}.room-share input{padding:8px;font-size:.9rem;outline:none}.back-button{display:inline-block;margin:10px;text-decoration:none;font-family:"Press Start 2P",cursive;color:#fc0}.back-to-home{text-align:left!important;font-size:xx-small}.back-button:hover{text-decoration:underline}.room-share{text-align:center}.copy-link{color:#fc0;font-weight:400;font-size:small}.turn{color:gold;margin-left:5px;font-size:.8rem}@media (max-width: 600px){.cell{width:35px;height:35px}.board{max-width:300px}.scoreboard{font-size:1rem}}