*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#081019;color:#eef5ff}
a{color:#f6cf69;text-decoration:none}a:hover{text-decoration:underline}
body{
  background:
    radial-gradient(circle at top left, rgba(208,161,46,.18), transparent 22%),
    radial-gradient(circle at top right, rgba(36,96,190,.18), transparent 28%),
    linear-gradient(180deg, #0a1017, #060b11 42%, #081019);
  min-height:100vh;
}
.container{max-width:1280px;margin:0 auto;padding:24px}
.card{background:rgba(16,24,35,.88);border:1px solid rgba(246,207,105,.15);backdrop-filter:blur(10px);border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.panel{padding:22px}
.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:100vh;padding:32px}
.brand-block{max-width:540px}
.logo{display:flex;gap:16px;align-items:center}
.logo-mark{width:72px;height:72px}
.brand-title{font-size:40px;line-height:1;font-weight:800;letter-spacing:.04em}
.brand-sub{font-size:14px;opacity:.75;text-transform:uppercase;letter-spacing:.24em;margin-top:6px}
.h1{font-size:46px;line-height:1.02;font-weight:800;margin:24px 0 12px}
.lead{font-size:17px;line-height:1.7;color:#b7c7dc}
.grid{display:grid;gap:20px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.input,select,textarea{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#0c141f;color:#fff}
label{display:block;font-size:13px;margin-bottom:8px;color:#bdcbe0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;border-radius:14px;border:0;cursor:pointer;font-weight:700;letter-spacing:.02em}
.btn-primary{background:linear-gradient(135deg,#f6cf69,#d49e28);color:#15100a}
.btn-dark{background:#111b28;color:#fff;border:1px solid rgba(255,255,255,.08)}
.btn-danger{background:#522029;color:#fff}
.btn-success{background:#163928;color:#dcffe6}
.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(246,207,105,.12);color:#f6cf69;border:1px solid rgba(246,207,105,.18);font-size:12px;font-weight:700}
.flash{padding:14px 16px;border-radius:14px;margin-bottom:18px}
.flash-success{background:rgba(40,112,72,.28);border:1px solid rgba(110,226,154,.2)}
.flash-error{background:rgba(112,40,40,.28);border:1px solid rgba(255,120,120,.2)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;margin-bottom:18px}
.nav-links{display:flex;gap:12px;flex-wrap:wrap}
.table-list .item{display:flex;justify-content:space-between;gap:12px;padding:18px;border-top:1px solid rgba(255,255,255,.06)}
.table-list .item:first-child{border-top:0}
.gold{color:#f6cf69}
muted,.muted{color:#9eb0c8}
.table-stage{position:relative;margin:18px auto;width:min(1100px,95vw);height:720px;border-radius:46px;background:
radial-gradient(circle at center, rgba(42,117,71,.22), transparent 55%),
linear-gradient(145deg,#12412d,#0b2d1e);
border:12px solid #5a4221;box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),0 36px 100px rgba(0,0,0,.45)}
.table-felt{position:absolute;inset:28px;border-radius:40px;border:2px solid rgba(255,255,255,.08)}
.community{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;gap:12px}
.card-ui{width:78px;height:108px;border-radius:14px;background:linear-gradient(180deg,#fff,#eef2f9);color:#111;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.card-back{background:linear-gradient(135deg,#0e2d48,#173c62);color:#9cc7ff}
.seat{position:absolute;width:180px;min-height:120px;border-radius:20px;padding:12px;background:rgba(8,12,18,.82);border:1px solid rgba(255,255,255,.08);text-align:center;box-shadow:0 16px 35px rgba(0,0,0,.3)}
.seat .name{font-weight:700}
.seat .stack{font-size:14px;color:#f6cf69;margin-top:4px}
.seat .status{font-size:12px;color:#9eb0c8;margin-top:6px}
.seat .hole{display:flex;justify-content:center;gap:6px;margin-top:10px;flex-wrap:wrap}
.seat.s1{left:50%;top:12px;transform:translateX(-50%)}
.seat.s2{right:88px;top:94px}
.seat.s3{right:18px;top:50%;transform:translateY(-50%)}
.seat.s4{right:88px;bottom:94px}
.seat.s5{left:50%;bottom:12px;transform:translateX(-50%)}
.seat.s6{left:88px;bottom:94px}
.seat.s7{left:18px;top:50%;transform:translateY(-50%)}
.seat.s8{left:88px;top:94px}
.pot-box{position:absolute;left:50%;top:34%;transform:translateX(-50%);padding:12px 16px;border-radius:999px;background:rgba(6,10,14,.78);border:1px solid rgba(246,207,105,.18);font-weight:800}
.control-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.side-panel{padding:18px}
.action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.stat{padding:18px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.small{font-size:12px}
@media (max-width:1024px){
  .hero,.grid-2,.grid-3,.action-grid{grid-template-columns:1fr;display:grid}
  .table-stage{height:980px}
}