@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#141414;font-family:Segoe UI,Arial,sans-serif;margin:0}.app-container{justify-content:center;min-height:100dvh;min-width:100vw;overflow:hidden;width:100vw}.app-container,.board{align-items:center;display:flex;flex-direction:column}.board{background:#181818;border:2px solid #222;border-radius:28px;box-shadow:0 0 32px 8px #e50914,0 8px 32px 0 #000000d9;left:auto;margin-bottom:18px;max-width:95vw;min-width:0;min-width:auto;padding:24px 12px 48px;position:relative;top:auto;transform:none;width:340px}.row{display:flex;gap:8px;margin-bottom:8px}.row:last-child{margin-bottom:0}.block{align-items:center;background:#232323;border:2px solid #333;border-radius:8px;box-shadow:0 2px 8px 0 #00000040;color:#fff;cursor:pointer;display:flex;font-family:Bebas Neue,Segoe UI,Arial,sans-serif;font-size:2.2rem;height:70px;justify-content:center;letter-spacing:2px;transition:background .2s,box-shadow .2s,color .2s;width:70px}.block.win{background:#333;border-color:#ffeb3b;box-shadow:0 0 16px 4px #ffeb3b99,0 2px 8px 0 #00000040;color:#ffeb3b;z-index:1}.block:hover{background:#292929;box-shadow:0 4px 16px 0 #e5091426;color:#e50914}.winner-message{align-items:center;background:#181818;border:2px solid #e50914;border-radius:12px;bottom:auto;box-shadow:0 2px 12px 0 #e5091426;color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;left:auto;letter-spacing:2px;margin:8px auto 0;max-width:90vw;padding:10px 16px;position:static;text-align:center;text-shadow:0 2px 8px #00000040;transform:none;width:auto}.winner-message.draw{background:#232323;border:2px solid #aaa;color:#fff}.winner-message.winner-x{background:#181f3a;border:2px solid #2196f3;box-shadow:0 2px 16px 0 #2196f3cc;color:#fff}.winner-message.winner-o{background:#3a1f18;border:2px solid #ffc107;box-shadow:0 2px 16px 0 #ffc107cc;color:#fff}.restart-btn{background:#e50914;border:none;border-radius:12px;box-shadow:0 4px 16px 0 #e509142e;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:700;letter-spacing:2px;margin:0 auto 12px;outline:none;padding:10px 24px;text-transform:uppercase;transition:background .2s,box-shadow .2s,transform .2s}.restart-btn:hover{background:#b0060f;box-shadow:0 8px 32px 0 #e5091447}.mode-select{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:32px;width:100%}.mode-btn{background:#232323;border:2px solid #232323;border-radius:14px;box-shadow:0 2px 8px 0 #0000002e;color:#aaa;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:2px;margin:0 4px;outline:none;padding:12px 24px;text-transform:uppercase;transition:background .2s,color .2s,border .2s,transform .2s}.mode-btn.active,.mode-btn:disabled{background:#e50914;border:2px solid #e50914;color:#fff;cursor:default;transform:scale(1.05)}.mode-btn:not(.active):hover{background:#292929;border:2px solid #e50914;color:#fff;transform:scale(1.03)}.headline{color:#e50914;font-size:2.8rem;letter-spacing:2px;margin-bottom:12px;text-shadow:0 2px 8px #e5091426}.footer,.headline{font-family:Bebas Neue,Segoe UI,Arial,sans-serif;text-align:center}.footer{background:#181818;box-shadow:0 -2px 12px 0 #e5091414;color:#aaa;font-size:1rem;font-weight:100!important;letter-spacing:1px;margin-top:auto;padding:12px 0 8px;width:100vw}.footer a{color:#e50914;font-weight:700;text-decoration:none;transition:color .2s}.footer a:hover{color:#fff;text-decoration:underline}@media (max-width:600px){.app-container,body{overflow-x:hidden}.app-container{padding:0}.mode-select{gap:2px;margin-bottom:18px;width:100%}.mode-btn{border-radius:6px;font-size:.85rem;margin:0 2px;padding:6px 10px}.board{align-items:center;border-radius:10px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:94vw;min-width:0;min-width:auto;padding:4px 0 16px;width:94vw}.board,.restart-btn{box-sizing:border-box}.restart-btn{display:block;margin:0 auto 12px;max-width:320px;width:100%}.row{display:flex;gap:8px;justify-content:center;margin-bottom:8px;max-width:100%;width:auto}.block{font-size:2.2rem;height:20vw;max-height:80px;max-width:80px;width:20vw}.block.win{background:#333;border-color:#ffeb3b;box-shadow:0 0 8px 2px #ffeb3b99,0 2px 8px 0 #00000040;color:#ffeb3b;z-index:1}.winner-message{margin-top:6px;max-width:98vw;padding:4px 2px}.restart-btn,.winner-message{border-radius:4px;font-size:.8rem}.restart-btn{margin:0 auto 6px;padding:4px 8px}.headline{font-size:1.6rem;margin-bottom:8px}.footer{font-size:.85rem;padding:8px 0 4px}}
/*# sourceMappingURL=main.a0c9bbd3.css.map*/