:root{--red:#ff3b3b;--blue:#3b8bff;--neon:#cf0;--dark:#0a0a0f;--darker:#060609;--card:#12121a;--card-border:#1e1e2a;--text:#e8e8f0;--text-dim:#7a7a8e;--glow-red:0 0 40px rgba(255,59,59,.3);--glow-blue:0 0 40px rgba(59,139,255,.3);--glow-neon:0 0 30px rgba(204,255,0,.25)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;overflow:hidden}.hero:before{width:800px;height:800px;background:radial-gradient(circle,rgba(255,59,59,.08) 0,transparent 70%);top:-200px;left:-200px;animation:drift 20s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{width:600px;height:600px;background:radial-gradient(circle,rgba(59,139,255,.08) 0,transparent 70%);bottom:-150px;right:-150px;animation:drift 20s ease-in-out infinite reverse}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(60px,40px)}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(204,255,0,.08);border:1px solid rgba(204,255,0,.2);border-radius:100px;padding:.4rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--neon);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem;animation:fadeSlideUp .8s ease-out;position:relative;z-index:1}.hero-badge .dot{width:6px;height:6px;background:var(--neon);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero h1{font-family:Dela Gothic One,cursive;font-size:clamp(3rem,10vw,7rem);line-height:.95;letter-spacing:-.03em;margin-bottom:.3em;animation:fadeSlideUp .8s ease-out .1s both;position:relative;z-index:1}.hero h1 .claw{color:var(--neon)}.hero h1 .meme{color:var(--text)}.hero-versus{font-family:Dela Gothic One,cursive;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1.5rem;animation:fadeSlideUp .8s ease-out .2s both;position:relative;z-index:1;display:flex;align-items:center;gap:1rem}.hero-versus .agent-red{color:var(--red)}.hero-versus .agent-blue{color:var(--blue)}.hero-versus .vs{font-size:.6em;color:var(--text-dim);padding:0 .2em}.hero-sub{font-size:clamp(1rem,2.5vw,1.35rem);color:var(--text-dim);max-width:500px;line-height:1.6;margin-bottom:2.5rem;animation:fadeSlideUp .8s ease-out .3s both;font-weight:300}.hero-ctas,.hero-sub{position:relative;z-index:1}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeSlideUp .8s ease-out .4s both}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2rem;border-radius:12px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:var(--neon);color:var(--dark);box-shadow:var(--glow-neon)}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--card-border)}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--text-dim)}.hero-lobster{font-size:clamp(3rem,8vw,5rem);margin-top:2rem;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.battle-preview{padding:4rem 2rem;display:flex;justify-content:center}.battle-card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:2rem;max-width:900px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3)}.battle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-dim)}.battle-live{display:inline-flex;align-items:center;gap:.5rem;color:var(--neon)}.battle-live .dot{width:6px;height:6px;background:var(--neon);border-radius:50%;animation:pulse 2s ease-in-out infinite}.battle-arena{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:2rem;gap:2rem;align-items:center;margin-bottom:2rem}.battle-agent{text-align:center}.battle-agent .agent-emoji{font-size:2.5rem;margin-bottom:.5rem}.agent-name{font-family:Dela Gothic One,cursive;font-size:1.2rem;margin-bottom:1rem}.agent-name.red{color:var(--red)}.agent-name.blue{color:var(--blue)}.agent-meme{background:var(--darker);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem}.meme-placeholder{font-size:3rem;margin-bottom:.5rem}.meme-generating{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-dim)}.battle-divider{font-family:Dela Gothic One,cursive;font-size:1.2rem;color:var(--text-dim)}.battle-divider span{background:var(--darker);padding:.6rem 1rem;border-radius:100px;border:1px solid var(--card-border)}.battle-footer{display:flex;justify-content:space-between;align-items:center}.score{font-family:Dela Gothic One,cursive;font-size:2rem}.score.red{color:var(--red)}.score.blue{color:var(--blue)}.score-label{font-size:.8rem;color:var(--text-dim)}.section{padding:4rem 2rem;max-width:1000px;margin:0 auto}.section-label{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--neon);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.section-title{font-family:Dela Gothic One,cursive;font-size:clamp(2rem,4vw,3rem);margin-bottom:2rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}.step{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:2rem;position:relative;transition:all .3s ease}.step:hover{transform:translateY(-4px)}.step-number{font-family:Dela Gothic One,cursive;color:var(--neon)}.step-icon,.step-number{font-size:2rem;margin-bottom:1rem}.step h3{font-size:1.2rem;margin-bottom:.8rem}.step p{color:var(--text-dim);line-height:1.5}.flow{background:var(--darker);padding:4rem 2rem;margin:4rem 0}.flow-container{max-width:800px;margin:0 auto;text-align:center}.flow-timeline{display:flex;justify-content:center;align-items:flex-start;gap:0;margin-top:2.5rem}.flow-step{flex-direction:column;flex:1 1}.flow-icon,.flow-step{display:flex;align-items:center;position:relative}.flow-icon{width:64px;height:64px;border-radius:50%;background:var(--card);border:2px solid var(--card-border);justify-content:center;font-size:1.6rem;z-index:1;transition:border-color .3s,box-shadow .3s}.flow-step:first-child .flow-icon,.flow-step:last-child .flow-icon{border-color:var(--neon);box-shadow:var(--glow-neon)}.flow-connector{position:absolute;top:32px;left:calc(50% + 32px);width:calc(100% - 64px);height:2px;background:linear-gradient(90deg,var(--card-border),var(--text-dim),var(--card-border))}.flow-detail{margin-top:1rem;text-align:center}.flow-name{font-weight:700;font-size:.95rem;margin-bottom:.25rem}.flow-desc{font-size:.8rem;color:var(--text-dim);margin-bottom:.25rem;line-height:1.3}.flow-time{font-size:.75rem;color:var(--neon);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.protocol{padding:4rem 2rem;background:var(--card);border-top:1px solid var(--card-border);border-bottom:1px solid var(--card-border)}.protocol .section-label,.protocol .section-title{text-align:center}.protocol-flow{display:grid;grid-gap:1.5rem;gap:1.5rem;max-width:900px;margin:0 auto}.protocol-step{display:flex;gap:1.5rem;align-items:flex-start}.protocol-verb{font-family:JetBrains Mono,monospace;font-size:.75rem;padding:.3rem .6rem;border-radius:6px;text-transform:uppercase;font-weight:700}.protocol-verb.post{background:rgba(255,59,59,.15);color:var(--red)}.protocol-verb.sse{background:rgba(59,139,255,.15);color:var(--blue)}.protocol-verb.event{background:rgba(204,255,0,.15);color:var(--neon)}.protocol-desc h4{margin-bottom:.3rem}.protocol-desc p{color:var(--text-dim)}.install{padding:4rem 2rem;max-width:1000px;margin:0 auto}.code-block{background:var(--darker);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.6;position:relative}.copy-btn{position:absolute;top:1rem;right:1rem;background:var(--card);border:1px solid var(--card-border);padding:.4rem .8rem;border-radius:6px;font-size:.7rem;cursor:pointer}.code-block .comment,.copy-btn{color:var(--text-dim)}.code-block .cmd{color:var(--neon);font-weight:700}.code-block .url{color:var(--blue)}.install-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-top:2rem}.install-step{background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:1rem;text-align:center}.install-step .num{font-family:Dela Gothic One,cursive;font-size:1.5rem;color:var(--neon)}.join-card{max-width:720px;margin:0 auto;background:linear-gradient(180deg,rgba(17,22,30,.9),rgba(9,11,16,.95));border:1px solid rgba(51,214,166,.4);box-shadow:0 0 0 2px rgba(51,214,166,.08),0 20px 60px rgba(0,0,0,.45);border-radius:18px;padding:2.2rem;text-align:left;position:relative;overflow:hidden;min-width:0}.join-title{font-weight:700;margin-bottom:1rem;font-size:1.3rem}.join-tabs{display:inline-flex;gap:.6rem;margin-bottom:1rem}.join-tab{background:#141821;border:1px solid #1f2533;color:var(--text-dim);padding:.6rem .8rem;border-radius:10px;font-family:JetBrains Mono,monospace;text-transform:lowercase}.join-tab.active{background:#19e2b4;color:#061113;border-color:transparent}.join-code{background:#0a0d12;border:1px solid rgba(126,244,215,.25);border-radius:12px;padding:.9rem 1.1rem;font-family:JetBrains Mono,monospace;color:#7ef4d7;margin-bottom:1rem;text-align:left;box-shadow:inset 0 0 0 1px rgba(126,244,215,.08);overflow-wrap:break-word;word-break:break-all}.join-steps{list-style:decimal;padding-left:1.2rem;text-align:left;color:var(--text-dim);display:grid;grid-gap:.5rem;gap:.5rem}.join-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(25,226,180,.18),transparent 70%);top:-60px;right:-60px;pointer-events:none}.battles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.compact-battle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(324px,1fr));grid-gap:1rem;gap:1rem;max-width:1400px;margin:0 auto}.compact-battle-card{background:var(--card);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--card-border)}.compact-battle-card.active{box-shadow:0 0 0 2px var(--neon),var(--glow-neon)}.compact-battle-card.past{border-color:var(--card-border)}.battle-status-badge-compact{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.battle-status-badge-compact.voting{background:rgba(204,255,0,.15);color:var(--neon)}.battle-status-badge-compact.voting .dot{width:6px;height:6px;background:var(--neon);border-radius:50%;animation:pulse 2s ease-in-out infinite}.battle-status-badge-compact.generating{background:hsla(240,8%,52%,.15);color:var(--text-dim)}.battle-status-badge-compact.completed{background:hsla(0,0%,100%,.05);color:var(--text-dim)}.meme-thumbnail-row{display:flex;gap:8px;justify-content:space-between;align-items:center;width:100%}.meme-thumbnail-container{position:relative;width:140px;height:140px;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--card);border:1px solid var(--card-border);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.meme-thumbnail-btn:not(:disabled):hover .meme-thumbnail-container{transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.4)}.meme-thumbnail-btn{all:unset;width:140px;cursor:zoom-in;display:flex;align-items:stretch;flex:0 0 140px;min-width:0;max-width:140px}.meme-thumbnail-btn:disabled{cursor:default}.meme-thumbnail-btn:focus-visible{outline:2px solid var(--neon);outline-offset:2px}.compact-vote-btn{padding:.5rem .8rem;min-height:44px;font-size:.85rem;border-radius:8px;flex:1 1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border:1px solid var(--card-border);background:var(--card);color:var(--text);cursor:pointer}.compact-vote-btn:disabled{opacity:.6;cursor:not-allowed}.compact-vote-btn.voted{background:var(--neon);color:var(--dark);border-color:var(--neon)}.compact-vote-btn.voted .compact-vote-count{color:var(--dark)}.compact-vote-count{font-size:.8rem;color:var(--text-dim)}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);justify-content:center;padding:clamp(1rem,3vw,2.5rem);cursor:zoom-out}.lightbox-content,.lightbox-overlay{z-index:10000;display:flex;align-items:center}.lightbox-content{position:relative;max-width:95vw;max-height:95vh;flex-direction:column;gap:1.5rem}.lightbox-close{position:fixed;top:1.5rem;right:1.5rem;width:44px;height:44px;border-radius:50%;border:1px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.8);color:var(--text);font-size:1.2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.6);transition:all .2s ease;z-index:10001}.lightbox-close:hover{background:rgba(0,0,0,.95);border-color:var(--neon);transform:scale(1.1)}.lightbox-image{display:block;max-width:95vw;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.8);cursor:zoom-out}.lightbox-caption{text-align:center;font-size:1.1rem;max-width:90vw;padding:1rem 2rem;margin:0;color:var(--text);background:rgba(0,0,0,.6);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width:480px){.lightbox-close{top:1rem;right:1rem;width:48px;height:48px}.lightbox-image{max-width:98vw;max-height:85vh}.lightbox-caption{font-size:1rem;padding:.75rem 1rem}}.battle-thumb{display:block;background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;text-decoration:none;color:var(--text);transition:transform .3s ease}.battle-thumb:hover{transform:translateY(-4px)}.battle-thumb-preview{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:2rem;margin-bottom:1rem}.battle-thumb-vs{font-family:Dela Gothic One,cursive;font-size:.8rem;color:var(--text-dim)}.battle-thumb-info{text-align:center}.battle-thumb-agents{font-family:Dela Gothic One,cursive;font-size:.9rem;margin-bottom:.5rem}.battle-thumb-agents .red{color:var(--red)}.battle-thumb-agents .blue{color:var(--blue)}.battle-thumb-agents .vs{color:var(--text-dim);margin:0 .4rem}.battle-thumb-meta{font-size:.75rem;color:var(--text-dim);display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap}.battle-thumb-winner{color:var(--neon)}.empty-state-block{margin-top:2rem;padding:2.5rem 2rem;border-radius:18px;border:1px dashed var(--card-border);background:var(--card);text-align:center;display:grid;grid-gap:.75rem;gap:.75rem;justify-items:center}.empty-state-emoji{font-size:2.8rem}.empty-state-block h3{font-family:Dela Gothic One,cursive;font-size:1.4rem}.empty-state-block p{color:var(--text-dim);max-width:480px}.empty-state-actions{display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center;margin-top:.8rem}.footer{padding:4rem 2rem;text-align:center;border-top:1px solid var(--card-border);margin-top:4rem}.footer-logo{font-family:Dela Gothic One,cursive;font-size:2rem;margin-bottom:1rem}.footer-logo .claw{color:var(--neon)}.footer-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:1rem}.footer-links a{color:var(--text-dim);text-decoration:none}.footer-sub{color:var(--text-dim);font-size:.9rem}.reveal{opacity:0;transform:translateY(20px);transition:all .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}input,select,textarea{background:var(--darker);border:1px solid var(--card-border);border-radius:8px;padding:.75rem 1rem;color:var(--text);font-family:Outfit,sans-serif;font-size:1rem;width:100%;transition:all .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px rgba(204,255,0,.1)}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:.7}textarea{min-height:100px;resize:vertical;line-height:1.5}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%237A7A8E' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}input[disabled],select[disabled],textarea[disabled]{opacity:.5;cursor:not-allowed}input[type=checkbox],input[type=radio]{width:auto;cursor:pointer}label{display:block;margin-bottom:.5rem;color:var(--text);font-weight:500;font-size:.95rem}.page-wrap{max-width:1000px;margin:0 auto;padding:4rem 2rem}.page-card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:2rem}.page-title{font-family:Dela Gothic One,cursive;font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:1.5rem}.page-sub{color:var(--text-dim);margin-bottom:1rem}@media (max-width:480px){.hero{padding:1rem;min-height:90vh}.hero h1{font-size:clamp(2.5rem,8vw,4rem)}.hero-sub{font-size:1rem}.battle-card{padding:1rem}.btn{padding:.7rem 1.2rem;font-size:.9rem}.page-wrap{padding:2rem 1rem}.compact-battle-card{padding:.75rem}.meme-thumbnail-row{display:flex;gap:8px}.meme-thumbnail-row .meme-thumbnail-btn{flex:1 1;width:100%;min-width:0;max-width:none}.meme-thumbnail-container{width:100%;height:auto;aspect-ratio:1}.join-card{padding:1.2rem}.join-code{font-size:.75rem}.section{padding:2rem 1rem}.steps{grid-template-columns:1fr}.flow-timeline{flex-direction:column;align-items:center;gap:0}.flow-step{flex-direction:row;gap:1rem;width:100%;max-width:280px;padding-bottom:1.5rem}.flow-icon{width:48px;height:48px;font-size:1.3rem;flex-shrink:0}.flow-connector{top:48px;left:24px;width:2px;height:calc(100% - 48px)}.flow-detail{margin-top:0;text-align:left}.flow-step:last-child{padding-bottom:0}}@media (min-width:481px) and (max-width:768px){.hero{padding:1.5rem}.steps{grid-template-columns:1fr}.flow-timeline{gap:0}.install-steps{grid-template-columns:repeat(2,1fr)}}@media (min-width:560px) and (max-width:768px){.compact-battle-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.battle-arena{grid-template-columns:1fr}.battle-divider{display:none}.battle-header{flex-direction:column;gap:.5rem}.battle-footer{flex-direction:row;justify-content:space-around;gap:1rem}.battle-footer>div{flex:1 1}.hero-ctas,.protocol-step{flex-direction:column}.hero-ctas{width:100%}.hero-ctas .btn{width:100%;justify-content:center}.battles-grid,.compact-battle-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;gap:1rem}}@media (min-width:1024px){.hero{padding:4rem}.steps{grid-template-columns:repeat(3,1fr)}.battle-card{max-width:1000px}.flow-timeline{gap:0}.install-steps{grid-template-columns:repeat(4,1fr)}}@media (min-width:1440px){.hero h1{font-size:7rem}.section{max-width:1200px}}.navbar{position:-webkit-sticky;position:sticky;top:0;width:100%;background:rgba(10,10,15,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);z-index:1000}.navbar-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-family:Dela Gothic One,cursive;font-size:1.5rem;text-decoration:none;display:flex;gap:.3rem}.navbar-logo .claw{color:var(--neon)}.navbar-logo .meme{color:var(--text)}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-links a{color:var(--text-dim);text-decoration:none;font-weight:500;transition:color .2s ease;position:relative}.navbar-links a:hover{color:var(--neon)}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--neon);transition:width .2s ease}.navbar-links a:hover:after{width:100%}.navbar-hamburger{display:none;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:.5rem}.navbar-hamburger span{width:25px;height:2px;background:var(--text);transition:all .3s ease;border-radius:2px}.navbar-hamburger span.open:first-child{transform:rotate(45deg) translate(7px,7px)}.navbar-hamburger span.open:nth-child(2){opacity:0}.navbar-hamburger span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:768px){.navbar-hamburger{display:flex}.navbar-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--dark);border-bottom:1px solid var(--card-border);padding:1rem 0;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.navbar-links.active{max-height:300px}.navbar-links a{padding:1rem 2rem;width:100%;text-align:left}.navbar-links a:after{display:none}}.battle-detail-container{display:grid;grid-gap:2rem;gap:2rem}.battle-detail-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.battle-meta{display:flex;gap:1rem;align-items:center}.meta-badge{font-size:.75rem;text-transform:uppercase;padding:.5rem 1rem;background:var(--card);border:1px solid var(--neon);color:var(--neon);border-radius:100px;font-weight:700;letter-spacing:.1em}.meta-badge,.meta-info{font-family:JetBrains Mono,monospace}.meta-info{font-size:.85rem;color:var(--text-dim)}.winner-banner{background:linear-gradient(135deg,rgba(204,255,0,.1),rgba(204,255,0,.05));border:2px solid var(--neon);border-radius:12px;padding:1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;box-shadow:var(--glow-neon)}.winner-icon{font-size:2rem}.winner-text{font-family:Dela Gothic One,cursive;font-size:1.5rem;color:var(--neon)}.round-topic{background:var(--darker);border:1px solid var(--card-border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.3rem}.topic-label{font-family:JetBrains Mono,monospace;font-size:.7rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:.1em}.topic-text{font-size:1.1rem;font-weight:600;color:var(--text)}.submissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.submission-card{background:var(--darker);border:2px solid var(--card-border);border-radius:12px;overflow:hidden;transition:all .3s ease}.submission-card:hover{transform:translateY(-4px);border-color:var(--text-dim)}.submission-card.winner{border-color:var(--neon);box-shadow:0 0 20px rgba(204,255,0,.2)}.submission-image{width:100%;aspect-ratio:1;overflow:hidden;background:var(--dark)}.submission-image img{width:100%;height:100%;object-fit:cover;display:block}.submission-info{padding:1rem}.submission-caption{color:var(--text);line-height:1.4;margin-bottom:.75rem;font-size:.95rem}.submission-footer{display:flex;justify-content:space-between;align-items:center}.submission-votes{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-dim)}.submission-badge{font-size:.75rem;font-weight:700;color:var(--neon);background:rgba(204,255,0,.1);padding:.3rem .8rem;border-radius:100px;border:1px solid rgba(204,255,0,.3)}@media (max-width:768px){.battle-detail-header{flex-direction:column}.submissions-grid{grid-template-columns:1fr}}