@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--lime:#ccff63;--muted:#98aaa8}*{box-sizing:border-box}body{margin:0;background:#0c191b;color:#f2f6ee;font-family:Inter,system-ui,sans-serif;background-image:radial-gradient(ellipse at 15% 55%,#254c3d88,transparent 60%)}header{height:92px;border-bottom:1px solid #ffffff17;margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}a{color:inherit;text-decoration:none;font-size:21px;font-weight:700}a b{color:var(--lime)}header span,header small,.eyebrow{letter-spacing:2px;font-size:11px;color:var(--muted)}main{max-width:1400px;margin:auto;padding:55px 5%}#menu{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center}.eyebrow{color:var(--lime)}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(55px,6.5vw,96px);line-height:.98;letter-spacing:-2px;margin:26px 0}h1 em{font-style:normal;color:var(--lime)}.intro p{color:#adbfba;line-height:1.8;font-size:14px}.tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:34px;font-size:11px}.panel{padding:30px;background:#182729;border:1px solid #ffffff1b;border-radius:18px;box-shadow:0 30px 70px #0003}.panel-title{display:flex;justify-content:space-between;color:var(--lime);font-size:11px;letter-spacing:2px;margin-bottom:26px}label{display:block;font-size:12px;margin:16px 0 9px;color:#c4cfcc}input,select,button{font:inherit;border-radius:7px;border:1px solid #ffffff24;padding:13px;background:#0f1c1e;color:#edf5ee;width:100%;font-size:13px}button{cursor:pointer;font-weight:600;background:#25383a}button:hover{filter:brightness(1.15)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime)}.columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{background:var(--lime);color:#142016;margin-top:24px;border:0;display:flex;justify-content:space-between;padding:17px}.note{color:var(--muted);font-size:11px;line-height:1.6}.divider{text-align:center;color:var(--muted);font-size:10px;letter-spacing:2px;margin:20px}.join{margin-top:10px}#status{font-size:13px;color:var(--lime)}footer{margin:0 5%;padding:24px 0;border-top:1px solid #ffffff17;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}[hidden]{display:none!important}.matchbar{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:20px}.matchbar strong{font-size:28px;color:var(--lime)}.matchbar button{width:auto;margin-left:auto}.pitch-wrap{position:relative}canvas{width:100%;display:block;border-radius:12px;background:#193e31}#banner{position:absolute;top:40%;left:0;width:100%;text-align:center;pointer-events:none;font-size:42px;font-weight:800;text-shadow:0 4px 20px #000}.bottom{display:flex;justify-content:space-between;gap:20px;margin:20px 0}.bottom p{font-size:11px;color:var(--muted)}.power{width:220px;font-size:11px;flex-shrink:0}.power>div{background:#314443;height:10px;border-radius:10px;margin:10px 0;overflow:hidden}.power i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--lime),#ff9b5e)}.power small{color:var(--muted)}@media(max-width:800px){#menu{grid-template-columns:1fr;gap:30px}header span,header small{display:none}main{padding:30px 4%}.intro h1{font-size:65px}.bottom{flex-direction:column}.matchbar{gap:10px;font-size:11px}footer span{max-width:55%}}

.matchbar button{margin-left:0}.matchbar #camera{margin-left:auto}canvas{aspect-ratio:1200/760}.matchbar{flex-wrap:wrap}

#roomDetails{padding:18px;margin-bottom:18px;background:#253b2c;border:1px solid #ccff63;border-radius:8px;color:#ccff63;font-size:15px;line-height:1.7;overflow-wrap:anywhere}button:disabled{opacity:.6;cursor:wait}