:root{--p1-color:#64ffda;--p2-color:#f57dff;--bg-color:#0a192f;--hex-bg:#1e293b}body,html{background-color:var(--bg-color);color:#fff;margin:0;padding:0;font-family:Inter,sans-serif}.canvas{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.header{z-index:100;text-align:center;position:absolute;top:30px}.header h2{text-transform:uppercase;letter-spacing:2px;background:#0a192fe6;border:1px solid #ffffff1a;border-radius:12px;margin:0;padding:10px 30px;font-size:2.2rem}.score-board{background:#0000004d;border-radius:20px;margin-top:10px;padding:5px 20px;font-size:1.5rem;font-weight:700}.text-p1{color:var(--p1-color);text-shadow:0 0 10px var(--p1-color)}.text-p2{color:var(--p2-color);text-shadow:0 0 10px var(--p2-color)}.grid-container{width:0;height:0;position:relative}.grid-container.game-over{opacity:.5;pointer-events:none}.hexagon-wrapper{width:calc(var(--size) * 1.732);height:calc(var(--size) * 2);justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.hexagon-visual{background-color:var(--hex-bg);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);cursor:pointer;justify-content:center;align-items:center;width:95%;height:95%;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.p1{background-color:var(--p1-color)}.p2{background-color:var(--p2-color)}.core-circle-black{z-index:10;background-color:#000;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #00000080}.locked{cursor:not-allowed!important}.locked:hover{transform:none!important}.selected{z-index:50;transform:scale(1.15);box-shadow:0 0 20px #fff;background-color:#fff!important}.hint-mitosis{background-color:#ffffff0d;border:1px dashed #fff3}.hint-jump{background-color:#ffffff1a;border:2px dashed #fff6;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes zoomIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.reset-btn{color:var(--bg-color);cursor:pointer;text-transform:uppercase;background:#fff;border:none;border-radius:8px;padding:12px 25px;font-weight:700}