:root{
  --bg:#08090d;
  --panel:#11141b;
  --panel2:#171c25;
  --panel3:#0d1016;
  --line:#2b3340;
  --line-2:#424e61;
  --text:#f7f9fc;
  --muted:#9ca7ba;
  --soft:#cdd5e2;
  --accent:#ffd84a;
  --accent-2:#ffb703;
  --accent-3:#8af7ff;
  --danger:#ff7d8d;
  --good:#83e8a2;
  --shadow:0 20px 60px rgba(0,0,0,.40);
  --shadow-strong:0 26px 90px rgba(0,0,0,.55);
  --radius:22px;
}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  background:
    radial-gradient(circle at 12% 6%, rgba(255,216,74,.16), transparent 24rem),
    radial-gradient(circle at 88% 10%, rgba(138,247,255,.11), transparent 20rem),
    radial-gradient(circle at 50% 100%, rgba(255,183,3,.06), transparent 22rem),
    linear-gradient(180deg,#06070a 0%, #090b10 45%, #07090d 100%);
  position:relative;
  overflow-x:hidden;
}
body::before,
body::after{
  content:"";
  position:fixed;
  inset:auto;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  filter:blur(70px);
  opacity:.45;
}
body::before{width:18rem;height:18rem;left:-4rem;top:10rem;background:rgba(255,216,74,.14)}
body::after{width:22rem;height:22rem;right:-8rem;top:2rem;background:rgba(138,247,255,.09)}
button,input,select,dialog{font:inherit}
button{
  appearance:none;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#1b2130,#121722);
  color:var(--text);
  border-radius:14px;
  padding:12px 16px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease, opacity .18s ease;
}
button:hover{transform:translateY(-2px);border-color:#6a768b;box-shadow:0 10px 26px rgba(0,0,0,.22)}
button:active{transform:translateY(0)}
button:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}
button:focus-visible,input:focus-visible,select:focus-visible,.mode-card:focus-visible,.animal-option label:focus-visible{outline:2px solid rgba(255,216,74,.9);outline-offset:2px}
.primary-btn{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#151515;border-color:rgba(255,216,74,.7);box-shadow:0 12px 28px rgba(255,183,3,.18)}
.primary-btn:hover{border-color:#ffea99;box-shadow:0 16px 32px rgba(255,183,3,.28)}
.secondary-btn{background:linear-gradient(180deg,#242b3a,#171c26)}
.ghost-btn{background:rgba(255,255,255,.03);backdrop-filter:blur(12px)}
.hidden{display:none!important}
.app-shell{
  position:relative;
  z-index:1;
  width:min(100% - 28px, 1180px);
  margin-inline:auto;
  padding:24px 0 40px;
}
.hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:start;
  padding:22px;
  margin-bottom:18px;
  border-radius:calc(var(--radius) + 2px);
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),
    linear-gradient(180deg,rgba(17,20,27,.96),rgba(10,12,18,.94));
  box-shadow:var(--shadow-strong);
  overflow:hidden;
  position:relative;
}
.hero::before{
  content:"";
  position:absolute;
  inset:auto -8% -45% auto;
  width:20rem;
  height:20rem;
  background:radial-gradient(circle,rgba(255,216,74,.16),transparent 60%);
  transform:rotate(-14deg);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0 60%,rgba(138,247,255,.04) 80%,transparent 100%);
  pointer-events:none;
}
.eyebrow{margin:0 0 10px;color:var(--accent);font-weight:900;letter-spacing:.14em;font-size:.78rem;text-transform:uppercase}
.hero h1{
  margin:0;
  font-size:clamp(2.2rem,6vw,4.6rem);
  line-height:.95;
  letter-spacing:.02em;
  text-wrap:balance;
  text-shadow:0 0 22px rgba(255,216,74,.08);
}
.hero h1 span{display:inline-block;transform:translateY(-.08em)}
.subtitle{margin:14px 0 0;max-width:46rem;color:var(--soft);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.62}
.hero-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;position:relative;z-index:1}
.lang-switch{display:inline-flex;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.03);backdrop-filter:blur(14px)}
.lang-btn{padding:8px 14px;min-width:3rem;border-radius:999px;background:transparent;border-color:transparent;color:var(--soft)}
.lang-btn.active{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#181818;border-color:transparent;box-shadow:none}
.screen{display:none}
.screen.active{display:block}
.farm-strip{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:12px;
  align-items:center;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(20,24,31,.98),rgba(12,15,20,.96));
  border:1px solid rgba(255,255,255,.07);
  box-shadow:var(--shadow);
}
.farm-main{display:flex;align-items:center;gap:14px;min-width:0}
.farm-icon{
  width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;
  background:linear-gradient(180deg,rgba(255,216,74,.18),rgba(255,216,74,.06));
  border:1px solid rgba(255,216,74,.3);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}
.farm-kicker{font-size:.72rem;letter-spacing:.16em;color:var(--muted);text-transform:uppercase;margin-bottom:3px}
#farmName{display:block;font-size:clamp(1.05rem,2vw,1.26rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(54vw,22rem)}
.sync-pill{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 11px;border-radius:999px;background:#0d1117;border:1px solid var(--line);color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.1em}
.farm-balance,.wallet-card,.stat,.lane,.result-line,.history-row,.original-note,.guest-reminder,.cloud-note,.mode-card,.panel,.result-card,.dialog-head,dialog,.farm-strip{
  backdrop-filter:blur(14px);
}
.farm-balance{justify-self:end;text-align:right;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#0d1117}
.farm-balance small{display:block;color:var(--muted);font-size:.8rem;margin-bottom:4px}
.farm-balance strong{display:block;font-size:clamp(1.2rem,2vw,1.6rem)}
.farm-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.guest-reminder{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:14px;
  align-items:center;
  margin:16px 0 18px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(255,216,74,.26);
  background:linear-gradient(180deg,rgba(255,216,74,.09),rgba(255,216,74,.04));
}
.guest-reminder.hidden{display:none!important}
.guest-reminder-icon{font-size:1.55rem}
.guest-reminder strong{display:block;font-size:1rem}
.guest-reminder p{margin:4px 0 0;color:var(--soft);font-size:.86rem;line-height:1.55}
.guest-reminder .primary-btn{white-space:nowrap}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.mode-card{
  position:relative;
  overflow:hidden;
  text-align:left;
  padding:22px;
  min-height:12.8rem;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg,rgba(24,29,39,.98),rgba(11,13,18,.98)),
    radial-gradient(circle at 80% 12%, rgba(255,216,74,.08), transparent 30%);
  box-shadow:var(--shadow);
}
.mode-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--accent),transparent 84%);
}
.mode-card::after{
  content:"";
  position:absolute;
  right:-1.2rem;
  top:-1.2rem;
  width:7rem;
  height:7rem;
  background:radial-gradient(circle,rgba(255,216,74,.16),transparent 65%);
  filter:blur(10px);
  opacity:.8;
}
.mode-card:hover{transform:translateY(-4px);border-color:#7a879b;background:linear-gradient(180deg,rgba(28,35,47,.98),rgba(14,17,23,.98))}
.mode-card strong{display:block;font-size:clamp(1.32rem,2vw,1.55rem);margin:16px 0 10px}
.mode-card small{color:var(--soft);font-size:.96rem;line-height:1.6;max-width:28rem}
.mode-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;font-size:2rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.secondary-actions{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.original-note{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:16px 18px;border:1px dashed rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.025);color:var(--muted)}
.original-note strong{color:var(--text)}
.original-note p{margin:4px 0 0;font-size:.9rem;line-height:1.55}
.panel,.result-card{
  background:linear-gradient(180deg,rgba(18,22,29,.98),rgba(11,13,18,.98));
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  padding:24px;
  box-shadow:var(--shadow-strong);
}
.panel-heading,.race-topbar,.dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.badge,.race-meta span{border:1px solid rgba(255,255,255,.08);background:#141922;padding:8px 12px;border-radius:999px;font-size:.8rem;color:#dfe5ef}
.setup-block{margin-top:24px}
.wallet-card{display:flex;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0d1117;color:var(--muted)}
.wallet-card strong{color:var(--text)}
.form-grid{display:grid;gap:14px}
.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.bet-row{margin-top:16px}
label{display:flex;flex-direction:column;gap:8px;color:#dde4ee;font-size:.9rem;font-weight:800}
input,select{
  width:100%;
  background:#090c12;
  border:1px solid rgba(255,255,255,.08);
  color:var(--text);
  border-radius:12px;
  padding:13px 14px;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(255,216,74,.09);background:#0d1017}
.quick-bets{display:flex;flex-direction:column;gap:8px;color:#dde4ee;font-size:.9rem;font-weight:800}
.quick-bets>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.chip-btn{background:#0b0e13;color:var(--text);border-color:rgba(255,255,255,.08)}
.chip-btn:hover{border-color:var(--accent);color:var(--accent)}
h3{margin:22px 0 12px;font-size:1rem}
.odds-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.odds-column{display:grid;grid-template-rows:auto 1fr 1fr;gap:8px}
.odds-head{text-align:center;border:1px solid rgba(255,216,74,.32);background:linear-gradient(180deg,rgba(255,216,74,.11),rgba(255,216,74,.04));border-radius:12px;padding:8px;color:var(--accent);font-weight:900;letter-spacing:.04em}
.animal-option{position:relative}
.animal-option input{position:absolute;opacity:0;pointer-events:none}
.animal-option label{
  height:100%;
  min-height:124px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg,#10141c,#0b0e13);
  text-align:center;
  cursor:pointer;
  padding:10px 8px;
  transition:border-color .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.animal-option label:hover{border-color:#78869b;transform:translateY(-2px)}
.animal-option input:checked+label{border-color:var(--accent);background:linear-gradient(180deg,rgba(255,216,74,.15),rgba(255,216,74,.06));box-shadow:0 10px 24px rgba(255,183,3,.14), inset 0 0 0 1px rgba(255,216,74,.65)}
.animal-option .emoji{font-size:2rem}
.animal-option .animal-short{font-size:.76rem;color:var(--muted)}
.animal-option .odds{color:var(--accent);font-size:.78rem;font-weight:900}
.distance-row{display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:end;gap:14px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.distance-row .primary-btn{justify-self:end;min-width:210px}
.error{color:#ff9b9b;margin:10px 0 0;min-height:1.1em;font-size:.84rem}
.compact-field{max-width:300px}
.multi-players{margin-top:16px;display:grid;gap:10px}
.multi-player-row{display:grid;grid-template-columns:42px 1.3fr .8fr 1fr;gap:10px;align-items:end;background:#0b0f15;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:13px}
.player-number{align-self:center;justify-self:center;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,rgba(255,216,74,.18),rgba(255,216,74,.05));color:var(--accent);font-weight:900;border:1px solid rgba(255,216,74,.22)}
.race-topbar{margin-bottom:16px}
.race-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.lanes{display:grid;gap:12px}
.lane{display:grid;grid-template-columns:240px 1fr;gap:14px;padding:14px 15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(180deg,rgba(18,22,29,.94),rgba(12,15,20,.92))}
.lane-label{display:flex;align-items:center;gap:12px;min-width:0}
.lane-emoji{font-size:1.95rem;width:42px;text-align:center}
.lane-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem}
.lane-label small{color:var(--muted);display:block;margin-top:4px;line-height:1.45}
.track-wrap{display:grid;grid-template-columns:1fr 62px;gap:10px;align-items:center}
.track{position:relative;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(90deg,#0f1218 0,#0f1218 28px,#141922 29px,#141922 30px);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.track::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 60%)}
.runner{position:absolute;top:50%;transform:translate(-50%,-50%);left:2%;font-size:1.2rem;transition:left .18s linear;filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}
.finish-line{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:1.12rem}
.meters{font-size:.82rem;color:var(--muted);text-align:right;white-space:nowrap}
.controls-panel{margin-top:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(20,24,32,.98),rgba(14,17,23,.98));border-radius:18px;padding:16px}
.controls-copy strong{display:block;margin-bottom:6px}
.controls-copy span{color:var(--muted);font-size:.84rem;line-height:1.5}
kbd{border:1px solid #495468;border-bottom-width:2px;background:#090b10;border-radius:6px;padding:2px 6px;color:var(--text);font-weight:800}
.race-controls{display:flex;gap:10px}
.result-card{max-width:760px;margin:10px auto 0;text-align:center;padding:38px 28px}
.winner-emoji{font-size:4.2rem;margin-bottom:14px;filter:drop-shadow(0 8px 22px rgba(255,183,3,.22))}
.winner-text{color:var(--soft);line-height:1.65;margin:14px auto 15px;max-width:560px}
.balance-change{margin:0 auto 20px;width:max-content;max-width:100%;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:9px 14px;font-weight:900;background:#0d1117}
.balance-change.good{color:var(--good);border-color:rgba(128,230,167,.35)}
.balance-change.bad{color:#ff9b9b;border-color:rgba(255,105,105,.35)}
.balance-change.rescue{color:var(--accent)}
.result-bets{display:grid;gap:8px;text-align:left;margin:22px 0}
.result-line{display:flex;justify-content:space-between;gap:14px;background:#0c1015;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 13px}
.result-line.win{border-color:rgba(255,216,74,.55)}
.result-line span:last-child{color:var(--muted);text-align:right}
.result-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}
dialog{width:min(760px,calc(100% - 24px));max-height:88vh;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:0;background:linear-gradient(180deg,rgba(17,20,28,.99),rgba(11,14,20,.98));color:var(--text);box-shadow:var(--shadow-strong)}
dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}
.dialog-head{padding:20px 20px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.icon-btn{width:40px;height:40px;padding:0}
.dialog-content,.farm-dialog-body{padding:18px 20px 22px;overflow:auto;max-height:68vh}
.dialog-explainer{color:var(--soft);line-height:1.6}
.auth-tabs{display:flex;gap:8px;margin:16px 0}
.auth-tab{background:#0c1015;border-color:rgba(255,255,255,.08);color:var(--muted);flex:1}
.auth-tab.active{color:#121212;border-color:transparent;background:linear-gradient(180deg,var(--accent),var(--accent-2))}
.farm-form{display:grid;gap:13px}
.form-hint{color:var(--muted);font-size:.78rem;margin:0;line-height:1.5}
.cloud-note{margin-top:15px;padding:12px;border:1px dashed rgba(255,255,255,.14);border-radius:12px;color:var(--muted);font-size:.8rem;line-height:1.55;background:rgba(255,255,255,.02)}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.stat{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:13px;background:#0d1117}
.stat small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:6px;line-height:1.35}
.stat strong{font-size:1.08rem}
.history-list{display:grid;gap:8px}
.history-row{display:grid;grid-template-columns:92px 1fr auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 13px;background:#0d1117}
.history-row strong{line-height:1.3}
.history-row small{color:var(--muted);text-align:right;line-height:1.45}
.empty-state{color:var(--muted);padding:24px 0;text-align:center}
.sync-pill.syncing{color:var(--accent);border-color:rgba(255,216,74,.4)}
.sync-pill.error{color:#ff9b9b;border-color:rgba(255,105,105,.35)}
.sync-pill.ok{color:var(--accent-3);border-color:rgba(138,247,255,.36)}

@media (max-width: 920px){
  .hero{grid-template-columns:1fr}
  .hero-actions{justify-content:flex-start}
  .menu-grid,.form-grid.two{grid-template-columns:1fr}
  .odds-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lane{grid-template-columns:1fr}
}
@media (max-width: 780px){
  .app-shell{width:min(100% - 20px,1180px)}
  .farm-strip{grid-template-columns:1fr auto}
  .farm-actions{grid-column:1/-1;justify-content:stretch}
  .farm-actions>*{flex:1}
  .guest-reminder{grid-template-columns:auto 1fr}
  .guest-reminder .primary-btn{grid-column:1/-1;width:100%}
  .multi-player-row{grid-template-columns:38px 1fr 1fr}
  .multi-player-row label:last-child{grid-column:2/-1}
  .distance-row{grid-template-columns:1fr}
  .distance-row .primary-btn{width:100%;justify-self:stretch}
  .controls-panel{align-items:stretch;flex-direction:column}
  .race-controls{display:grid;grid-template-columns:1fr 1fr}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 580px){
  .hero{padding:18px}
  .panel,.result-card{padding:18px;border-radius:18px}
  .odds-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .farm-strip{grid-template-columns:1fr}
  .farm-balance{justify-self:stretch;text-align:left}
  .farm-actions{display:grid;grid-template-columns:1fr 1fr}
  .secondary-actions{display:grid;grid-template-columns:1fr 1fr}
  .secondary-actions>*{width:100%}
  .multi-player-row{grid-template-columns:32px 1fr}
  .multi-player-row label{grid-column:2}
  .track-wrap{grid-template-columns:1fr 48px}
  .result-actions,.race-controls{grid-template-columns:1fr;display:grid}
  .race-meta{display:none}
  .history-row{grid-template-columns:76px 1fr}
  .history-row small{grid-column:2;text-align:left}
  .stat-grid{grid-template-columns:1fr 1fr}
  .wallet-card{flex-direction:column}
  .quick-bets>div{grid-template-columns:repeat(4,1fr)}
}
@media (max-width: 420px){
  .app-shell{width:min(100% - 14px,1180px);padding-top:14px}
  .hero h1{font-size:clamp(1.9rem,12vw,3rem)}
  .hero-actions{flex-direction:column;align-items:stretch}
  .lang-switch{justify-content:center}
  .odds-grid,.secondary-actions,.farm-actions{grid-template-columns:1fr}
  .mode-card{padding:18px;min-height:auto}
  .mode-icon{width:52px;height:52px;font-size:1.75rem}
  .dialog-head,.panel-heading,.race-topbar{flex-direction:column}
  .stat-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* DELUXE manga/anime layer */
body{background-color:#07080b}
.bg-lines{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.22;background-image:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.035) 49%,transparent 50%),radial-gradient(circle at 20% 20%,rgba(255,216,74,.12) 0 1px,transparent 1.5px);background-size:42px 42px,18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.manga-panel{position:relative;isolation:isolate}
.manga-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(130deg,rgba(255,255,255,.025),transparent 38%)}
.hero-copy{position:relative;z-index:1}.hero h1 span{color:var(--accent)}.hero h1 b{font-size:.72em;font-weight:400;filter:drop-shadow(0 0 18px rgba(255,216,74,.24))}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-tags span{font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#dbe3ee}
.farm-status-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.player-count-pill{display:inline-flex;margin-top:8px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0d1117;color:var(--soft);font-size:.72rem;font-weight:900;letter-spacing:.03em}
.limit-reminder{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(255,125,141,.32);border-radius:17px;background:linear-gradient(180deg,rgba(255,125,141,.10),rgba(255,125,141,.035));color:var(--soft)}.limit-reminder strong{display:block;color:#ffd0d7}.limit-reminder p{margin:4px 0 0;line-height:1.5;font-size:.84rem}
.mode-card{min-height:14.5rem}.card-number{position:absolute;right:18px;bottom:4px;font-size:5.8rem;line-height:1;font-weight:1000;color:rgba(255,255,255,.035);letter-spacing:-.08em;pointer-events:none}.mode-card i{display:block;margin-top:20px;color:var(--accent);font-style:normal;font-size:.78rem;font-weight:1000;letter-spacing:.16em}.single-card::before{background:linear-gradient(180deg,var(--accent),transparent 84%)}.multi-card::before{background:linear-gradient(180deg,var(--accent-3),transparent 84%)}.multi-card .mode-icon{border-color:rgba(138,247,255,.16);box-shadow:inset 0 0 0 1px rgba(138,247,255,.04)}
.single-player-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:14px;align-items:end;margin-bottom:14px}.single-player-box .wallet-card{height:100%;align-items:center}.multi-head-row{display:flex;align-items:end;justify-content:space-between;gap:14px}.microcopy{color:var(--muted);font-size:.8rem;line-height:1.45;max-width:28rem;text-align:right;padding-bottom:10px}
.player-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0a0d12}.player-table{width:100%;border-collapse:collapse;min-width:820px}.player-table th,.player-table td{padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.065);text-align:left;font-size:.82rem;white-space:nowrap}.player-table th{position:sticky;top:0;background:#131822;color:var(--accent);font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;z-index:1}.player-table tbody tr:hover{background:rgba(255,255,255,.025)}.player-table tbody tr:last-child td{border-bottom:0}.player-name-cell{font-weight:900;color:var(--text)}.player-balance-cell{font-weight:900;color:var(--accent)}.data-toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}.data-toolbar-left{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.info-pill{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:.74rem;font-weight:800;background:#0c1016}.mode-tabs{display:flex;gap:8px}.mode-tab{padding:8px 12px;background:#0b0f15;color:var(--muted)}.mode-tab.active{border-color:var(--accent);color:var(--accent);background:rgba(255,216,74,.07)}.player-empty{padding:30px;text-align:center;color:var(--muted)}
.history-row{grid-template-columns:110px 150px 1fr auto}.history-row .history-player{font-weight:900}.history-mode{display:inline-block;font-size:.66rem;padding:3px 6px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--muted);margin-left:5px}.history-row small{min-width:120px}
.wide-dialog{width:min(1040px,calc(100% - 24px))}
.player-limit-badge{font-weight:900}.player-limit-badge.warn{color:#ffb6c0}.player-limit-badge.full{color:var(--danger)}
@media(max-width:920px){.single-player-box{grid-template-columns:1fr}.microcopy{text-align:left}.multi-head-row{align-items:stretch;flex-direction:column}.history-row{grid-template-columns:90px 1fr}.history-row .history-player{grid-column:2}.history-row small{grid-column:2;text-align:left}}
@media(max-width:580px){.hero-tags{display:none}.mode-card{min-height:auto}.single-player-box{grid-template-columns:1fr}.player-count-pill{font-size:.68rem}.farm-status-row{align-items:flex-start}.history-row{grid-template-columns:78px 1fr}.wide-dialog{width:calc(100% - 12px)}.dialog-content{padding-inline:12px}}