:root{--bg:#100d2d;--glass:rgba(113,82,194,.14);--glass-strong:rgba(255,74,185,.2);--line:rgba(184,164,255,.32);--text:#fbf8ff;--muted:#b4add3;--cyan:#57fff0;--violet:#d39bff;--win:#d7ff65}
body{background:radial-gradient(circle at 12% 8%,#ff40aa 0,transparent 22%),radial-gradient(circle at 88% 82%,#2e7dff 0,transparent 28%),linear-gradient(135deg,#100d2d,#171044 50%,#071b3c)}body:before{background:#ff36b6}body:after{background:#28d9ff}.logo span:first-child,.kicker,.player-score{color:#57fff0;text-shadow:0 0 14px #57fff0}.dim,.muted{color:#ff75ca}.intro h1{text-shadow:3px 3px 0 #ff39a8,0 0 28px #b995ff88}.mode.active{background:linear-gradient(90deg,#57fff0,#c8ff70);box-shadow:0 0 25px #57fff099}.mode:hover:not(.active){color:#ff8bda}.cell{border-color:#b895ff33;background:linear-gradient(145deg,#ffffff12,#ff5cc008)}.cell:hover:not(:disabled){border-color:#ff5cc0;background:#ff5cc01c;box-shadow:0 0 22px #ff5cc055,inset 0 1px #fff4}.cell.x{color:#57fff0;text-shadow:0 0 20px #57fff0}.cell.o{color:#ff71cf;text-shadow:0 0 20px #ff71cf}.cell.win{background:linear-gradient(135deg,#d7ff65,#57fff0);box-shadow:0 0 15px #d7ff65,0 0 45px #ff54c099}.side-panel{background:linear-gradient(140deg,#ffffff20,#bd80ff0b);border-color:#b895ff55}.primary{border-color:#ff68c9;color:#ff8bd7;box-shadow:0 0 16px #ff68c933}.primary:hover{background:#ff68c9;color:#170d31;box-shadow:0 0 28px #ff68c999}.ghost:hover,.player-selectors select:focus{border-color:#ff68c9;box-shadow:0 0 18px #ff68c955}.turn i,.online i{background:#ff68c9;box-shadow:0 0 14px #ff68c9}.player-selectors select{border-radius:4px;border-color:#b895ff55;background-color:#171044}.signup-row:focus-within{border-color:#57fff0;box-shadow:0 0 20px #57fff033}.signup-row button{color:#ff71cf}footer b{color:#ff71cf}