:root{font-family:Arial,"Segoe UI",sans-serif;color:#27263a;background:#f5f6ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 10%,#e5eaff 0,transparent 33%),radial-gradient(ellipse at 90% 75%,#ffe9ee 0,transparent 32%),#f7f8ff}.page{width:min(100% - 32px,680px);min-height:100vh;margin:auto;display:flex;flex-direction:column}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;color:#37364c;text-decoration:none;font-size:12px;font-weight:750}.brand-mark{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#6965d9;color:#fff;font-size:17px}.online{display:flex;align-items:center;gap:7px;color:#838298;font-size:10px}.online i{width:7px;height:7px;border-radius:50%;background:#5cc69a;box-shadow:0 0 0 3px #e3f8ef}.hero{text-align:center;padding:32px 0 18px}.eyebrow{color:#7772b2;font-size:10px;font-weight:700;letter-spacing:.07em}.eyebrow span{color:#f0ad55;margin-left:5px}.hero h1{margin:9px 0 6px;font-size:clamp(35px,7vw,49px);line-height:1.1;letter-spacing:-.05em}.hero p{margin:0;color:#878599;font-size:13px}.game-card{width:min(100%,440px);margin:12px auto 36px;padding:22px 24px 20px;border:1px solid #ebeaf2;border-radius:23px;background:#fff;box-shadow:0 18px 50px #37356112}.game-top{display:flex;align-items:center;justify-content:space-between}.mode-control{display:flex;align-items:center;gap:9px}.mode-control label{color:#8c899a;font-size:10px}.mode-control select{padding:7px 9px;border:1px solid #e8e7ef;border-radius:9px;background:#fafaff;color:#48465c;font:inherit;font-size:10px;outline-color:#8b85e8}.turn{padding:8px 11px;border-radius:10px;background:#f2f1ff;color:#6963c6;font-size:10px;font-weight:750}.scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:20px 0 15px}.score{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 5px;border:1px solid #f0eff5;border-radius:12px;background:#fcfcff;color:#9996a3;font-size:9px}.score strong{color:#3e3d50;font-size:16px}.score-symbol{font-size:14px;font-weight:900}.x-score .score-symbol{color:#6a68df}.o-score .score-symbol{color:#f19d76}.draws{justify-content:center}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:10px;border:2px solid #d8d5eb;border-radius:19px;background:#eeedf7;direction:ltr;box-shadow:inset 0 1px 2px #35305a0d}.cell{aspect-ratio:1;border:2px solid #d6d3e6;border-radius:13px;background:#f9f8ff;color:#625bd0;font-family:inherit;font-size:clamp(40px,12vw,65px);font-weight:750;line-height:1;cursor:pointer;box-shadow:0 2px 3px #302a4a0c;transition:background .15s,border-color .15s,transform .15s}.cell:hover:empty{background:#e8e6ff;border-color:#9992da;transform:translateY(-1px)}.cell:disabled{cursor:default}.cell.o{color:#e78058}.cell.win{background:#dff7eb;border-color:#59b989;animation:pop .35s ease}.result{margin:12px 0 0;text-align:center;color:#5d5abb;font-size:12px;font-weight:750}.reset{width:100%;height:43px;margin-top:17px;border:0;border-radius:11px;background:#6965d9;color:#fff;font:inherit;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 6px 14px #6965d932;transition:background .15s}.reset:hover{background:#5854c7}.reset span{margin-left:7px;font-size:17px;vertical-align:-2px}.hidden{display:none!important}footer{margin-top:auto;display:flex;justify-content:space-between;padding:16px 1px 19px;color:#aaa8b6;font-size:9px}footer a{color:#8580cb;text-decoration:none}@keyframes pop{50%{transform:scale(1.07)}}@media(max-width:480px){.page{width:min(100% - 24px,440px)}.hero{padding-top:23px}.game-card{padding:18px 16px}.cell{border-radius:12px}.mode-control{gap:6px}.mode-control label{font-size:9px}}