:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#535353;background-color:#f7f7f7;font-family:Courier New,Courier,monospace;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{justify-content:center;align-items:center;min-height:100vh;margin:0;display:flex}#root{width:100%;max-width:850px;padding:20px}.app-container{background-color:#fff;border:2px solid #535353;border-radius:8px;box-shadow:0 4px 20px #0000001a}.game-area{cursor:pointer;background-color:#fff;border-bottom:2px solid #535353;border-radius:8px 8px 0 0;width:800px;height:400px;margin:0 auto;position:relative;overflow:hidden}.ui-panel{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;align-items:center;min-height:200px;padding:40px 30px 80px;display:flex}.ui-panel h2{color:#535353;letter-spacing:2px;margin-top:0;font-size:28px}.dino{transition:height .1s,width .1s;position:absolute}.dino:before{content:"";background-color:#fff;width:4px;height:4px;position:absolute;top:8px;right:8px}.dino-leg{width:8px;height:8px;position:absolute;bottom:-8px}.dino-leg.left{left:8px}.dino-leg.right{right:8px}.dino-name{white-space:nowrap;font-size:10px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.hat-stack{pointer-events:none;flex-direction:column-reverse;align-items:center;margin-bottom:-2px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.hat{flex-shrink:0;margin-bottom:-2px;position:relative}.hat-cap{background-color:#3d8bfd;border-radius:5px 5px 0 0;width:25px;height:10px}.hat-cap:after{content:"";background-color:#3d8bfd;width:10px;height:3px;position:absolute;bottom:0;right:-8px}.hat-top-hat{background-color:#333;border-bottom:2px solid #000;width:20px;height:15px}.hat-top-hat:before{content:"";background-color:#000;width:30px;height:3px;position:absolute;bottom:-3px;left:-5px}.hat-cowboy{background-color:#8b4513;border-radius:10px 10px 0 0;width:22px;height:10px}.hat-cowboy:before{content:"";background-color:#8b4513;border-radius:50% 50% 0 0;width:38px;height:3px;position:absolute;bottom:0;left:-8px}.cactus{background-color:#535353;border-radius:5px 5px 0 0;position:absolute}.cactus:before,.cactus:after{content:"";background-color:#535353;width:8px;height:15px;position:absolute}.cactus:before{border-bottom:4px solid #535353;border-radius:4px 0 0 4px;top:5px;left:-8px}.cactus:after{border-bottom:4px solid #535353;border-radius:0 4px 4px 0;top:10px;right:-8px}.bird{background-color:#535353;border-radius:50% 50% 10px 10px;position:absolute}.wing{background-color:#535353;width:15px;height:8px;position:absolute;left:-5px}.wing-top{border-radius:8px 8px 0 0;animation:.2s infinite alternate flap-top;top:-5px}.wing-bottom{border-radius:0 0 8px 8px;animation:.2s infinite alternate flap-bottom;bottom:2px}@keyframes flap-top{0%{transform:rotate(0)}to{transform:rotate(-30deg)}}@keyframes flap-bottom{0%{transform:rotate(0)}to{transform:rotate(30deg)}}.score{font-size:22px;font-weight:700}.overlay-container{z-index:150;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.level-space{transition:background 1s ease-in-out;background:linear-gradient(#000428,#004e92)!important}.level-space:before{content:"";opacity:.8;background-image:radial-gradient(1px 1px at 20px 30px,#eee,#0000),radial-gradient(1.5px 1px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(1px 1px at 80px 40px,#fff,#0000),radial-gradient(1.5px 1.5px at 110px 110px,#eee,#0000),radial-gradient(2px 2px at 150px 150px,#fff,#0000);background-size:200px 200px;animation:4s linear infinite stars-twinkle;position:absolute;inset:0}@keyframes stars-twinkle{0%{background-position:0 0}to{background-position:0 200px}}.rock{filter:drop-shadow(0 0 5px #fff3);animation:3s linear infinite rock-rotate}@keyframes rock-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-water{transition:background 1.5s ease-in-out;background:linear-gradient(#00d2ff,#3a7bd5)!important}.level-water:before{content:"";background-image:radial-gradient(4px 4px at 10% 20%,#fff3,#0000),radial-gradient(6px 6px at 30%,#ffffff1a,#0000),radial-gradient(3px 3px at 70% 30%,#fff3,#0000),radial-gradient(5px 5px at 90% 80%,#ffffff1a,#0000);background-size:300px 300px;animation:10s linear infinite bubbles-rise;position:absolute;inset:0}@keyframes bubbles-rise{0%{background-position:0 300px}to{background-position:0 0}}.jellyfish{animation:2s ease-in-out infinite jellyfish-pulse}@keyframes jellyfish-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(.8)translateY(-5px)}}.oxygen-bar-container{background:#0003;border-radius:10px;align-items:center;gap:8px;padding:2px 8px;display:flex}.oxygen-bar{background:#555;border:1px solid #fff;border-radius:5px;width:60px;height:10px;overflow:hidden}.oxygen-fill{background:#00d2ff;height:100%;transition:width .3s}.spectator-overlay h2{color:#ff4d4d;text-shadow:2px 2px 4px #0000004d;margin-bottom:0;font-size:40px}.blinking{color:#535353;font-weight:700;animation:1s infinite blink-text}@keyframes blink-text{50%{opacity:.3}}.login-form{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:300px;display:flex}.login-form input[type=text]{text-align:center;border:2px solid #535353;outline:none;width:100%;padding:12px;font-family:inherit;font-size:18px}.selection-group{align-items:flex-start;gap:20px;display:flex}.color-selection,.hat-selection{flex-direction:column;align-items:center;gap:10px;font-weight:700;display:flex}.chroma-picker{appearance:none;cursor:pointer;background-color:#0000;border:none;width:60px;height:60px}.chroma-picker::-webkit-color-swatch{border:3px solid #535353;border-radius:50%}.custom-select-wrapper{width:180px;position:relative}.custom-select-trigger{cursor:pointer;background:#fff;border:2px solid #535353;justify-content:space-between;align-items:center;padding:10px 15px;font-size:16px;display:flex}.custom-options{z-index:100;background:#fff;border:2px solid #535353;border-top:none;display:none;position:absolute;top:100%;left:0;right:0}.custom-select-wrapper.open .custom-options{display:block}.custom-option{cursor:pointer;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.custom-option:hover{background-color:#f7f7f7}.hat-mini-preview{width:30px;height:20px;position:relative}.hat-mini-preview .hat{margin:0;transform:scale(.8)}.error-message{color:#ff4d4d;margin:0;font-size:14px;font-weight:700}.player-list{border-top:1px solid #eee;width:100%;max-height:150px;margin:20px 0;padding-top:15px;overflow-y:auto}.player-item{margin-bottom:8px;font-size:16px;font-weight:700}.results-table{background:#fff;border:2px solid #535353;width:100%;max-width:400px;margin:20px 0}.results-header{color:#fff;background:#535353;justify-content:space-between;padding:10px 15px;font-weight:700;display:flex}.results-row{border-bottom:1px solid #eee;justify-content:space-between;padding:8px 15px;font-weight:700;display:flex}.results-row:last-child{border-bottom:none}.restart-btn{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#535353;border:none;padding:12px 24px;font-family:inherit;font-size:18px;transition:transform .1s}.restart-btn:active{transform:scale(.95)}.restart-btn:disabled{cursor:not-allowed;background-color:#ccc}.instructions{color:#777;margin-top:15px;font-size:14px}.local-stats{background:#ffffffb3;border:1px solid #535353;border-radius:4px;gap:15px;padding:5px 10px;font-weight:700;display:flex}.star-timer{color:#ff9800;animation:.5s infinite blink}@keyframes blink{50%{opacity:.5}}.immune-glow{animation:.3s infinite alternate star-glow}@keyframes star-glow{0%{filter:brightness()drop-shadow(0 0 2px gold)}to{filter:brightness(1.5)drop-shadow(0 0 10px gold)}}.powerup{z-index:5;animation:1s infinite alternate floating}@keyframes floating{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.hud-top{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;padding:10px 15px;display:flex;position:absolute;top:0;left:0;right:0}.laser-beam{z-index:50;background-color:red;border-radius:3px;width:25px;height:6px;position:absolute;box-shadow:0 0 10px red,0 0 20px red}#root{text-align:center;max-width:1280px;margin:0 auto;padding:2rem}.App{flex-direction:column;align-items:center;display:flex}h1{color:#535353;font-family:Courier New,Courier,monospace}