:root{font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:#000}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#000}.app{width:100%;height:100%;position:relative}canvas{display:block;width:100%;height:100%}.start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a,#000);display:flex;align-items:center;justify-content:center;z-index:100}.start-content{text-align:center;color:#fff;font-family:SF Mono,Menlo,Monaco,monospace}.start-content h1{font-size:64px;font-weight:200;letter-spacing:.4em;margin-bottom:8px;color:#ffffffe6;text-shadow:0 0 40px rgba(100,200,255,.3)}.start-content p{font-size:14px;letter-spacing:.2em;color:#ffffff80;margin-bottom:8px}.start-content .subtitle{font-style:italic;color:#64c8ff99;margin-bottom:40px}.start-button{background:linear-gradient(135deg,#3c8cc84d,#2864a04d);border:1px solid rgba(100,180,255,.4);color:#ffffffe6;padding:16px 48px;font-size:16px;font-family:SF Mono,Menlo,Monaco,monospace;letter-spacing:.15em;cursor:pointer;border-radius:4px;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px}.start-button:hover{background:linear-gradient(135deg,#50a0dc66,#3c78b466);border-color:#78c8ff99;transform:scale(1.02);box-shadow:0 0 30px #64b4ff33}.play-icon{font-size:14px}.start-content .hint{margin-top:32px;font-size:11px;color:#ffffff4d}.info{position:fixed;bottom:20px;left:20px;color:#fff9;font-family:SF Mono,Menlo,Monaco,monospace;font-size:12px;pointer-events:none;z-index:10}.info h1{font-size:24px;font-weight:300;letter-spacing:.3em;text-transform:uppercase;margin-bottom:4px;color:#fffc}.info p{font-size:11px;letter-spacing:.15em;opacity:.6}.control-panel{position:fixed;top:20px;right:20px;background:#0a0a0fe6;border:1px solid rgba(100,180,255,.2);border-radius:8px;padding:16px;min-width:200px;font-family:SF Mono,Menlo,Monaco,monospace;color:#ffffffe6;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-section{margin-bottom:16px}.panel-section:last-child{margin-bottom:0}.panel-section h3{font-size:10px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#64b4ffb3;margin-bottom:8px}.panel-section select{width:100%;padding:8px 12px;background:#1e1e2de6;border:1px solid rgba(100,180,255,.3);border-radius:4px;color:#ffffffe6;font-family:inherit;font-size:13px;cursor:pointer;outline:none;transition:border-color .2s}.panel-section select:hover{border-color:#64b4ff80}.panel-section select:focus{border-color:#64b4ffb3}.respawn-btn,.pause-btn{width:100%;padding:8px 12px;margin-top:8px;background:linear-gradient(135deg,#3c8cc84d,#2864a04d);border:1px solid rgba(100,180,255,.4);border-radius:4px;color:#ffffffe6;font-family:inherit;font-size:12px;cursor:pointer;transition:all .2s}.respawn-btn:hover,.pause-btn:hover{background:linear-gradient(135deg,#50a0dc66,#3c78b466);border-color:#78c8ff99}.pause-btn{margin-top:0}.species-info{position:fixed;bottom:80px;left:20px;max-width:320px;background:#0a0a0fd9;border:1px solid rgba(100,180,255,.15);border-radius:8px;padding:16px 20px;font-family:SF Mono,Menlo,Monaco,monospace;color:#ffffffd9;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.species-info h2{font-size:18px;font-weight:400;letter-spacing:.1em;margin-bottom:4px;color:#fffffff2}.species-info .category{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#64b4ffb3;margin-bottom:12px}.species-info .description{font-size:12px;line-height:1.6;color:#ffffffb3}.title{position:fixed;bottom:20px;left:20px;z-index:50}.title-text{font-family:SF Mono,Menlo,Monaco,monospace;font-size:24px;font-weight:200;letter-spacing:.3em;text-transform:uppercase;color:#fff6}