:root{color-scheme:dark;--bg:#080f16;--panel:#101c25;--line:#584a33;--muted:#bac3c6;--mint:#edc77d;--teal:#76dfdb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:#f5f0e5;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body::before{content:"";position:absolute;inset:0 0 auto;height:1000px;z-index:-1;background:linear-gradient(180deg,#080f163d 0%,#080f1666 48%,var(--bg) 100%),url('/assets/arena-background.jpg') center top/cover no-repeat;pointer-events:none}
a{color:inherit;text-decoration:none}
header,main,footer{max-width:1180px;margin:auto}
header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #b7904a66}
.brand{display:flex;align-items:center;gap:13px;font:700 21px/1.05 Georgia,serif;letter-spacing:.04em;text-shadow:0 2px 8px #000}
.brand img{width:62px;height:62px;object-fit:contain}
.brand small{display:block;margin-top:7px;font:600 10px/1.3 system-ui;letter-spacing:.23em;color:var(--mint)}
nav{display:flex;gap:27px;align-items:center;font-size:13px;color:#e7d9bf}
nav a:hover{color:var(--teal)}
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:72px;align-items:center;padding:70px 0 88px}
.intro{text-shadow:0 2px 12px #000}
.hero-seal{width:104px;height:104px;display:block;margin:0 0 22px;filter:drop-shadow(0 8px 18px #0009)}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;color:var(--mint);margin:0 0 18px}
h1{font:500 clamp(44px,5.4vw,70px)/1.08 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:0 0 25px}
h1 span{color:var(--mint)}
.lead{color:#d7dfe0;font-size:17px;max-width:460px;margin:0 0 28px}
.button,button{background:linear-gradient(180deg,#f0d28e,#cf9e49);color:#241b0e;border:1px solid #f4d898;border-radius:4px;padding:14px 21px;display:inline-flex;gap:30px;align-items:center;font:750 14px system-ui;cursor:pointer;box-shadow:inset 0 0 0 2px #61441630,0 4px 16px #0005;text-shadow:none}
.button:hover,button:hover{filter:brightness(1.1)}
button:disabled{opacity:.5;cursor:wait}
.small{font-size:12px;color:var(--muted);margin-top:18px;max-width:470px}
.chat{background:linear-gradient(145deg,#15232bf5,#0c151ff7);border:1px solid #a38248;border-radius:7px;overflow:hidden;box-shadow:0 22px 65px #0008,0 0 0 5px #0a121a99,inset 0 0 40px #0002}
.chat-head{font-size:10px;letter-spacing:.15em;padding:19px 23px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;color:var(--mint);background:#d0a15408}
.dot{width:6px;height:6px;background:var(--teal);border-radius:100%;box-shadow:0 0 9px #4fc8bf70}
.sample{margin-left:auto;color:var(--muted);font-size:9px;letter-spacing:.1em}
.messages{padding:26px;font-size:13px}
.messages p{margin:0 0 23px}
.messages p:last-child{margin-bottom:5px}
.messages b{display:block;margin-bottom:6px}
.viewer{color:#c5b6f4}
.bot{color:#cbd4d7}
.bot b{color:var(--teal)}
.bot b span{font-size:8px;background:#234344;color:#9bf2e8;padding:2px 4px;margin-left:5px}
.divider{font-size:9px;letter-spacing:.13em;color:#b5a382;border-top:1px solid #b49b6240;padding-top:20px;margin:26px 0 22px}
.chat-foot{border-top:1px solid var(--line);font-size:11px;padding:15px 25px;color:var(--muted)}
.chat-foot span{float:right;color:var(--mint)}
#commands{padding-top:28px;border-top:1px solid #b7904a66;scroll-margin-top:25px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:29px}
.section-head .eyebrow{margin-bottom:12px}
h2{font:500 30px/1.2 Georgia,serif;letter-spacing:-.02em;margin:0}
.section-head>p{font-size:12px;color:var(--muted);max-width:400px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
article{padding:28px;background:linear-gradient(145deg,#172630,#0c151d);border:1px solid var(--line);border-radius:5px;position:relative;box-shadow:inset 0 3px #b9935144}
article:nth-child(2){box-shadow:inset 0 3px #4b9a9780}
article:nth-child(3){box-shadow:inset 0 3px #9272b480}
.number{font-size:10px;color:var(--mint);letter-spacing:.13em}
h3{font:500 23px/1.25 Georgia,serif;margin:24px 0 12px}
article p{color:var(--muted);font-size:13px;min-height:65px}
dl{display:grid;grid-template-columns:42px minmax(0,1fr);font-size:12px;gap:12px 10px;padding-top:19px;border-top:1px solid var(--line)}
dt{color:var(--muted)}
dd{margin:0;overflow-wrap:anywhere}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95em;color:#e3ece8}
dt:nth-of-type(3){color:var(--teal)}
.details{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:65px 0 45px}
.details h2{font-size:25px;color:#e2c995}
.details p{margin:0 0 14px;color:var(--muted);font-size:13px}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0 35px;font-size:11px;color:var(--muted)}
footer>span:first-child{color:var(--mint);letter-spacing:.1em}
.account{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--line);background:var(--panel);padding:28px;margin-bottom:30px;border-radius:5px}
.account .eyebrow{margin-bottom:8px}
.account h2{font-size:25px;overflow-wrap:anywhere}
.account p:last-child{font-size:13px;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:10px}
.secondary{background:#263641;color:#fff;border-color:#586773}
.text-button{background:transparent;color:var(--muted);border-color:transparent;box-shadow:none}
#notice{padding:18px 24px;background:#13222e;border:1px solid var(--mint);border-radius:4px;margin-bottom:35px;font-size:14px}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
@media(max-width:1250px){header,main,footer{margin-left:36px;margin-right:36px}.hero{gap:40px}}
@media(max-width:800px){body::before{height:1050px;background-position:center top}.hero{grid-template-columns:1fr;padding:45px 0 55px;gap:38px}.intro{max-width:570px}.hero-seal{width:84px;height:84px;margin-bottom:18px}.chat{max-width:570px;width:100%}.section-head{display:block}.section-head>p{margin-top:18px}.cards{grid-template-columns:1fr}article p{min-height:0}article{padding:25px}.details{grid-template-columns:1fr;gap:20px;padding:45px 0}.account{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:8px}}
@media(max-width:480px){header,main,footer{margin-left:20px;margin-right:20px}header{min-height:92px;gap:12px}.brand{font-size:17px;gap:9px}.brand img{width:46px;height:46px}.brand small{font-size:8px;letter-spacing:.18em}nav{gap:12px;font-size:11px}nav a:last-child{display:none}.chat-head{padding:16px}.messages{padding:20px}h2{font-size:27px}.lead{font-size:16px}.hero{padding-top:36px}.sample{font-size:8px}.account{padding:21px}.small{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.name-cards{grid-template-columns:minmax(0,1fr)}
.name-cards article p{min-height:0}
.announcements{background:linear-gradient(145deg,#172630,#0c151d);border:1px solid var(--line);border-radius:5px;padding:28px;margin-bottom:30px}
.announcements>p{color:var(--muted);font-size:14px}
.announcements .eyebrow{color:var(--mint)}
.announcements label{display:block;font-size:14px;margin-bottom:8px}
.announcements textarea,.announcements input[type=number]{display:block;width:100%;font:inherit;color:#f5f0e5;background:#080f16;border:1px solid #69777d;border-radius:4px;padding:12px}
.announcements textarea{resize:vertical}
.timer-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 16px}
.announcements .check{display:flex;gap:10px;align-items:center;margin:14px 0}
.announcements input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal)}
.announcements .small{max-width:none;margin-top:8px}
#announcement-status{color:var(--teal);overflow-wrap:anywhere}
@media(max-width:600px){.timer-fields{grid-template-columns:1fr;gap:12px}.announcements{padding:21px}}