:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--bg-primary: #242424;--bg-secondary: #1a1a1a;--bg-card: #2d2d2d;--bg-hover: #3a3a3a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--border-color: #404040;--border-hover: #606060;--accent-color: #646cff;--accent-hover: #535bf2;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%}body{display:flex;place-items:center}body:has(.elk-page){display:block!important}.elk-page{display:block!important;width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important}html{width:100%;overflow-x:hidden}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{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #ffffff;--bg-hover: #f0f0f0;--text-primary: #213547;--text-secondary: #666666;--border-color: #e0e0e0;--border-hover: #cccccc;--accent-color: #646cff;--accent-hover: #747bff;color:var(--text-primary);background-color:var(--bg-primary)}a:hover{color:var(--accent-hover)}button{background-color:var(--bg-card);color:var(--text-primary);border-color:var(--border-color)}button:hover{background-color:var(--bg-hover);border-color:var(--border-hover)}}.elk-page{--forest-deep: #1a2e1a !important;--forest-medium: #2d4a2d !important;--forest-light: #4a6741 !important;--forest-moss: #5a7c50 !important;--forest-sage: #6b8e5a !important;--forest-mint: #8fb383 !important;--forest-cream: #f5f2e8 !important;--forest-bark: #8b5a2b !important;--forest-earth: #a0522d !important;--forest-gold: #daa520 !important;--forest-shadow: rgba(26, 46, 26, .8) !important;--overlay-bg: rgba(245, 242, 232, .95) !important;--overlay-bg-darker: rgba(245, 242, 232, .98) !important;--content-bg: rgba(255, 255, 255, .95) !important;--content-bg-hover: rgba(255, 255, 255, .98) !important;--text-primary: #1a2e1a !important;--text-secondary: #2d4a2d !important;--text-accent: #4a6741 !important;--text-light: #f5f2e8 !important;--border-color: var(--forest-sage) !important;--border-hover: var(--forest-light) !important;--border-accent: var(--forest-bark) !important;--accent-color: var(--forest-sage) !important;--accent-hover: var(--forest-light) !important;--accent-gold: var(--forest-gold) !important;background-color:#ddedfa!important;background-image:url(/mountains.jpg)!important;background-position:bottom center!important;background-repeat:no-repeat!important;background-size:100% auto!important;background-attachment:fixed!important;color:var(--text-primary)!important;min-height:100vh;position:relative}.elk-page:before{content:"";position:fixed;inset:0;background:linear-gradient(to bottom,#ddedfa1a,#ddedfa4d 70%,#ddedfa80);pointer-events:none;z-index:0}.elk-page h1,.elk-page h2,.elk-page h3,.elk-page h4,.elk-page h5,.elk-page h6{color:var(--forest-deep)!important;text-shadow:0 1px 2px rgba(26,46,26,.1)!important}.elk-page p,.elk-page div,.elk-page span{color:var(--text-primary)!important}.elk-page input,.elk-page select,.elk-page textarea{background:var(--content-bg)!important;color:var(--text-primary)!important;border:2px solid var(--border-color)!important;border-radius:12px!important;box-shadow:inset 0 2px 4px #5a7c5033,0 2px 8px #1a2e1a33!important;transition:all .3s ease!important;position:relative!important;z-index:1!important}.elk-page input:focus,.elk-page select:focus,.elk-page textarea:focus{background:var(--content-bg-hover)!important;border-color:var(--accent-color)!important;box-shadow:inset 0 2px 4px #5a7c5040,0 0 0 3px #5a7c504d,0 4px 12px #1a2e1a33!important;outline:none!important}.elk-page button:not([style*=background]){background:linear-gradient(135deg,var(--accent-color),var(--forest-moss))!important;color:var(--text-light)!important;border:2px solid var(--border-color)!important;border-radius:12px!important;box-shadow:0 4px 8px #1a2e1a33,inset 0 1px 2px #ffffff1a!important;transition:all .3s ease!important;font-weight:600!important;text-shadow:0 1px 2px rgba(26,46,26,.3)!important}.elk-page button:not([style*=background]):hover{background:linear-gradient(135deg,var(--accent-hover),var(--forest-sage))!important;border-color:var(--border-hover)!important;box-shadow:0 6px 12px #1a2e1a40,inset 0 1px 2px #ffffff26!important;transform:translateY(-1px)!important}.elk-page button:not([style*=background]):active{transform:translateY(0)!important;box-shadow:0 2px 4px #1a2e1a33,inset 0 1px 2px #ffffff1a!important}.elk-page .page-container{background:var(--content-bg)!important;border-radius:8px!important;box-shadow:0 4px 16px #0000001a!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;border:1px solid rgba(90,124,80,.2)!important;position:relative!important;max-width:90vw!important;z-index:1!important}.elk-page a{color:var(--accent-color)!important;text-decoration:none!important;font-weight:500!important;transition:all .3s ease!important;border-bottom:1px solid transparent!important}.elk-page a:hover{color:var(--accent-hover)!important;border-bottom-color:var(--accent-hover)!important;text-shadow:0 1px 2px rgba(74,103,65,.2)!important}.forest-card{background:var(--content-bg)!important;border:2px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 8px 24px #1a2e1a4d,inset 0 1px 2px #ffffff4d!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;transition:all .3s ease!important;position:relative!important;z-index:1!important;max-width:min(90vw,900px)!important;width:80%!important;padding:2rem!important;margin:50px auto 0!important;padding-top:8px!important}.forest-card:hover{background:var(--content-bg-hover)!important;box-shadow:0 12px 32px #1a2e1a66,inset 0 1px 2px #fff6!important;transform:translateY(-2px)!important}.forest-accent{background:linear-gradient(135deg,var(--accent-color),var(--forest-moss))!important;color:var(--text-light)!important;border-radius:12px!important;box-shadow:0 4px 12px #5a7c504d!important}.forest-gold{background:linear-gradient(135deg,var(--forest-gold),#b8860b)!important;color:var(--forest-deep)!important;border-radius:12px!important;box-shadow:0 4px 12px #daa5204d!important}.elk-page .mobile-vote-button{background:var(--content-bg)!important;border:3px solid var(--border-color)!important;border-radius:20px!important;box-shadow:0 8px 24px #1a2e1a4d,inset 0 2px 4px #ffffff4d!important;transition:all .3s ease!important;position:relative!important;z-index:1!important}.elk-page .mobile-vote-button:hover:not(:disabled){background:var(--content-bg-hover)!important;border-color:var(--border-hover)!important;box-shadow:0 12px 32px #1a2e1a66,inset 0 2px 4px #fff6!important;transform:translateY(-2px)!important}.elk-page [style*="background-color: #e6f3ff"]{background:#ffffffe6!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-color:var(--accent-color)!important;position:relative!important;z-index:1!important}.elk-page [style*="background-color: #fff3cd"]{background:#ffffffe6!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-color:var(--forest-gold)!important;position:relative!important;z-index:1!important}.elk-page>*{position:relative!important;z-index:1!important}.elk-page .admin-battle-controls>div{background:var(--content-bg)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;position:relative!important;z-index:1!important}.elk-page audio{display:block!important;visibility:visible!important;opacity:1!important;width:100%!important;max-width:100%!important;background-color:#fffffff2!important;border-radius:8px!important;box-shadow:0 2px 8px #00000026!important;margin:.5rem 0!important;position:relative!important;z-index:2!important}.elk-page{width:100%;max-width:100vw;overflow-x:hidden}.page-container{padding:1rem;width:100%;max-width:100vw}.page-container>div{width:100%;max-width:1200px;margin:0 auto}.elk-page.page-container,.elk-page .page-container{padding:0!important;max-width:100vw!important;width:100vw!important}@media(max-width:768px){.page-container{padding:.5rem}.elk-page button{min-height:48px!important;font-size:1.1rem!important;padding:1rem!important}.elk-page [style*="display: grid"],.elk-page [style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:1rem!important}.elk-page input,.elk-page select,.elk-page textarea{font-size:16px!important;min-height:44px!important;padding:.75rem!important}.elk-page audio{width:100%!important;max-width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;background-color:#ffffffe6!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.elk-page h1{font-size:2rem!important}.elk-page h2{font-size:1.75rem!important}.elk-page h3{font-size:1.5rem!important}.mobile-vote-container{display:flex!important;flex-direction:column!important;gap:1rem!important;align-items:stretch!important}.mobile-vote-vs{order:2!important;text-align:center!important;font-size:2rem!important;padding:1rem 0!important}.mobile-vote-button{min-height:200px!important;padding:2rem 1rem!important}}@media(max-width:480px){.page-container{padding:.25rem}.elk-page h2{font-size:1.5rem!important}.elk-page h3{font-size:1.25rem!important}.mobile-vote-button{min-height:150px!important;padding:1.5rem 1rem!important}.mobile-vote-button [style*="fontSize: '4rem'"]{font-size:3rem!important}.mobile-vote-button [style*="fontSize: '1.8rem'"]{font-size:1.5rem!important}.mobile-vote-button [style*="fontSize: '2.5rem'"]{font-size:2rem!important}.mobile-vote-button [style*="fontSize: '1.5rem'"]{font-size:1.25rem!important}.admin-battle-controls{grid-template-columns:1fr!important;gap:1rem!important}.elk-page [style*="display: flex"][style*=gap]{flex-direction:column!important;gap:.5rem!important}.elk-page audio{width:100%!important;max-width:100%!important;display:block!important;visibility:visible!important;opacity:1!important;background-color:#ffffffe6!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}}.sounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.sound-card{background:#8b45131a;border:2px solid #8B4513;border-radius:12px;padding:20px;transition:all .3s ease}.sound-card:hover{background:#8b451326;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sound-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.sound-name{font-size:18px;font-weight:700;color:#2f4f2f;margin:0}.sound-stats{display:flex;gap:10px}.sound-player{margin:15px 0}.forest-audio{width:100%;height:40px;border-radius:8px;background:#228b221a}.forest-audio::-webkit-media-controls-panel{background-color:#228b2233}.sound-meta{margin-top:15px;padding-top:15px;border-top:1px solid rgba(139,69,19,.3)}.upload-time{font-size:12px;color:#8b4513;margin:0;opacity:.8}.sound-filename{margin:10px 0}.filename{font-size:14px;color:#666;margin:0;font-style:italic;opacity:.9}#root{margin:0;padding:0;width:100%;min-height:100vh}#root{display:flex;justify-content:center;align-items:flex-start}#root:has(.elk-page){display:block!important;width:100vw!important;max-width:100vw!important;justify-content:unset!important;align-items:unset!important}.page-container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.elk-page{width:100vw!important;max-width:100vw!important;margin:0!important}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}