:root{--bg:#070d0a;--c:#111a15;--l:#b4ff32;--g:#9aa59f;--b:#1f2b24}
*{box-sizing:border-box;margin:0}body{background:var(--bg);color:#fff;font-family:Tahoma,system-ui,sans-serif;padding-bottom:80px}
header{display:flex;gap:12px;align-items:center;padding:14px 20px;border-bottom:1px solid #ddd3;background:#0b1a12}
header b{font-size:22px;letter-spacing:1px;display:block}header small{color:var(--l);font-size:12px}
.logo{background:var(--l);border-radius:14px;width:46px;height:46px;display:grid;place-items:center;font-size:26px}
main{padding:20px;max-width:600px;margin:auto}h1{font-size:34px;margin-bottom:4px}.sub{color:var(--g);margin-bottom:16px}
.card{background:var(--c);border:1px solid var(--b);border-radius:20px;padding:16px;margin-bottom:14px}
.hero{background:linear-gradient(135deg,#0f3a22,#0b1a12);padding:24px}.hero h1{font-size:40px}.hero em{color:var(--l);font-style:normal;display:block}
.btn{background:var(--l);color:#000;border:0;border-radius:14px;padding:12px 18px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 0 18px #b4ff3255}
.btn.o{background:none;color:#fff;border:1px solid var(--b);box-shadow:none}.btn.s{padding:8px 14px}
input,select{width:100%;background:#0b130f;border:1px solid var(--b);color:#fff;border-radius:12px;padding:12px;margin-bottom:10px;font-size:15px}
.row{display:flex;align-items:center;gap:12px}.row.sp{justify-content:space-between}.grow{flex:1}.g{color:var(--g);font-size:13px}
.em{width:48px;height:48px;border-radius:14px;background:#f66;display:grid;place-items:center;font-size:26px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.stats .card{text-align:center;margin:0}.stats b{font-size:28px;display:block}
.tag{background:#b4ff3222;color:var(--l);border-radius:20px;padding:3px 10px;font-size:12px}.cap{color:#ffd54a}
.pitch{position:relative;aspect-ratio:3/4;background:repeating-linear-gradient(#14532d 0 40px,#166534 40px 80px);border:2px solid #fff6;border-radius:14px;margin:10px 0}
.pitch:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid #fff5}
.slot{position:absolute;transform:translate(-50%,-50%);text-align:center;font-size:11px;width:64px;cursor:pointer}
.slot i{display:grid;place-items:center;width:40px;height:40px;margin:auto;border-radius:50%;background:#000a;border:2px solid var(--l);font-style:normal;font-weight:700}
.slot.f i{background:var(--l);color:#000}.slot span{display:block;text-shadow:0 1px 2px #000}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#0b120e;border-top:1px solid var(--b);padding:8px 0}
nav a{flex:1;text-align:center;color:var(--g);font-size:12px;cursor:pointer}nav a b{display:block;font-size:20px}nav a.on{color:var(--l)}
#sheet{position:fixed;inset:0;background:#000a;display:none;align-items:flex-end}#sheet.on{display:flex}
#sheet>div{background:var(--c);width:100%;max-height:70vh;overflow:auto;border-radius:24px 24px 0 0;padding:20px}
.msgs{height:50vh;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.m{background:var(--c);border-radius:14px;padding:8px 12px;max-width:80%;align-self:flex-start}.m.me{background:#1e3d12;align-self:flex-end}.m small{color:var(--l);display:block}
.err{color:#ff6b6b;margin-bottom:8px}.tabs{display:flex;gap:8px;margin-bottom:12px}
a.btn{display:inline-block;text-decoration:none}.vb{color:#fff;background:#1d9bf0;border-radius:50%;font-size:10px;padding:1px 5px;margin-inline-start:4px}
.av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#244;display:grid;place-items:center;font-size:22px;flex:none}
textarea{width:100%;background:#0b130f;border:1px solid var(--b);color:#fff;border-radius:12px;padding:12px;margin-bottom:10px;font:inherit;min-height:100px}