@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html{height:100%;box-sizing:border-box}body{background:linear-gradient(135deg,#f7f7f7,#e0c3fc 40%,#8ec5fc);min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;width:100vw;margin:0;overflow-x:hidden;font-family:Inter,Segoe UI,Arial,Helvetica Neue,sans-serif;font-size:18px;line-height:1.6;letter-spacing:.01em}#root{min-height:100vh;min-height:100dvh;height:auto;display:flex;flex-direction:column;justify-content:center}.App{max-width:980px;width:100%;margin:40px auto;background:#ffffffeb;border-radius:18px;box-shadow:0 8px 32px #1f26871a;padding:32px 32px 18px;text-align:center;border:4px solid #22223b;position:relative;overflow:hidden;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Inter,Segoe UI,Arial,Helvetica Neue,sans-serif;font-weight:800;letter-spacing:.04em;margin-top:.5em;margin-bottom:.5em;color:#22223b}h1{font-size:2.4rem;margin-bottom:.7em}h2{font-size:1.7rem;margin-bottom:.5em}h3{font-size:1.2rem;margin-bottom:.4em}p,span,button,label,input,select{font-family:Inter,Segoe UI,Arial,Helvetica Neue,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.01em}button{background:#f4d35e;color:#22223b;border:2.5px solid #22223b;border-radius:18px;padding:11px 28px;font-size:1.08rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;margin:12px 8px;cursor:pointer;box-shadow:0 2px 8px #457b9d33;transition:background .2s,transform .1s,box-shadow .2s;font-family:Segoe UI,Arial,sans-serif}button:hover{background:#43aa8b;color:#fff;box-shadow:0 4px 16px #43aa8b55}.winner,.turn-status{font-family:Inter,Segoe UI,Arial,Helvetica Neue,sans-serif;font-weight:700;letter-spacing:.02em}.player-red,.player-blue{font-family:inherit;font-weight:700;letter-spacing:.02em;font-size:1.25rem}.board{display:grid;justify-content:center;align-items:center;background:#f1faee;border-radius:18px;box-shadow:0 4px 24px #457b9d22;padding:0;margin:32px auto 18px;border:4px solid #22223b;gap:10px;width:max-content;position:relative;overflow:visible}.cell{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #22223b33,0 0 0 4px #f4d35e;display:flex;align-items:center;justify-content:center;cursor:pointer;border:4px solid #22223b;transition:box-shadow .2s,transform .1s,border-color .2s,background .2s;position:relative;overflow:visible}.cell.red{background:radial-gradient(circle at 60% 40%,#e63946 70%,#b71c1c);border-color:#e63946;box-shadow:0 0 0 6px #e6394633,0 2px 8px #22223b33}.cell.blue{background:radial-gradient(circle at 60% 40%,#457b9d 70%,#22223b);border-color:#457b9d;box-shadow:0 0 0 6px #457b9d33,0 2px 8px #22223b33}.cell.empty{background:#f1faee;opacity:.7;border-color:#bfc0c0}.cell.col-hover{box-shadow:0 0 0 10px #f4d35e99,0 2px 24px #43aa8b99;transform:scale(1.18);z-index:2;position:relative;border-color:#43aa8b}.cell:not(.col-hover){transition:box-shadow .2s,transform .1s,border-color .2s}.cell:not(.col-hover){box-shadow:0 2px 8px #22223b33;transform:none}.board:not(.player-turn) .cell{cursor:default;box-shadow:0 2px 8px #22223b33;transform:none}p{font-size:1.15rem;margin:10px 0 6px;color:#22223b;text-shadow:0 1px 8px #f1faee;font-family:Segoe UI,Arial,sans-serif}.winner{font-size:1.5rem;font-weight:700;color:#e63946;text-shadow:0 2px 12px #f1faee,0 1px 0 #fff}.player-red{color:#e63946;font-weight:700}.player-blue{color:#457b9d;font-weight:700}.turn-status{font-size:1.15rem;margin:10px 0 6px;font-weight:500}.turn-your{color:#43aa8b}.turn-wait{color:#e63946}.winner-win{color:#43aa8b}.winner-lose{color:#e63946}.connect-wallet-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1.5em}.connect-wallet-btn{width:auto;min-width:180px;max-width:100%;padding-left:2.2em;padding-right:2.2em;margin:0 auto;display:inline-block}@media (max-width: 600px){.App{padding:6px 1px}.board{gap:4px}.cell{width:28px;height:28px}}