murasaki's center v3 | enhanced experience

All Games

Arcade

Sports

Retro

Action

Chatroom

AI Assistant [NEW!]

Slope

Slope

Navigate a 3D course at high speed!

PLAY NOW

Subway Surfers

Subway Surfers: San Fransisco

I have to clear this out to not get flagged.

PLAY NOW

FNAF

FNAF

I have to clear this out to not get flagged.

PLAY NOW

FNAF 2

FNAF 2

I have to clear this out to not get flagged.

PLAY NOW

FNAF 3

FNAF 3

I have to clear this out to not get flagged.

PLAY NOW

FNAF 4

FNAF 4

I have to clear this out to not get flagged.

PLAY NOW

Tube Jumpers

Tube Jumpers

I have to clear this out to not get flagged.

PLAY NOW

Crossy Roads

Crossy Roads

Why did the chicken cross the road?

PLAY NOW

Slow Roads

Slow Roads

I have to clear this out to not get flagged.

PLAY NOW

Dante

Dante

I have to clear this out to not get flagged.

PLAY NOW

Stickman Hook

Stickman Hook

I have to clear this out to not get flagged.

PLAY NOW

OvO

OvO

Just your ordinary platformer game

PLAY NOW

Tomb of the Mask

Tomb of the Mask

I have to clear this out to not get flagged.

PLAY NOW

Boxing Random

Boxing Random

Beat other people up

PLAY NOW

Moto X3M

Moto X3M

Ride on a motorcycle against obstacles!

PLAY NOW

Tag

Tag

Thanks for this idea Good boy Gabe :)

PLAY NOW

Cookie Clicker

Cookie Clicker

Click the cookie to earn points!

PLAY NOW

Basketball Stars

Basketball Stars

1v1 street basketball showdowns!

PLAY NOW

Basketball Random

Basketball Random

Chaotic multiplayer basketball!

PLAY NOW

Penalty Shooters 2

Penalty Shooters 2

Test your penalty shooting skills!

PLAY NOW

Volley Random

Volley Random

Crazy physics volleyball!

PLAY NOW

Soccer Random

Soccer Random

Fast paced ball kicking!

PLAY NOW

Pac-Man

Pac-Man

Classic arcade maze chase!

PLAY NOW

Minecraft Classic

Minecraft Classic

Browser-based block building!

PLAY NOW

Race Survival

Race Survival

Requested from LM

PLAY NOW

Football Legends 2021 nigga

Football Legends 2021

Actual good game

PLAY NOW

Cluster Rush

Cluster Rush

Jump on and off speeding trucks!

PLAY NOW

Community Chat

murasaki's AI Assistant

Ask me anything about our services or get help!

Feedback

:root { --primary: #00a8ff; --secondary: #ff2d75; --dark: #0d1b2a; --light: #e0e1dd; --success: #4CAF50; --error: #f44336; } .bg-animation { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, #0f0c29 0%, #1a1a3a 25%, #24243e 50%, #302b63 75%, #24243e 100%); background-size: 400% 400%; animation: spaceGradient 30s ease infinite; z-index: -2; opacity: 0.9; } @keyframes spaceGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Particles container */ .particles-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } /* Auth Container Styles */ .auth-container { max-width: 400px; width: 100%; padding: 30px; background: rgba(13, 27, 42, 0.95); border-radius: 15px; border: 2px solid var(--primary); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); animation: windowsFade 0.6s cubic-bezier(0.1, 0.9, 0.2, 1); } .auth-title { color: var(--primary); text-align: center; margin-bottom: 25px; font-size: 1.8rem; } .auth-input { width: 100%; padding: 14px; margin-bottom: 20px; border-radius: 8px; border: 1px solid rgba(0, 168, 255, 0.3); background: rgba(224, 225, 221, 0.1); color: var(--light); font-size: 1rem; transition: all 0.3s ease; } .auth-input:focus { outline: none; box-shadow: 0 0 10px rgba(0, 168, 255, 0.5); border-color: var(--primary); } .auth-btn { width: 100%; padding: 14px; background: linear-gradient(90deg, var(--primary), var(--secondary)); color: white; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; margin-bottom: 15px; transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1); } .auth-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 168, 255, 0.3); } .auth-status { padding: 12px; border-radius: 8px; margin: 20px 0; text-align: center; display: none; animation: fadeIn 0.3s ease-out; } .auth-status.success { background: rgba(76, 175, 80, 0.1); color: var(--success); border: 1px solid var(--success); display: block; } .auth-status.error { background: rgba(244, 67, 54, 0.1); color: var(--error); border: 1px solid var(--error); display: block; } /* Header Styles */ .header { text-align: center; padding: 2rem 0; position: relative; z-index: 10; animation: windowsFade 0.6s cubic-bezier(0.1, 0.9, 0.2, 1) both; } .title { font-family: 'Orbitron', sans-serif; font-size: clamp(2rem, 5vw, 3.5rem); background: linear-gradient(90deg, var(--primary), var(--secondary)); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 15px rgba(0, 168, 255, 0.5); animation: pulse 4s infinite alternate; margin-bottom: 1rem; } @keyframes pulse { 0% { transform: scale(1); } 100% { transform: scale(1.025); } } /* Tabs Navigation */ .tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 1rem; padding: 1rem; margin-bottom: 2rem; animation: slideIn 0.5s ease-out both; animation-delay: 0.2s; } .tab { padding: 0.8rem 1.5rem; background: rgba(0, 0, 0, 0.5); border-radius: 50px; cursor: pointer; transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1); font-weight: bold; border: 2px solid transparent; will-change: transform, box-shadow; } .tab:hover, .tab.active { background: rgba(0, 168, 255, 0.2); border-color: var(--primary); transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 168, 255, 0.2); } /* Game Grid */ .game-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 2rem; padding: 1rem; width: 100%; } .game-card { background: rgba(13, 27, 42, 0.7); border-radius: 15px; overflow: hidden; transition: all 0.4s cubic-bezier(0.1, 0.9, 0.2, 1); border: 2px solid rgba(0, 168, 255, 0.3); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); opacity: 0; animation: fadeIn 0.6s cubic-bezier(0.1, 0.9, 0.2, 1) forwards; will-change: transform, box-shadow; } /* Staggered animation for game cards */ .game-card:nth-child(1) { animation-delay: 0.1s; } .game-card:nth-child(2) { animation-delay: 0.2s; } .game-card:nth-child(3) { animation-delay: 0.3s; } .game-card:nth-child(4) { animation-delay: 0.4s; } .game-card:nth-child(5) { animation-delay: 0.5s; } .game-card:nth-child(6) { animation-delay: 0.6s; } .game-card:nth-child(7) { animation-delay: 0.7s; } .game-card:nth-child(8) { animation-delay: 0.8s; } .game-card:nth-child(9) { animation-delay: 0.9s; } .game-card:nth-child(10) { animation-delay: 1s; } .game-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 15px 30px rgba(0, 168, 255, 0.3); border-color: var(--primary); } .game-card img { width: 100%; height: 180px; object-fit: cover; transition: transform 0.3s ease; } .game-card:hover img { transform: scale(1.05); } .game-info { padding: 1rem; } .game-info h3 { font-size: 1.2rem; margin-bottom: 0.5rem; color: var(--primary); } .game-info p { color: rgba(224, 225, 221, 0.7); font-size: 0.9rem; margin-bottom: 1rem; } .play-btn { display: inline-block; padding: 0.5rem 1rem; background: linear-gradient(90deg, var(--primary), var(--secondary)); color: white; border-radius: 50px; text-decoration: none; font-weight: bold; transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1); } .play-btn:hover { transform: scale(1.05); box-shadow: 0 0 15px rgba(0, 168, 255, 0.5); } /* Chat and AI Containers */ .chat-container, .ai-container { display: none; max-width: 800px; width: 100%; margin: 2rem auto; background: rgba(13, 27, 42, 0.8); border-radius: 15px; border: 2px solid var(--primary); box-shadow: 0 5px 15px rgba(0, 168, 255, 0.2); overflow: hidden; animation: windowsFade 0.5s ease-out both; } .chat-container.active, .ai-container.active { display: block; } .chat-header, .ai-header { background: rgba(0, 0, 0, 0.5); padding: 1rem; text-align: center; border-bottom: 2px solid var(--primary); } .chat-header h2, .ai-header h2 { color: var(--primary); font-family: 'Orbitron', sans-serif; } .chat-messages, .ai-conversation { height: 400px; overflow-y: auto; padding: 1rem; background: rgba(13, 27, 42, 0.5); } .message, .ai-message { margin-bottom: 1rem; padding: 0.8rem; background: rgba(0, 168, 255, 0.1); border-radius: 10px; border-left: 3px solid var(--primary); animation: fadeIn 0.3s ease-out; } .your-message, .ai-user-message { background: rgba(0, 168, 255, 0.2); border-left: 3px solid var(--secondary); } .system-message { background: rgba(255, 45, 117, 0.1); border-left: 3px solid var(--secondary); } .message-username { font-weight: bold; margin-right: 0.5rem; } .message-time { font-size: 0.7rem; color: rgba(224, 225, 221, 0.5); } .chat-input-area, .ai-input-area { display: flex; padding: 1rem; background: rgba(0, 0, 0, 0.3); border-top: 2px solid var(--primary); } .chat-input, .ai-input { flex-grow: 1; padding: 0.8rem; border: none; border-radius: 50px; background: rgba(224, 225, 221, 0.1); color: var(--light); margin-right: 1rem; transition: all 0.3s ease; } .chat-input:focus, .ai-input:focus { outline: none; box-shadow: 0 0 10px rgba(0, 168, 255, 0.5); } .send-btn, .ai-send-btn { padding: 0.8rem 1.5rem; background: linear-gradient(90deg, var(--primary), var(--secondary)); color: white; border: none; border-radius: 50px; cursor: pointer; font-weight: bold; transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1); } .send-btn:hover, .ai-send-btn:hover { transform: scale(1.05); box-shadow: 0 0 15px rgba(0, 168, 255, 0.5); } /* AI Typing Indicator */ .ai-typing { color: rgba(224, 225, 221, 0.7); font-style: italic; } .ai-typing::after { content: '...'; animation: blink 1.5s infinite; } @keyframes blink { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } .ai-error { color: #ff6b6b; font-style: italic; } /* Modals */ .username-modal, .modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: none; justify-content: center; align-items: center; z-index: 200; backdrop-filter: blur(5px); } .username-modal.active, .modal.active { display: flex; animation: windowsFade 0.3s ease-out; } .username-modal-content { background: var(--dark); padding: 2rem; border-radius: 15px; border: 2px solid var(--primary); text-align: center; max-width: 500px; width: 90%; animation: windowsFade 0.4s ease-out; } .username-input { width: 100%; padding: 1rem; margin: 1rem 0; border-radius: 50px; border: none; background: rgba(224, 225, 221, 0.1); color: var(--light); text-align: center; font-size: 1.2rem; transition: all 0.3s ease; } .username-input:focus { outline: none; box-shadow: 0 0 10px rgba(0, 168, 255, 0.5); } .set-username-btn { padding: 0.8rem 2rem; background: linear-gradient(90deg, var(--primary), var(--secondary)); color: white; border: none; border-radius: 50px; cursor: pointer; font-weight: bold; transition: all 0.3s cubic-bezier(0.1, 0.9, 0.2, 1); } .set-username-btn:hover { transform: scale(1.05); box-shadow: 0 0 15px rgba(0, 168, 255, 0.5); } .modal-content { width: 90%; height: 80%; background: var(--dark); border-radius: 15px; border: 2px solid var(--primary); overflow: hidden; position: relative; } .close-btn { position: absolute; top: 1rem; right: 1rem; background: var(--secondary); color: white; border: none; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; z-index: 101; transition: all 0.3s ease; } .close-btn:hover { transform: scale(1.1); } .game-frame { width: 100%; height: 100%; border: none; } /* Message delete button styles */ .message { position: relative; padding-right: 30px; } .delete-message { position: absolute; right: 10px; top: 10px; opacity: 0; transition: opacity 0.2s; background: var(--error); color: white; border: none; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; } .message:hover .delete-message { opacity: 1; } /* Feedback System */ .feedback-btn { position: fixed; bottom: 30px; right: 30px; background: linear-gradient(90deg, var(--primary), var(--secondary)); color: white; padding: 12px 20px; border-radius: 50px; cursor: pointer; display: flex; align-items: center; gap: 10px; box-shadow: 0 4px 15px rgba(0, 168, 255, 0.3); z-index: 1000; transition: all 0.4s cubic-bezier(0.1, 0.9, 0.2, 1); animation: slideIn 0.5s ease-out both; animation-delay: 0.5s; } .feedback-btn:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 8px 20px rgba(0, 168, 255, 0.4); } .feedback-modal { position: fixed; bottom: 90px; right: 30px; width: 350px; max-height: 500px; background: rgba(13, 27, 42, 0.95); border-radius: 15px; border: 2px solid var(--primary); box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5); z-index: 1001; display: none; flex-direction: column; overflow: hidden; transform-origin: bottom right; animation: windowsFade 0.3s ease-out; } .feedback-modal.active { display: flex; } .feedback-modal-content { display: flex; flex-direction: column; height: 100%; } .feedback-header { padding: 15px; background: rgba(0, 0, 0, 0.3); border-bottom: 2px solid var(--primary); display: flex; justify-content: space-between; align-items: center; } .feedback-header h3 { color: var(--primary); font-size: 1.1rem; margin: 0; } .close-feedback { background: none; border: none; color: var(--light); font-size: 1.5rem; cursor: pointer; padding: 0 5px; transition: transform 0.2s ease; } .close-feedback:hover { transform: scale(1.2); } .feedback-messages { flex-grow: 1; padding: 15px; overflow-y: auto; background: rgba(13, 27, 42, 0.7); } .feedback-message { margin-bottom: 10px; padding: 10px; background: rgba(0, 168, 255, 0.1); border-radius: 8px; border-left: 3px solid var(--primary); animation: fadeIn 0.3s ease-out; } .feedback-message.user { background: rgba(0, 168, 255, 0.2); border-left: 3px solid var(--secondary); } .feedback-message p { margin: 5px 0; word-break: break-word; } .feedback-message .message-meta { display: flex; justify-content: space-between; font-size: 0.8rem; color: rgba(224, 225, 221, 0.7); margin-bottom: 5px; } .feedback-input-area { padding: 15px; background: rgba(0, 0, 0, 0.3); border-top: 2px solid var(--primary); } .feedback-input-area textarea { width: 100%; padding: 10px; border-radius: 8px; border: 1px solid rgba(0, 168, 255, 0.3); background: rgba(224, 225, 221, 0.1); color: var(--light); resize: none; min-height: 60px; margin-bottom: 10px; transition: all 0.3s ease; } .feedback-input-area textarea:focus { outline: none; box-shadow: 0 0 10px rgba(0, 168, 255, 0.5); } .feedback-actions { display: flex; justify-content: flex-end; } #send-feedback { padding: 8px 20px; background: linear-gradient(90deg, var(--primary), var(--secondary)); color: white; border: none; border-radius: 5px; cursor: pointer; transition: all 0.2s cubic-bezier(0.1, 0.9, 0.2, 1); } #send-feedback:hover { transform: scale(1.05); box-shadow: 0 0 10px rgba(0, 168, 255, 0.5); } /* Settings Button */ .settings-btn { position: fixed; top: 30px; right: 30px; background: linear-gradient(90deg, var(--primary), var(--secondary)); color: white; padding: 12px 20px; border-radius: 50px; cursor: pointer; display: flex; align-items: center; gap: 10px; box-shadow: 0 4px 15px rgba(0, 168, 255, 0.3); z-index: 1000; transition: all 0.4s cubic-bezier(0.1, 0.9, 0.2, 1); animation: slideIn 0.5s ease-out both; animation-delay: 0.5s; border: none; font-family: 'Rubik', sans-serif; font-weight: bold; } .settings-btn:hover { transform: translateY(-5px) scale(1.05); box-shadow: 0 8px 20px rgba(0, 168, 255, 0.4); } /* Make delete button always visible on mobile */ @media (max-width: 768px) { .delete-message { opacity: 0.5 !important; /* Make it semi-transparent by default */ } .delete-message:hover, .delete-message:active { opacity: 1 !important; } /* Or show delete button only when message is tapped */ .message.active .delete-message { opacity: 1 !important; } } /* Responsive Adjustments */ @media (max-width: 768px) { .title { font-size: 2.2rem; } .tabs { gap: 0.5rem; } .tab { padding: 0.6rem 1rem; font-size: 0.9rem; } .game-grid { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .feedback-modal { width: 300px; right: 15px; bottom: 80px; } .chat-container, .ai-container { margin: 1rem auto; } .chat-messages, .ai-conversation { height: 300px; } .settings-btn { top: 20px; right: 20px; padding: 10px 15px; } } @media (max-width: 480px) { .title { font-size: 1.8rem; } .game-grid { grid-template-columns: 1fr; } .feedback-modal { width: 280px; right: 10px; } .feedback-btn { padding: 10px 15px; right: 15px; bottom: 20px; } .auth-container { padding: 15px; } .chat-input-area, .ai-input-area { flex-direction: column; gap: 10px; } .chat-input, .ai-input { margin-right: 0; margin-bottom: 10px; } .settings-btn { top: 15px; right: 15px; font-size: 0.9rem; } .settings-content { width: 95%; max-height: 85vh; } }