*{box-sizing:border-box}body{margin:0;background:#07130e;color:#eef7f1;font-family:Arial,sans-serif;background-image:radial-gradient(circle at 50% 0,#173b29 0,transparent 45%)}button,input,select{font:inherit}header{height:64px;background:#0b2016;border-bottom:1px solid #2b6547;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:22px}header b{color:#66dc8f}.panel{max-width:650px;margin:7vh auto;background:#10271b;border:1px solid #32684b;border-radius:18px;padding:28px;box-shadow:0 20px 60px #0008}.menu{text-align:center}.menu h1{font-size:48px;margin:0;color:#7be69d}.sub{color:#a9c7b4}label{display:block;text-align:left;margin:15px 0;color:#b9d4c2}input,select{width:100%;padding:12px;background:#07140e;color:white;border:1px solid #376a4d;border-radius:8px;margin-top:6px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tabs{display:flex;gap:8px;margin:20px 0}.tabs button,.primary,#tools button{border:1px solid #397451;background:#153623;color:white;padding:11px;border-radius:8px;cursor:pointer}.tabs button{flex:1}.tabs .active,.primary{background:#2f9b5c}.primary{width:100%;font-weight:bold}.code{font-size:24px;background:#07140e;padding:15px;border-radius:10px;text-align:center}.players{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.player{background:#183c29;padding:10px 14px;border-radius:8px}.topbar{height:60px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;text-align:center;background:#10271b;border-bottom:1px solid #376a4d}.topbar #word{font-size:26px;letter-spacing:5px}.topbar #timer{font-size:25px;font-weight:bold}.layout{display:grid;grid-template-columns:190px minmax(450px,900px) 260px;gap:12px;max-width:1400px;margin:14px auto;padding:0 12px}.layout aside,.board{background:#10271b;border:1px solid #315f46;border-radius:12px;padding:12px}.score{padding:10px;border-bottom:1px solid #294b39}.score.me{color:#77e49b}.board{position:relative}.board canvas{display:block;width:100%;height:auto;background:#fff;border-radius:7px;touch-action:none}.board.locked canvas{cursor:not-allowed}.board:not(.locked) canvas{cursor:crosshair}#tools{display:flex;gap:6px;margin-bottom:9px;align-items:center}#tools input{width:44px;padding:2px;margin:0;height:38px}#tools button.sel{outline:2px solid #75e399}.chat{display:flex;flex-direction:column;height:650px}#messages{flex:1;overflow:auto;background:#09170f;border-radius:7px;padding:8px}.msg{padding:5px 2px;font-size:14px}.system{color:#7be69d}.correct{color:#ffd76a;font-weight:bold}#chatForm{display:flex;margin-top:8px}#chatForm input{margin:0}#chatForm button{width:45px;background:#2f9b5c;color:white;border:0}.choice{position:fixed;z-index:5;left:50%;top:25%;transform:translateX(-50%);background:#10271b;border:2px solid #61d58a;padding:25px;border-radius:15px;text-align:center;box-shadow:0 10px 60px #000}.choice button{margin:6px;padding:14px 22px;background:#2c8d55;color:white;border:0;border-radius:8px}.choice button:disabled{opacity:.45}.choice h3{margin-top:0}#status{text-align:center;padding-top:8px;color:#a8cbb4}#finalScores .score{font-size:20px}.winner{font-size:28px;color:#ffd76a}@media(max-width:900px){.layout{grid-template-columns:1fr}.layout aside{order:2}.board{order:1}.chat{order:3;height:300px}}