.hypership-logo{width:16px;height:16px;margin-left:.3rem}.hypership-auth-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.hypership-container{min-width:400px;display:flex;justify-content:center;align-items:center}.hypership-form{border-radius:8px;max-width:400px;width:100%;text-align:center}.hypership-input-group{margin-bottom:1.5rem;text-align:left}.hypership-input-group label{display:block;margin-bottom:.5rem;font-size:14px;color:#555}.hypership-input-group input{width:100%;padding:.75rem;border-radius:4px;border:1px solid #ccc;font-size:14px;box-sizing:border-box;transition:border-color .3s ease;background-color:#fff;color:#333}.hypership-input-group input:focus{border-color:#4a90e2;outline:none}@media (prefers-color-scheme: dark){.hypership-input-group label{color:#e5e7eb}.hypership-input-group input{background-color:#1f2937!important;border-color:#374151!important;color:#e5e7eb!important}.hypership-input-group input::placeholder{color:#9ca3af!important}.hypership-input-group input:focus{border-color:#60a5fa!important}}@media (prefers-color-scheme: dark){.hypership-input-group input{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.hypership-input-group input::placeholder{color:#b3b8c1}.hypership-input-group input:focus{border-color:#60a5fa}}.hypership-button-primary{width:100%;padding:.75rem;background-color:#3b82f6;border:none;height:44px;border-radius:4px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.hypership-button-github{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#000;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:1rem;border:none;cursor:pointer;width:100%;height:2.8rem;position:relative;z-index:1;overflow:hidden;transition:all .3s ease}.hypership-button-google{margin-top:1rem;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#000;padding:.5rem 1rem;border-radius:4px;font-size:1rem;border:1px solid #ddd;cursor:pointer;width:100%;height:2.8rem;position:relative}.hypership-button-apple{margin-top:1rem;display:flex;align-items:center;justify-content:center;background-color:#000;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:1rem;cursor:pointer;width:100%;height:2.8rem;position:relative;border:none}.button-content,.button-content-wrapper{display:flex;align-items:center;gap:.5rem;justify-content:center;width:100%;position:relative}.button-label{flex:1;text-align:center}.hypership-button-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff3,#fff0);z-index:-1}.hypership-button-primary:hover{background-color:#2563eb}.hypership-password-strength-bar{display:flex;gap:4px;margin-top:.5rem}.hypership-bar{height:6px;flex:1;background-color:#ddd;border-radius:3px;transition:all .2s ease-in-out;opacity:.3}.hypership-bar.red{background-color:#f87171;opacity:1}.hypership-bar.yellow{background-color:#facc15;opacity:1}.hypership-bar.green{background-color:#4ade80;opacity:1}.hypership-error-message{background-color:#fef2f2;color:#991b1b;margin-bottom:1rem;font-size:14px;padding:.75rem;border-radius:4px;text-align:center;border:1px solid #f2e0e0}.hypership-success-message{background-color:#f0fdf4;color:#166534;margin-bottom:1rem;font-size:14px;padding:.75rem;border-radius:4px;text-align:center}.hypership-button-secondary{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:.5rem 1rem;width:fit-content;border-radius:4px;transition:all .2s ease}.hypership-button-secondary:hover{color:#374151;background-color:#f5f5f5}.hypership-button-group{display:flex;flex-direction:column;align-items:center;gap:.2rem}@media (min-width: 1024px){.hypership-button-group{margin-top:2rem}}@media (prefers-color-scheme: dark){.hypership-button-secondary{color:#9ca3af}.hypership-button-secondary:hover{color:#e5e7eb;background-color:#1f2937}}.hypership-spinner{animation:spin 1s linear infinite;height:22px;width:22px;display:block}.auth-page-container{display:flex;width:100vw;height:100vh;overflow:hidden;justify-content:center;background-color:#fff}@media (prefers-color-scheme: dark){.auth-page-container{background-color:#111827}}.auth-page-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;max-width:100%}@media (prefers-color-scheme: dark){.auth-page-left{background-color:#111827;color:#e5e7eb}}.auth-page-title{font-size:2rem;color:#1f2937;font-weight:600;text-align:center}@media (prefers-color-scheme: dark){.auth-page-title{color:#e5e7eb}}.auth-form-container{width:100%;max-width:400px}.auth-page-right{flex:1;background-size:cover;background-position:center}@media (max-width: 768px){.hypership-input-group input{font-size:16px}.auth-page-right{display:none}.auth-page-left{padding:1.5rem}.auth-page-title{font-size:1.75rem}}@media (max-width: 500px){.hypership-form{padding:1rem}}@media (max-width: 932px) and (orientation: landscape){.hypership-powered-by{display:none}.auth-page-title{font-size:1.5rem}}.hypership-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 16px;border-radius:6px;color:#333;font-size:14px;z-index:1000;animation:slideDown .5s cubic-bezier(.68,-.55,.27,1.55),slideUp .5s 2.5s forwards;background-color:#fff}@media (prefers-color-scheme: dark){.hypership-toast{background-color:#2d3748;color:#e0e0e0}}@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideUp{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100%);opacity:0}}.logo3d-container{position:relative;display:inline-block;transform-style:preserve-3d;perspective:1000px;padding:20px;cursor:grab;user-select:none;-webkit-user-select:none}.logo3d-container:active{cursor:grabbing}.logo3d{transition:transform .1s ease-out;transform:perspective(1000px) translateZ(0);will-change:transform;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}@keyframes tiltAnimation{0%{transform:translate(-50%) perspective(500px) rotateY(-12deg)}50%{transform:translate(-50%) perspective(500px) rotateY(12deg)}to{transform:translate(-50%) perspective(500px) rotateY(-12deg)}}.logo-container{text-align:center;margin-bottom:20px;position:absolute;top:-60px;left:50%;transform:translate(-50%);z-index:2;transform-style:preserve-3d;animation:tiltAnimation 6s ease-in-out infinite;perspective-origin:center center}.logo-container img{max-width:220px}.game-container{width:1200px;height:800px;border:1px solid var(--secondary-color);padding:30px;position:relative;border-radius:3px;display:flex;flex-direction:column}@media screen and (max-width: 768px){.logo-container{position:absolute;top:0;left:50%;transform:translate(-50%);margin-top:0;text-align:center}.logo-container img{max-width:100px;height:auto}.pixel-banner{position:absolute!important;top:140px!important;right:80px!important;transform:none!important;margin:0;font-size:12px;padding:6px 16px}.game-container .content-container{margin-top:235px!important;flex:1 1 0%!important;overflow-y:auto!important;margin-bottom:20px!important;padding:10px!important}.game-container{padding:0;width:100%;height:100%;min-height:W calc(99vh - 40px)}.game-container>div{padding:5px;gap:10px}.decision-buttons{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;padding:0 10px}.decision-buttons button{width:100%;max-width:280px;font-size:13px;padding:8px}.date-container{margin-bottom:15px!important}.date-container h3{font-size:16px;letter-spacing:.5px}.top-bar{margin-top:80px!important;margin-bottom:15px!important;font-size:12px}.terminal-card{font-size:13px}.terminal-card header{padding:8px 12px!important}.terminal-card>div{padding:12px!important}div[style*="minHeight: 300px"]{min-height:200px!important;margin:10px 0!important}.progress-bars{width:180px!important}.progress-bar{height:20px;margin-bottom:8px!important}p{font-size:13px!important;margin-bottom:12px!important;line-height:1.4!important}small{font-size:11px!important}.typing-text{font-size:12px!important}.button-container button{width:100%;margin:5px 0}}@media screen and (max-width: 375px){.logo-container{top:50px}.logo-container img{max-width:80px}.pixel-banner{font-size:10px;padding:4px 12px;top:100px!important;right:10px!important}.game-container>div{padding:5px}.decision-buttons button{padding:10px;font-size:13px}div[style*="minHeight: 300px"]{min-height:180px!important}.progress-bars{width:150px!important}p{font-size:12px!important;margin-bottom:10px!important}.typing-text{font-size:11px!important}}.container{display:flex;justify-content:center;align-items:center;min-height:99vh;padding:10px;width:100%;box-sizing:border-box}@media screen and (max-width: 1280px){.game-container{width:calc(100vw - 40px);height:calc(99vh - 40px)}.content-container{margin-top:235px!important}}.content-container{margin-top:135px}.pixel-banner{position:absolute;top:-10px;right:20px;background:#ff6b6b;padding:8px 20px;font-size:14px;color:#fff;text-shadow:2px 2px 0 #000;border:3px solid #000;box-shadow:4px 4px #000;image-rendering:pixelated;z-index:3;font-weight:700;letter-spacing:.5px;white-space:nowrap;transform:rotate(3deg)}.pixel-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(0,0,0,.1) 8px,rgba(0,0,0,.1) 16px);z-index:-1}.scroll-indicator{color:var(--secondary-color);font-size:12px;opacity:.8;animation:bounce 2s infinite;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:5px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width: 600px){.container{padding:5px!important}}.terminal-card{position:relative;width:100%;max-width:44rem;border-radius:0;background:linear-gradient(to bottom,var(--bg-card-start),var(--bg-card-end));color:var(--text-light);border:1px solid var(--border-light);padding:1.25rem;text-align:center;display:flex;flex-direction:column;align-items:center}.terminal-card>div{width:100%;display:flex;flex-direction:column;align-items:center}.terminal-card p{text-align:center;max-width:600px;margin:0 auto}.terminal-card .decision-buttons{display:flex;justify-content:center;gap:10px;margin-top:20px}.terminal-card.decision-card-animate{margin:0 auto;text-align:center}.terminal-card.decision-card-animate>div{display:flex;flex-direction:column;align-items:center}.terminal-card.decision-card-animate p{text-align:center;max-width:600px;margin:0 auto 24px}@keyframes singleScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.news-ticker{position:absolute;bottom:0;left:0;right:0;background-color:var(--background-color);border-top:1px solid var(--secondary-color);padding:10px;overflow:hidden;height:40px}.news-ticker-content{animation:singleScroll 16s ease-out forwards;white-space:nowrap;display:inline-block;opacity:1;transition:opacity .2s ease-out}.news-ticker-content.fade-out{opacity:0}.hypership-button-container{position:absolute;bottom:100px;left:50%;transform:translate(-50%)}@media (max-width: 768px){.hypership-button-container{bottom:10px}.hypership-button{height:36px!important}.hypership-button .button-content{padding:2px 12px!important;font-size:12px!important}}.hypership-button{position:relative;display:inline-flex;height:48px;overflow:hidden;border-radius:9999px;padding:2px;border:1px solid #e2cbff}.hypership-button:focus{outline:none;--ring-color: rgb(156, 163, 175);box-shadow:0 0 0 2px var(--ring-color),0 0 0 4px #f9fafb}.hypership-button:disabled{cursor:not-allowed;opacity:.5}.hypership-button .border-animation{position:absolute;top:-1000%;right:-1000%;bottom:-1000%;left:-1000%;background:conic-gradient(from 90deg at 50% 50%,#e2cbff,#393bb2,#e2cbff);animation:spin 2s linear infinite}.hypership-button .button-content{display:inline-flex;height:100%;width:100%;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;background-color:#020617;color:#f9fafb;position:relative;padding:4px 16px;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
