: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:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{padding:0;width:100%;height:100%;margin:0;overflow:hidden;align-items:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.player-ui{position:fixed;bottom:20px;left:20px;z-index:100;pointer-events:none}.stat-container{display:flex;align-items:center;margin-bottom:10px;gap:10px;background:#000000b3;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2)}.stat-container label{color:#fff;font-weight:700;font-size:14px;min-width:80px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.stat-bar-container{position:relative;width:120px;height:12px;border-radius:6px;overflow:hidden}.stat-bar-background{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff3;border-radius:6px}.stat-bar{position:absolute;top:0;left:0;height:100%;border-radius:6px;transition:width .3s ease;z-index:1}.health-bar{background:linear-gradient(90deg,#f44,#f66);box-shadow:0 0 10px #ff444480}.stamina-bar{background:linear-gradient(90deg,#48f,#6af);box-shadow:0 0 10px #4488ff80}.stat-text{color:#fff;font-size:12px;font-weight:700;min-width:50px;text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.death-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:all}.death-content{background:#141414f2;padding:40px;border-radius:15px;text-align:center;border:2px solid #ff4444;box-shadow:0 0 30px #ff444480}.death-content h2{color:#f44;font-size:32px;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.death-content p{color:#ccc;font-size:16px;margin-bottom:20px}.respawn-button{background:linear-gradient(90deg,#f44,#f66);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff44444d}.respawn-button:hover{background:linear-gradient(90deg,#f66,#f88);transform:translateY(-2px);box-shadow:0 6px 20px #f446}.respawn-button:active{transform:translateY(0)}.crosshairs{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.crosshair-line{position:absolute;background-color:#ffffffe6;box-shadow:0 0 3px #000c}.crosshair-top{width:2px;height:12px;top:-18px;left:-1px}.crosshair-bottom{width:2px;height:12px;top:6px;left:-1px}.crosshair-left{width:12px;height:2px;top:-1px;left:-18px}.crosshair-right{width:12px;height:2px;top:-1px;left:6px}.crosshairs-aiming{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;pointer-events:none}.crosshair-top-aim{width:1px;height:6px;top:-9px;left:-.5px;background-color:#ffff00e6;box-shadow:0 0 2px #000c}.crosshair-bottom-aim{width:1px;height:6px;top:3px;left:-.5px;background-color:#ffff00e6;box-shadow:0 0 2px #000c}.crosshair-left-aim{width:6px;height:1px;top:-.5px;left:-9px;background-color:#ffff00e6;box-shadow:0 0 2px #000c}.crosshair-right-aim{width:6px;height:1px;top:-.5px;left:3px;background-color:#ffff00e6;box-shadow:0 0 2px #000c}.damage-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:50;transition:opacity .1s ease-out;background:radial-gradient(circle at center,#ff00004d,#ff00001a,#ff00000d)}.death-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200;pointer-events:all}.death-content{background:#141414f2;border:2px solid #ff4444;border-radius:15px;padding:40px;text-align:center;color:#fff;max-width:400px;box-shadow:0 0 30px #ff444480}.death-content h2{font-size:36px;margin:0 0 20px;color:#f44;text-shadow:0 0 10px rgba(255,68,68,.7)}.death-content p{font-size:18px;margin:0 0 20px;color:#ccc}.death-timer{background:#f443;border:1px solid #ff4444;border-radius:8px;padding:15px;margin-top:20px}.death-timer p{margin:0;font-size:16px;color:#f44;font-weight:700}.login-page-container{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#333}.login-form-overlay-section{position:absolute;left:30%;top:10%;width:45%;max-width:550px;min-width:320px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.login-form-content{background-color:#585a5ccd;padding:15px 30px;border-radius:8px;box-shadow:0 4px 15px #0000001f;width:100%;max-width:300px;text-align:center}.login-form-content h1{margin-bottom:15px;font-size:24px;color:#fff}.input-group{margin-bottom:10px;text-align:left}.input-group label{display:block;margin-bottom:4px;font-weight:700;color:#fff;font-size:.9em}.input-group input{width:100%;padding:8px 10px;border:1px solid #b8b8b8;border-radius:4px;box-sizing:border-box;font-size:15px;color:#fff}.input-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.login-button{width:100%;padding:10px;background:#186bdf;color:#000;border:none;border-radius:4px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .3s ease}.login-button:hover{opacity:.9}.social-login-divider{margin:15px 0;text-align:center;color:#000;display:flex;align-items:center}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;border-bottom:1px solid #000000}.social-login-divider:not(:empty):before{margin-right:.5em}.social-login-divider:not(:empty):after{margin-left:.5em}.social-login-buttons{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:0}.social-button{width:100%;max-width:300px;padding:8px 12px;border:none;border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;color:#000;transition:background-color 1s ease}.google-button{background:#fff}.google-button:hover{opacity:.85}.facebook-button{background:#3e4b84}.facebook-button:hover{opacity:.85}.icon-placeholder{display:inline-block}@media (max-width: 768px){.login-form-overlay-section{width:80%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);height:auto;padding:15px}.login-form-content{padding:15px 20px;max-width:90%}.login-form-content h1{font-size:20px;margin-bottom:10px}.input-group{margin-bottom:8px}.input-group input,.login-button,.social-button{font-size:14px;padding:8px}.social-login-divider{margin:10px 0}.social-button{padding:8px 10px;font-size:13px}}@media (max-width: 480px){.login-form-overlay-section{width:90%;padding:10px}.login-form-content h1{font-size:18px}.input-group input,.login-button,.social-button{font-size:13px;padding:6px 8px}}.game-menu{width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.game-title{font-size:48px;margin-bottom:50px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.menu-buttons{display:flex;flex-direction:column;gap:20px}.menu-button{border:none;padding:20px 40px;font-size:18px;border-radius:10px;cursor:pointer;box-shadow:0 4px 8px #0003}.single-player-button{background:#4caf50;color:#fff}.multiplayer-button{background:#2196f3;color:#fff}.new-game-menu{width:100vw;height:100vh;background:url(/images/DinoConceptArt/background1.png) center center / cover no-repeat;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:100vh;max-height:100vh}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:20px;z-index:1000;flex-shrink:0;min-height:60px}.dropdown-container{position:relative}.hamburger-menu{background:#fff0;border:none;width:60px;height:60px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hamburger-menu span{width:28px;height:4px;background:#fff;border-radius:2px}.dropdown-menu{position:absolute;top:70px;left:0;background:#000000e6;border-radius:8px;padding:15px;min-width:160px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropdown-item{display:block;width:100%;background:none;border:none;color:#fff;padding:15px;border-radius:4px;cursor:pointer;text-align:left;margin-bottom:8px;font-size:16px}.dropdown-item:hover{background:#ffffff1a}.dropdown-item.logout-btn{color:#f44}.username-display{color:#fff;padding:12px 24px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-nav-buttons{display:flex;align-items:center;gap:16px}.coins-button{background:#ffd70026;border:none;min-width:90px;width:auto;height:44px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;color:gold;font-weight:700;box-shadow:0 2px 6px #0000001f;transition:background .2s;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;padding:0 16px;white-space:nowrap}.coins-button:hover{background:#ffd70040}.coin-icon{font-size:22px;margin-right:4px;filter:drop-shadow(0 1px 2px #fff8)}.coin-amount{color:#fffbe7;font-size:18px;font-weight:600;text-shadow:0 1px 2px #0008}.store-button{background:#000000ba;border:none;width:60px;height:60px;border-radius:8px;cursor:pointer;font-size:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff}.character-carousel-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.character-canvas{width:100%!important;height:100%!important}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff4d;border:none;width:60px;height:60px;border-radius:50%;font-size:24px;color:#fff;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .3s ease}.carousel-arrow:hover{background:#ffffff80}.carousel-arrow-left{left:50px}.carousel-arrow-right{right:50px}.character-name{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fff;font-size:24px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.bottom-section{padding:20px 40px;display:flex;justify-content:center;align-items:center;background:#0000001a;flex-shrink:0;min-height:140px;max-height:40vh;overflow-y:auto}.start-game-button{background:#3292ff;border:none;color:#fff;padding:15px 50px;font-size:20px;font-weight:700;border-radius:10px;cursor:pointer;box-shadow:0 8px 16px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.start-game-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0006}.game-mode-selection{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center}.back-to-menu-btn{background:#fff3;border:none;color:#fff;padding:10px 20px;border-radius:25px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:14px}.game-mode-buttons{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.game-mode-button{border:none;padding:15px 30px;font-size:16px;font-weight:700;border-radius:25px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:transform .2s ease}.game-mode-button:hover{transform:translateY(-2px)}.game-mode-button.single-player-button{background:#4caf50;color:#fff}.game-mode-button.multiplayer-button{background:#2196f3;color:#fff}.matchmaking-container{width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative}.back-button{position:absolute;top:20px;left:20px;background:#666;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;z-index:1001}.game-container{position:relative;width:100vw;height:100vh}.game-info-overlay{position:absolute;top:10px;left:10px;background:#000c;color:#fff;padding:15px;border-radius:8px;z-index:1000;font-size:14px;max-width:350px;font-family:monospace}.game-info-overlay p{margin-bottom:5px}.game-info-overlay strong{color:#a7d9ff}.other-players-summary{font-size:12px;opacity:.9;margin-top:10px;background:#4caf5033;padding:8px;border-radius:4px}.other-player-item{margin-left:10px}.info-back-button{background:#666;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:10px;font-size:12px}.matchmaking-section{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:400px;width:100%}.matchmaking-controls{display:flex;flex-direction:column;align-items:center;gap:10px}.matchmaking-button{border:none;color:#fff;padding:15px 40px;font-size:18px;font-weight:700;border-radius:50px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .3s ease;min-width:180px;max-width:250px;position:relative;overflow:hidden}.matchmaking-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 12px #0000004d!important}.matchmaking-button:active{transform:translateY(0)!important;box-shadow:0 2px 4px #0003!important}.matchmaking-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.matchmaking-progress{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:8px}.progress-bar{width:250px;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#2196f3);transition:width 1s ease;border-radius:3px}.search-status{color:#fff;font-size:12px;opacity:.8;margin:0;text-align:center}.players-found{background:#0000004d;padding:10px 15px;border-radius:8px;color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:8px;max-width:300px}.players-found h4{margin:0 0 8px;color:#4caf50;font-size:14px}.players-found ul{list-style:none;padding:0;margin:0}.players-found li{padding:4px 8px;background:#ffffff1a;margin:2px 0;border-radius:4px;font-size:12px}.store-nav-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#232526,#414345);gap:24px}.store-nav-btn{padding:16px 32px;font-size:18px;border-radius:8px;border:none;background:#2196f3;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .2s}.store-nav-btn:hover{background:#1769aa}.store-nav-back-btn{margin-top:32px;background:#666;color:#fff;border:none;border-radius:6px;padding:10px 24px;font-size:16px;cursor:pointer}.back-arrow{position:absolute;top:24px;left:24px;background:#0003;color:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:24px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-arrow:hover{background:#00000059}.current-balance{background:#ffffff1a;border-radius:12px;padding:16px 24px;margin-bottom:24px;text-align:center}.current-balance p{margin:0;color:#fffbe7;font-size:1.2rem;font-weight:500}.balance-amount{font-weight:700;color:gold;font-size:1.4rem}.error-message{background:#f4433633;color:#ff6b6b;padding:12px 24px;border-radius:8px;margin-bottom:16px;text-align:center;border:1px solid rgba(244,67,54,.3)}.loading-indicator{text-align:center;color:#fffbe7;font-size:1.1rem;margin-top:24px;padding:16px;background:#ffffff1a;border-radius:8px}.purchase-coins-page{position:relative;min-height:100vh;background:linear-gradient(135deg,#cf9d13,#f90);display:flex;flex-direction:column;align-items:center;justify-content:center}.purchase-title{margin-top:60px;font-size:2.2rem;color:#fffbe7;text-shadow:0 2px 8px #0006;margin-bottom:32px}.coin-options{display:flex;flex-direction:column;gap:24px;width:100%;max-width:400px}.coin-option{background:#ffffff26;border-radius:12px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a;font-size:1.2rem}.coin-amount{color:#fffbe7;font-weight:700;font-size:1.3rem}.coin-price{color:#232526;font-size:1.1rem;margin-right:16px}.buy-btn{background:gold;color:#232526;border:none;border-radius:8px;padding:10px 24px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;min-width:80px}.buy-btn:hover:not(:disabled){background:#ffed4a;transform:translateY(-1px)}.buy-btn:disabled{background:#ccc;color:#666;cursor:not-allowed;opacity:.7}.in-game-store-page{position:relative;min-height:100vh;background:linear-gradient(135deg,#667eea,#55a24b);display:flex;flex-direction:column;align-items:center;justify-content:center}.store-title{margin-top:60px;font-size:2.2rem;color:#fffbe7;text-shadow:0 2px 8px #0006;margin-bottom:32px}.store-items-list{display:flex;flex-direction:column;gap:24px;width:100%;max-width:400px}.store-item{background:#ffffff1f;border-radius:12px;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000001a;font-size:1.2rem}.item-name{color:#fffbe7;font-weight:700;font-size:1.2rem}.item-price{color:gold;font-size:1.1rem;margin-right:16px}