:root{font:16px system-ui,sans-serif;color:#edf9f0;background:#101c18;color-scheme:dark;--accent:#73efad}*{box-sizing:border-box}body{max-width:860px;margin:auto;padding:20px 16px 110px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 20px}.brand{font-size:23px;font-weight:950;letter-spacing:3px;color:var(--accent);text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:2px;color:#a5bcae;margin-top:4px}.tools{display:flex;align-items:center;gap:8px}.tools select{width:75px;margin:0}.tools button{min-width:48px}h1{font-size:34px;letter-spacing:-1px}h2{font-size:23px}h3{font-size:18px}h4{margin:24px 0 12px}p,small{color:#b9cec0;line-height:1.6}.card{background:#1b2c23;border:1px solid #35503d;border-radius:18px;padding:20px;margin:15px 0}.hero{background:linear-gradient(130deg,#294d38,#192b21);border-color:#4b7757}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent)}button,input,select{font:inherit}button{background:#345241;border:1px solid transparent;border-radius:10px;color:#fff;padding:11px 14px;min-height:44px;cursor:pointer}button.primary{background:var(--accent);color:#102118;font-weight:750}button.danger{background:#703d39}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b5ffe0;outline-offset:3px}input,select{display:block;width:100%;padding:12px;background:#102018;color:#fff;border:1px solid #46644f;border-radius:9px;margin:7px 0 14px;min-width:0}input[type=checkbox]{display:inline;width:auto;margin:0 9px 0 0}label{display:block;font-size:13px;color:#d4e4d9}form label{margin-top:10px}.row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px;background:#23392b;border-radius:9px;margin:5px 0;overflow-wrap:anywhere}.row select{width:120px;margin:0}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}.actions>*{flex:1;min-width:110px}.actions input,.actions select{margin:0}.tag{font-size:11px;color:var(--accent);font-weight:700}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.team{border-top:4px solid #73efad;padding:14px;background:#13261c;border-radius:10px}.team:nth-child(2){border-color:#75b8ff}.team:nth-child(3){border-color:#ffb46b}.team h4{margin:0 0 12px}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#456b52;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:bold;flex-shrink:0}.player-label{display:inline-flex;align-items:center;gap:10px;min-width:0;overflow-wrap:anywhere}.profile-avatar .avatar{width:70px;height:70px;font-size:22px}.error{color:#ffc0b4}.muted{color:#9cb4a5;font-size:13px}.notice{padding:12px 15px;background:#253d2e;border:1px solid #578361;border-radius:10px;margin:10px 0}.notice.error{background:#462824;border-color:#956255}#message:empty{display:none}details{margin:14px 0}summary{cursor:pointer;padding:12px 0}hr{border:0;border-top:1px solid #35503d;margin:22px 0}#nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:4px;background:#14241cf5;border-top:1px solid #35503d;padding:10px 8px calc(10px + env(safe-area-inset-bottom))}#nav button{flex:1;max-width:145px;font-size:11px;padding:10px 4px}#nav .active{background:var(--accent);color:#102118}dialog{border:1px solid #527c60;border-radius:14px;background:#14241c;color:white;max-width:92vw;width:650px}dialog::backdrop{background:#000b}dialog img{display:block;width:100%;max-height:70vh;object-fit:contain}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:10px 5px;border-bottom:1px solid #35503d}.table-wrap{overflow-x:auto}.empty{padding:25px;text-align:center}pre{white-space:pre-wrap;overflow-wrap:anywhere}#badge{color:var(--accent)}.metrics{display:flex;gap:14px}.metrics b{font-size:25px}.metrics span{display:block;font-size:11px;color:#b9cec0}#preview>button{float:right}a{color:var(--accent)}@media(max-width:420px){body{padding:14px 12px 105px}.card{padding:16px}.row button{font-size:12px}.brand{font-size:21px}h1{font-size:29px}.actions>*{min-width:100px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}button:hover:not(:disabled){filter:brightness(1.12)}}
