:root{--bg:#0d0f12;--panel:#151920;--panel-2:#1b2029;--line:#262d38;--text:#eef1f5;--muted:#97a1b0;--accent:#4c7bff;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{max-width:1180px;margin:0 auto;padding:28px 24px 64px}.top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}.top h1{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.top .sub{font-size:13px;margin-top:4px}.logout,.top .sub{color:var(--muted)}.logout{background:var(--panel-2);border:1px solid var(--line);font-size:12px;padding:7px 12px;border-radius:8px;cursor:pointer}.logout:hover{color:var(--text)}.area{margin:34px 0 8px}.area h2{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column}.shot,.tile{overflow:hidden}.shot{aspect-ratio:16/10;background:var(--panel-2);position:relative;border-bottom:1px solid var(--line)}.shot img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.shot .placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:var(--muted);font-size:12px;line-height:1.5}.body{padding:14px 16px 16px;flex-direction:column;gap:8px;flex:1 1}.body,.row{display:flex}.row{align-items:center;justify-content:space-between;gap:10px}.name{font-size:15px;font-weight:600;letter-spacing:-.01em}.desc{color:var(--muted);font-size:13px;line-height:1.5}.foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.open{font-size:12px;color:var(--accent);text-decoration:none;border:1px solid var(--line);padding:6px 11px;border-radius:8px}.open:hover{border-color:var(--accent)}.nourl{font-size:12px;color:var(--muted)}.pill{font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:4px 8px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.pill[data-s=LIVE]{color:#7ff0ad;background:rgba(31,143,78,.16);border-color:rgba(31,143,78,.4)}.pill[data-s=BUILDING]{color:#9db9ff;background:rgba(76,123,255,.16);border-color:rgba(76,123,255,.4)}.pill[data-s=BEHIND-FLAG]{color:#f2cf7a;background:rgba(181,130,10,.18);border-color:rgba(181,130,10,.45)}.pill[data-s=BLOCKED]{color:#f2a0a0;background:rgba(163,51,51,.18);border-color:rgba(163,51,51,.45)}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}.card h1{font-size:16px;margin:0 0 4px}.card p{color:var(--muted);font-size:13px;margin:0 0 18px}.card input{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:11px 12px}.card button,.card input{width:100%;font-size:14px}.card button{margin-top:12px;background:var(--accent);color:#fff;border:0;border-radius:9px;padding:11px;font-weight:600;cursor:pointer}.err{color:#f2a0a0;font-size:13px;margin-top:12px}