html{scroll-behavior:smooth;scroll-padding-top:100px}.topbar{position:sticky;top:0;z-index:20;background:#111712ee;backdrop-filter:blur(15px)}main{padding-top:28px}.landing-hero{position:relative;min-height:520px;isolation:isolate;border:1px solid #34422c;border-radius:8px;overflow:hidden;background:#151e14}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.landing-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b130def 0%,#0d160ec9 27%,#10190d55 53%,#0b100b05 75%),linear-gradient(0deg,#0c140b99,transparent 35%);z-index:-1}.hero-content{padding:70px 5%;max-width:760px}.hero-content .eyebrow{color:#a6c18c;letter-spacing:2px;font-size:10px}.hero-content h1{font-size:clamp(42px,5.1vw,78px);line-height:1.05;letter-spacing:-3px;margin:27px 0 24px;font-weight:500}.hero-content h1 span{color:var(--lime)}.hero-content p{color:#b6c7aa;font-size:14px;line-height:1.9;margin:0 0 28px;max-width:440px}.hero-cta{font-size:13px;padding:14px 23px}.hero-cta span{font-size:18px}.hero-meta{display:flex;gap:12px;align-items:center;font:8px var(--mono);letter-spacing:1px;color:#8fa37b;margin-top:30px}.hero-meta i{height:3px;width:3px;background:#91b36c;border-radius:50%}.art-caption{position:absolute;bottom:18px;right:23px;color:#b9cf9970;font:7px var(--mono);letter-spacing:1.5px}.intro-grid{display:grid;grid-template-columns:1fr .9fr;gap:55px;padding:66px 2% 48px;align-items:center}.intro-copy h2{font-size:35px;font-weight:400;line-height:1.2;letter-spacing:-1px;margin:17px 0}.intro-copy h2 span{color:#a3b497}.intro-copy>p{color:#8d9e82;font-size:13px;line-height:1.9;max-width:510px}.intro-features{display:flex;flex-direction:column;gap:18px;margin-top:28px}.intro-features>div{display:flex;gap:15px;align-items:flex-start}.intro-features b{font:9px var(--mono);color:var(--lime);padding-top:3px}.intro-features span{font-size:12px;color:#d1ddc7}.intro-features small{display:block;color:#7f9272;font-size:10px;margin-top:5px}.detail-art{margin:0;position:relative;border-radius:6px;border:1px solid #3b4c2f;overflow:hidden;align-self:stretch;min-height:330px}.detail-art img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.detail-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b140ce6,transparent 38%)}.detail-art figcaption{position:absolute;bottom:19px;left:21px;font:8px var(--mono);letter-spacing:1px;color:#a5c586;z-index:1}.screenshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:58px;border-bottom:1px solid var(--border);margin-bottom:45px}.screenshot-grid figure{margin:0;border:1px solid var(--border);border-radius:5px;overflow:hidden;background:#192017}.screenshot-grid img{width:100%;height:180px;object-fit:cover;object-position:center;display:block;border-bottom:1px solid #3b4933}.screenshot-grid figcaption{padding:14px;font-size:11px;color:#c1d0b5}.screenshot-grid figcaption>span{font:9px var(--mono);color:var(--lime);margin-right:9px}.screenshot-grid small{display:block;font:7px var(--mono);letter-spacing:1px;color:#6f8660;margin-top:7px}.page-heading h2{font-size:34px;letter-spacing:-1px;margin:10px 0;font-weight:400}.page-heading h2 span{color:var(--lime)}.server-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;padding:13px 17px;border:1px solid var(--border);border-radius:5px;background:#1a2218}.server-controls>div:first-child{display:flex;align-items:center;gap:9px}.server-controls strong{font-size:11px;font-weight:400;color:#baccac}.server-controls #viewer-count{font:9px var(--mono);color:#7c946c}.server-controls i{height:6px;width:6px;border-radius:50%;background:#a0ad88}.server-controls i.running{background:var(--lime);box-shadow:0 0 12px #c0ec8333}.server-buttons{display:flex;align-items:center;gap:10px}.small-primary{border:1px solid #8ba964;background:#334629;color:var(--lime);padding:7px 12px;border-radius:4px;font-size:10px}.quiet-button{border:1px solid #46523b;background:transparent;color:#95a986;padding:7px 10px;border-radius:4px;font-size:10px}.server-buttons label{font-size:9px;color:#819874;display:flex;gap:5px;align-items:center;cursor:pointer}.server-buttons input{accent-color:var(--lime)}.server-buttons label>span{font:6px var(--mono);color:#687c5c;border:1px solid #3b4c31;border-radius:3px;padding:3px}.arena-toolbar{flex-wrap:wrap}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}#agent-select{max-width:155px}.rename-button{border:1px solid #45543b;background:transparent;border-radius:4px;color:#accc8f;font-size:16px;padding:0 7px}.tank-card .section-title h3{min-width:0}.tank-card #agent-title{max-width:195px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.admin-field{display:block;color:#a3b795;font-size:11px}.admin-field input{display:block;width:100%;margin-top:10px;background:#10190e;border:1px solid #4a5d3a;color:var(--text);padding:13px;border-radius:4px;font:14px var(--mono)}.form-error{color:#e5a17f;font-size:11px;min-height:18px;line-height:1.7}.next-round-line{font:10px var(--mono)!important;color:#98b77c!important;margin:15px 0!important}.next-round-line strong{font-size:20px;color:var(--lime);margin:0 4px}.offline-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#10180ed9,#10180ef2),url('/static/assets/hero-neon.webp') center/cover;text-align:center;padding:25px}.offline-overlay[hidden]{display:none}.offline-overlay h2{font-size:31px;font-weight:400;color:var(--lime);margin:15px 0}.offline-overlay p{font-size:12px;color:#9db18d;line-height:1.9;margin-bottom:25px}.offline-overlay .eyebrow{font-size:8px}.workspace{scroll-margin-top:95px}#perspective:disabled{opacity:.5;cursor:default}.hero-art,.detail-art img{filter:saturate(.85)}@media(min-width:1500px){.landing-hero{min-height:590px}.hero-content{padding-top:90px}.screenshot-grid img{height:205px}}@media(max-width:1100px){.intro-grid{gap:30px;padding:48px 1% 35px}.hero-content{padding:58px 5%}.landing-hero{min-height:480px}.screenshot-grid img{height:150px}.server-controls{flex-wrap:wrap}.server-buttons{margin-left:auto}.toolbar-actions{justify-content:flex-start}.tank-card #agent-title{max-width:170px}}@media(max-width:800px){.landing-hero{min-height:450px}.hero-content h1{letter-spacing:-2px}.hero-content p{font-size:12px;max-width:330px}.hero-content .eyebrow{font-size:8px}.hero-meta{font-size:7px;letter-spacing:.5px}.intro-grid{grid-template-columns:1fr 1fr;gap:22px}.intro-copy h2{font-size:26px}.intro-copy>p{font-size:11px}.intro-features{gap:13px}.intro-features span{font-size:10px}.intro-features small{font-size:9px}.detail-art{min-height:340px}.screenshot-grid{gap:10px;padding-bottom:36px;margin-bottom:30px}.screenshot-grid img{height:120px}.screenshot-grid figcaption{font-size:9px;padding:11px}.screenshot-grid small{font-size:6px}.page-heading h2{font-size:28px}.server-controls{padding:12px;gap:10px}.server-buttons{margin-left:0;flex-wrap:wrap}.toolbar-actions{flex:1 1 100%}.tank-card #agent-title{max-width:220px}}@media(max-width:500px){main{padding-top:14px}.landing-hero{min-height:470px}.hero-art{object-position:61% center}.landing-hero:after{background:linear-gradient(90deg,#0b130def,#0d160eac 60%,#0b130d33),linear-gradient(0deg,#0c140baa,transparent)}.hero-content{padding:45px 23px}.hero-content h1{font-size:42px;letter-spacing:-1.7px;margin-top:24px}.hero-content p{font-size:11px;max-width:265px;line-height:1.9}.hero-content .eyebrow{font-size:7px;letter-spacing:1px}.hero-meta{flex-direction:column;align-items:flex-start;gap:8px;font-size:6px;margin-top:26px}.hero-meta i{display:none}.art-caption{font-size:5px;right:12px;bottom:12px}.intro-grid{grid-template-columns:1fr;padding:35px 2px 25px;gap:23px}.intro-copy h2{font-size:29px}.intro-copy>p{font-size:11px}.intro-features span{font-size:11px}.intro-features small{font-size:9px}.detail-art{min-height:240px}.screenshot-grid{grid-template-columns:1fr;gap:14px}.screenshot-grid img{height:175px;object-position:center}.screenshot-grid figcaption{display:flex;align-items:center;gap:6px;font-size:10px;flex-wrap:wrap}.screenshot-grid figcaption>span{margin-right:4px}.screenshot-grid small{margin:0 0 0 auto;font-size:6px}.page-heading h2{font-size:26px}.server-controls strong{font-size:10px}.server-controls #viewer-count{font-size:8px}.server-buttons{gap:7px}.server-buttons label{font-size:8px}.toolbar-actions{gap:5px}.toolbar-actions select{padding-right:17px;max-width:104px}#agent-select{max-width:110px}.tank-card #agent-title{max-width:115px;font-size:10px}.offline-overlay h2{font-size:25px}.offline-overlay p{font-size:11px}.server-buttons .quiet-button{font-size:9px}.server-buttons .small-primary{font-size:9px}}