:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#ffffff10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#fff;text-decoration:inherit}a:hover{color:#ffffff5b}body{margin:0;min-height:100vh;width:100vw}h1{font-size:3.2em;line-height:1.1}.app-content{display:flex;flex-direction:column;min-height:100vh;width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}#root{text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.oauth-button{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;background-color:#fc0;color:#333;cursor:pointer;box-shadow:0 4px 6px #0000004d}.oauth-button:hover{background-color:#f5c400}.oauth-logo{height:24px;width:24px}.login-container{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center}.login-container h1{font-size:2rem;margin-bottom:1rem}.login-logo{width:60%;max-width:400px;margin-bottom:2rem}.login-description{font-size:1.2rem;margin-bottom:2rem}.home-page{background-image:url(/media/map.png);background-size:cover;background-position:center;height:90vh;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;text-shadow:1px 1px 2px black}.home-logo{width:60%;max-width:500px;margin-bottom:1rem}.home-subtext{font-size:1.5rem;margin-bottom:2rem}.home-button{padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;background-color:#fc0;color:#333;cursor:pointer;box-shadow:0 4px 6px #0000004d}.header{display:flex;justify-content:space-between;padding:1rem 2rem;background:linear-gradient(to right,#e3e6ea,#d9dde2);border-bottom:1px solid #ccc;align-items:center}.header-left,.header-right{display:flex;align-items:center;gap:0rem}.header-logo{height:40px;cursor:pointer;padding-right:1rem}.header-button{background:transparent;border:none;font-weight:700;font-size:1rem;padding:.5rem 1rem;cursor:pointer;color:#000;border-radius:8px;transition:background-color .2s ease-in-out}.header-button:hover{background-color:#cfd3d8}.header-username{font-weight:700;color:#000;margin-right:1rem}.map{width:1080px;height:600px;display:flex;justify-content:center;align-items:center;margin:20px auto;background:#f0f0f0;position:relative}.map canvas{border:2px solid #333;border-radius:8px;display:block;width:calc(100% - 4px);height:calc(100% - 4px)}.help-indicator{position:absolute;bottom:12px;right:12px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;font-family:monospace;pointer-events:none;z-index:10}@media (max-width: 576px){.map{width:100%;height:400px}.help-indicator{bottom:7px;right:7px;font-size:10px;padding:3px 6px}}.chat-window-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-window{background:#000c;border-radius:12px;width:400px;height:500px;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009;animation:slideIn .3s ease-out;border:1px solid rgba(255,255,255,.1)}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-header{background:#ffffff1a;color:#fff;padding:16px;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-btn:hover{background:#fff3}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff80}.message{max-width:80%;word-wrap:break-word;animation:messageAppear .3s ease-out}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.player-message{align-self:flex-end}.player-message .message-content{background:#787878e6;color:#fff;padding:10px 14px;border-radius:18px 18px 4px;box-shadow:0 2px 8px #0000004d}.ai-message{align-self:flex-start}.ai-message .message-content{background:#a0a0a0e6;color:#fff;padding:10px 14px;border-radius:18px 18px 18px 4px;box-shadow:0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.1)}.message-sender{font-size:12px;color:#ffffffb3;margin-bottom:4px;font-weight:500}.message-time{font-size:10px;color:#ffffff80;margin-top:4px}.welcome-message{text-align:center;margin-bottom:12px}.welcome-message .message{max-width:100%;align-self:center}.welcome-message .message-content{background:#8c8c8ce6;color:#fff;font-style:italic}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:#fff9;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-10px);opacity:1}}.chat-input-form{padding:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:8px;background:transparent;border-radius:0 0 12px 12px}.chat-input{flex:1;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:20px;outline:none;font-size:14px;transition:border-color .2s;background:#ffffff1a;color:#fff}.chat-input::placeholder{color:#ffffff80}.chat-input:focus{border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a}.chat-input:disabled{background:#ffffff0d;cursor:not-allowed}.chat-send-btn{background:#b4b4b4cc;color:#fff;border:none;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap}.chat-send-btn:hover:not(:disabled){background:#c8c8c8e6;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.chat-send-btn:disabled{background:#64646480;cursor:not-allowed;transform:none;box-shadow:none}.chat-send-btn:active:not(:disabled){transform:translateY(0)}.subscription-page{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;background-color:#1a1a1a;color:#fff}.subscription-page h1{font-size:2rem;margin-bottom:1rem;color:#fff}.subscription-page p{font-size:1.2rem;margin-bottom:2rem;color:#fff}.subscription-button{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;background-color:#fc0;color:#333;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:background-color .3s ease}.subscription-button:hover{background-color:#f5c400}.stripe-logo{height:24px;width:24px}.subscription-logo{width:60%;max-width:400px;margin-bottom:2rem}.success-page{min-height:80vh;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;padding:2rem}.success-container{border-radius:16px;padding:2rem 3rem;text-align:center;max-width:600px;width:90%}.success-heading{font-size:2.5rem;margin-bottom:1rem;text-shadow:none}.success-description{font-size:1.2rem;margin-bottom:1rem;text-shadow:none}.success-logo{width:60%;max-width:400px;margin-bottom:2rem}.success-button{padding:1rem 2rem;font-size:1.2rem;font-weight:700;border:none;border-radius:8px;background-color:#fc0;color:#333;cursor:pointer;box-shadow:0 4px 6px #0000004d}.membership-page{min-height:80vh;display:flex;justify-content:center;align-items:center;padding:2rem;background-size:cover;background-position:center}.membership-container{border-radius:16px;padding:2rem 3rem;text-align:center;max-width:600px;width:90%}.membership-heading{font-size:2.5rem;margin-bottom:1rem;text-shadow:none;color:#fff}.membership-description{font-size:1.2rem;margin-bottom:1rem;color:#fff}.membership-status{font-size:1.1rem;margin-bottom:1rem;font-weight:700;color:#2e7d32}.membership-expiration{font-size:1.1rem;margin-bottom:2rem;color:#fff}.cancel-button{padding:1rem 2rem;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;background-color:#ff5252;color:#fff;cursor:pointer;box-shadow:0 4px 6px #0000004d;transition:background-color .3s ease}.cancel-button:hover{background-color:#e53935}.membership-logo{width:60%;max-width:400px;margin-bottom:2rem}