:root{--font-main: "Inter", sans-serif;--bg-dark: #1a1a1a;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--accent: #fbbf24;--accent-glow: rgba(251, 191, 36, .5);--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{font-family:var(--font-main);background-color:#0f172a;background-image:url(/assets/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;overflow:hidden;height:100vh;width:100vw;position:relative}#game-container{position:relative;width:100%;height:100%}canvas{display:block;width:100%;height:100%}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;justify-content:center;align-items:center}.screen{pointer-events:auto;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);padding:2rem;border-radius:1rem;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 8px 32px #0000005e;min-width:300px;text-align:center;transition:opacity .3s ease}.hidden{opacity:0;pointer-events:none;display:none}h1{font-weight:800;letter-spacing:-.05em;font-size:3rem;text-transform:uppercase;background:linear-gradient(to right,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-logo{max-width:800px;display:block;margin:0 auto 1rem;max-width:80%;max-height:40vh;width:auto;filter:drop-shadow(0 0 15px var(--accent-glow))}.input-group{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}label{font-size:.75rem;font-weight:600;color:#aaa;text-transform:uppercase}input,select{width:100%;background:#0000004d;border:1px solid var(--glass-border);padding:.75rem;border-radius:.5rem;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:border-color .2s;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}input:focus,select:focus{border-color:var(--accent)}select option{background-color:#1e293b;color:#fff}button{background:#fff;color:#000;border:none;padding:1rem;border-radius:.5rem;font-weight:800;font-size:1rem;cursor:pointer;text-transform:uppercase;transition:transform .1s,background-color .2s}button:hover{background:var(--accent);transform:scale(1.05)}button:active{transform:scale(.95)}#hud{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem 2rem;pointer-events:none;font-family:Inter,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.8);display:flex;box-sizing:border-box}.hud-sp{flex-direction:row;justify-content:space-between;align-items:flex-start}.hud-sp #p1-hud{display:flex;justify-content:space-between;width:100%;align-items:flex-start}.hud-sp{justify-content:center}.hud-sp #p1-hud{width:100%;display:flex;justify-content:space-between;align-items:flex-start}#timer-container{position:absolute;top:1rem;left:50%;transform:translate(-50%);font-size:2rem;font-weight:800;color:#fff;z-index:10}.hud-sp #p1-hud .player-info{display:flex;flex-direction:column;align-items:flex-start}.hud-sp #p1-hud .player-score{font-size:1.5rem;font-weight:800;color:var(--accent)}.hud-mp{padding:0}.hud-mp #timer-container{top:1rem}.hud-mp .player-hud{position:absolute;top:0;width:50%;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:flex-start}.hud-mp #p1-hud{left:0}.hud-mp #p2-hud{left:50%}.hud-name{font-size:1.2rem;font-weight:700;text-transform:uppercase;color:#ddd}.hud-animal{font-size:1.5rem}.player-score{font-size:1.5rem;font-weight:800;color:var(--accent)}.player-section{background:#ffffff0d;padding:1rem;border-radius:.5rem;border:1px solid var(--glass-border);display:flex;flex-direction:column;gap:1rem;min-width:200px}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:var(--accent)}input:focus+.slider{box-shadow:0 0 1px var(--accent)}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff6}tbody tr:hover{background:#ffffff0d}