#gcg-game-root{
  --bg:#0a1020;
  --bg2:#151b2e;
  --panel:rgba(14,20,36,.88);
  --panel2:rgba(20,28,48,.86);
  --line:rgba(255,255,255,.08);
  --text:#f5f7ff;
  --muted:#a8b0c5;
  --accent:#8eb7ff;
  --accent2:#c6a6ff;
  --danger:#ff6c86;
  --success:#7ee5b3;
  color:var(--text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#gcg-game-root *{box-sizing:border-box;}
#gcg-game-root button,#gcg-game-root select{font:inherit;}
#gcg-game-root .hmc-shell{position:relative; overflow:hidden; border-radius:28px; border:1px solid rgba(255,255,255,.08); background:radial-gradient(circle at top left,rgba(142,183,255,.16),transparent 28%),radial-gradient(circle at top right,rgba(198,166,255,.12),transparent 22%),linear-gradient(180deg,#090f1d,#11182a 50%,#0a1020); box-shadow:0 34px 100px rgba(0,0,0,.38); padding:22px;}
#gcg-game-root .hmc-shell.theme-moon{--accent:#8eb7ff;--accent2:#c6a6ff;--table:#1a2a4b;--table2:#101a31;}
#gcg-game-root .hmc-shell.theme-crimson{--accent:#ff9eaa;--accent2:#ffd08b;--table:#4a1722;--table2:#2b0f18;}
#gcg-game-root .hmc-shell.theme-emerald{--accent:#7de4ba;--accent2:#d7c486;--table:#173e35;--table2:#0d251f;}
#gcg-game-root .hmc-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:6px 6px 18px;}
#gcg-game-root .hmc-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
#gcg-game-root .hmc-hero h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05;font-weight:850;}
#gcg-game-root .hmc-hero p{margin:10px 0 0;max-width:760px;color:var(--muted);font-size:15px;line-height:1.55;}
#gcg-game-root .hmc-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
#gcg-game-root .hmc-badges span{padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;}
#gcg-game-root .hmc-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;}
#gcg-game-root .hmc-tabs,#gcg-game-root .hmc-inline-actions,#gcg-game-root .hmc-modal-actions{display:flex;gap:10px;flex-wrap:wrap;}
#gcg-game-root .hmc-mode,#gcg-game-root .hmc-ghost,#gcg-game-root .hmc-controls-grid button,#gcg-game-root .hmc-pass-box button,#gcg-game-root .hmc-modal-actions button{appearance:none;border:none;cursor:pointer;padding:11px 14px;border-radius:14px;color:var(--text);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:.18s ease;box-shadow:0 8px 20px rgba(0,0,0,.16);}
#gcg-game-root .hmc-mode:hover,#gcg-game-root .hmc-ghost:hover,#gcg-game-root .hmc-controls-grid button:hover,#gcg-game-root .hmc-pass-box button:hover,#gcg-game-root .hmc-modal-actions button:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);}
#gcg-game-root .hmc-mode.active,#gcg-game-root .primary,#gcg-game-root .hmc-modal-actions .primary{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 68%,#24345c));color:#0c1220;border-color:transparent;font-weight:800;}
#gcg-game-root .accent{background:linear-gradient(180deg,var(--accent2),color-mix(in srgb,var(--accent2) 65%,#3d2b5a))!important;color:#15101e!important;border-color:transparent!important;font-weight:800;}
#gcg-game-root .hmc-layout{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:18px;}
#gcg-game-root .hmc-sidebar{display:flex;flex-direction:column;gap:14px;}
#gcg-game-root .hmc-panel{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.028));border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:16px;backdrop-filter:blur(14px);}
#gcg-game-root .hmc-panel-title{font-weight:800;color:#fff;margin-bottom:14px;font-size:15px;}
#gcg-game-root .hmc-stat-grid,#gcg-game-root .hmc-legacy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
#gcg-game-root .hmc-stat-grid div,#gcg-game-root .hmc-legacy-grid div{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);}
#gcg-game-root .hmc-stat-grid span,#gcg-game-root .hmc-legacy-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px;}
#gcg-game-root .hmc-stat-grid strong,#gcg-game-root .hmc-legacy-grid strong{display:block;font-size:20px;line-height:1;color:#fff;}
#gcg-game-root .hmc-score-list{display:flex;flex-direction:column;gap:9px;}
#gcg-game-root .hmc-score-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);}
#gcg-game-root .hmc-score-list>div.you{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);}
#gcg-game-root .hmc-score-list span{display:flex;flex-direction:column;gap:3px;}
#gcg-game-root .hmc-score-list i{font-style:normal;font-weight:700;}
#gcg-game-root .hmc-score-list small{color:var(--muted);font-size:11px;}
#gcg-game-root .hmc-score-list strong{font-size:20px;}
#gcg-game-root .hmc-score-list em{font-style:normal;color:var(--danger);font-size:12px;margin-left:4px;}
#gcg-game-root .hmc-target{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.45;}
#gcg-game-root .hmc-controls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#gcg-game-root .hmc-field{display:grid;gap:8px;color:var(--muted);font-size:13px;margin-bottom:12px;}
#gcg-game-root .hmc-field select{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text);}
#gcg-game-root .hmc-table-panel{min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:16px;overflow:hidden;}
#gcg-game-root .hmc-table-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px;}
#gcg-game-root .hmc-message{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#fff;font-weight:600;}
#gcg-game-root .hmc-rule-note{font-size:12px;color:var(--muted);line-height:1.45;max-width:420px;}
#gcg-game-root .hmc-table{position:relative;min-height:720px;border-radius:32px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--table) 88%,#fff 4%),var(--table2) 75%);border:10px solid rgba(8,10,18,.78);box-shadow:inset 0 0 0 2px rgba(255,255,255,.05),inset 0 0 70px rgba(0,0,0,.28),0 22px 40px rgba(0,0,0,.2);overflow:hidden;}
#gcg-game-root .hmc-table::before{content:"";position:absolute;inset:18px;border-radius:24px;border:1px solid rgba(255,255,255,.06);pointer-events:none;}
#gcg-game-root .hmc-player{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(7,11,22,.62);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(10px);z-index:5;transition:.2s ease;}
#gcg-game-root .hmc-player.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent),0 0 28px color-mix(in srgb,var(--accent) 25%,transparent);}
#gcg-game-root .hmc-player.north{top:22px;left:50%;transform:translateX(-50%);}
#gcg-game-root .hmc-player.west{left:22px;top:45%;transform:translateY(-50%);}
#gcg-game-root .hmc-player.east{right:22px;top:45%;transform:translateY(-50%);}
#gcg-game-root .hmc-player.south{position:static;transform:none;}
#gcg-game-root .hmc-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--accent),var(--accent2));color:#10131f;font-weight:900;box-shadow:0 6px 18px rgba(0,0,0,.22);}
#gcg-game-root .hmc-player strong{display:block;font-size:13px;}
#gcg-game-root .hmc-player span{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;}
#gcg-game-root .hmc-trick-area{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);width:430px;height:330px;}
#gcg-game-root .hmc-trick-card{position:absolute;width:82px;height:112px;display:grid;place-items:center;}
#gcg-game-root .hmc-trick-card.north-card{top:0;left:50%;transform:translateX(-50%);}
#gcg-game-root .hmc-trick-card.south-card{bottom:0;left:50%;transform:translateX(-50%);}
#gcg-game-root .hmc-trick-card.west-card{left:0;top:50%;transform:translateY(-50%) rotate(-6deg);}
#gcg-game-root .hmc-trick-card.east-card{right:0;top:50%;transform:translateY(-50%) rotate(6deg);}
#gcg-game-root .hmc-trick-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:88px;border-radius:24px;display:grid;place-items:center;text-align:center;background:rgba(6,10,20,.52);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);}
#gcg-game-root .hmc-trick-center span{font-size:12px;color:var(--muted);}
#gcg-game-root .hmc-trick-center strong{font-size:15px;}
#gcg-game-root .hmc-pass-box{position:absolute;left:50%;bottom:184px;transform:translateX(-50%);width:min(92%,620px);display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-radius:18px;background:rgba(8,12,24,.82);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(12px);z-index:8;}
#gcg-game-root .hmc-pass-box.hidden{display:none;}
#gcg-game-root .hmc-pass-box strong{display:block;margin-bottom:4px;}
#gcg-game-root .hmc-pass-box span{font-size:12px;color:var(--muted);}
#gcg-game-root .hmc-pass-box button:disabled{opacity:.45;cursor:not-allowed;transform:none;}
#gcg-game-root .hmc-south-player{position:absolute;left:20px;right:20px;bottom:18px;display:grid;gap:10px;z-index:7;}
#gcg-game-root .hmc-hand-scroller{overflow-x:auto;overflow-y:hidden;padding:4px 2px 10px;}
#gcg-game-root .hmc-hand{display:flex;justify-content:center;align-items:flex-end;min-width:max-content;padding:0 12px;}
#gcg-game-root .hmc-card{position:relative;width:72px;height:104px;border-radius:12px;border:1px solid rgba(73,55,35,.32);background:linear-gradient(180deg,#fffef9,#f4ead8);box-shadow:0 10px 20px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.85);color:#20222b;padding:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;overflow:hidden;flex:0 0 auto;margin-left:-18px;}
#gcg-game-root .hmc-card:first-child{margin-left:0;}
#gcg-game-root .hmc-card.red{color:#c53650;}
#gcg-game-root .hmc-card.black{color:#242936;}
#gcg-game-root .cards-obsidian .hmc-card{background:linear-gradient(180deg,#262a35,#151821);border-color:rgba(255,255,255,.12);color:#eff2f8;}
#gcg-game-root .cards-obsidian .hmc-card.red{color:#ff7d94;}
#gcg-game-root .cards-glass .hmc-card{background:linear-gradient(180deg,rgba(245,250,255,.88),rgba(212,225,245,.8));backdrop-filter:blur(10px);}
#gcg-game-root .hmc-card.legal:hover{transform:translateY(-12px);box-shadow:0 18px 28px rgba(0,0,0,.3),0 0 0 2px color-mix(in srgb,var(--accent) 60%,transparent);z-index:30;}
#gcg-game-root .hmc-card.selected{transform:translateY(-16px);box-shadow:0 18px 28px rgba(0,0,0,.3),0 0 0 3px var(--accent2);z-index:31;}
#gcg-game-root .hmc-card.hinted{box-shadow:0 0 0 3px var(--success),0 0 24px rgba(126,229,179,.45);transform:translateY(-12px);z-index:31;}
#gcg-game-root .hmc-card:disabled{cursor:not-allowed;filter:brightness(.68) saturate(.7);}
#gcg-game-root .hmc-card.compact{width:74px;height:108px;margin:0;cursor:default;}
#gcg-game-root .hmc-card.compact:hover{transform:none;}
#gcg-game-root .hmc-card .corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:.9;font-size:12px;}
#gcg-game-root .hmc-card .corner b{font-size:15px;}
#gcg-game-root .hmc-card .corner i{font-style:normal;font-size:15px;margin-top:4px;}
#gcg-game-root .hmc-card .corner.top{top:7px;left:8px;}
#gcg-game-root .hmc-card .corner.bottom{bottom:7px;right:8px;transform:rotate(180deg);}
#gcg-game-root .hmc-card .suit-main{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:34px;}
#gcg-game-root .hmc-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:rgba(4,7,15,.76);backdrop-filter:blur(12px);z-index:60;}
#gcg-game-root .hmc-overlay.hidden{display:none;}
#gcg-game-root .hmc-modal{width:min(100%,560px);border-radius:28px;background:linear-gradient(180deg,rgba(15,21,38,.98),rgba(9,14,27,.97));border:1px solid rgba(255,255,255,.08);padding:24px;box-shadow:0 34px 100px rgba(0,0,0,.48);}
#gcg-game-root .hmc-modal-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;}
#gcg-game-root .hmc-modal h2{margin:0 0 10px;font-size:30px;}
#gcg-game-root .hmc-modal p{margin:0 0 16px;color:var(--muted);line-height:1.55;}
#gcg-game-root .hmc-round-score{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;}
#gcg-game-root .hmc-round-score>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);}
#gcg-game-root .hmc-round-score>div.you{border-color:color-mix(in srgb,var(--accent) 45%,transparent);}
#gcg-game-root .hmc-round-score span{font-weight:700;}
#gcg-game-root .hmc-round-score strong{font-size:20px;color:var(--danger);}
#gcg-game-root .hmc-round-score small{grid-column:1/-1;color:var(--muted);}
@media (max-width:1120px){
  #gcg-game-root .hmc-layout{grid-template-columns:1fr;}
  #gcg-game-root .hmc-sidebar{order:2;}
  #gcg-game-root .hmc-table-panel{order:1;}
}
@media (max-width:800px){
  #gcg-game-root .hmc-shell{padding:16px;border-radius:22px;}
  #gcg-game-root .hmc-hero,#gcg-game-root .hmc-topbar,#gcg-game-root .hmc-table-top{flex-direction:column;align-items:stretch;}
  #gcg-game-root .hmc-badges{justify-content:flex-start;}
  #gcg-game-root .hmc-table{min-height:680px;}
  #gcg-game-root .hmc-player.west{left:12px;top:38%;}
  #gcg-game-root .hmc-player.east{right:12px;top:38%;}
  #gcg-game-root .hmc-trick-area{width:330px;height:280px;top:40%;}
  #gcg-game-root .hmc-pass-box{bottom:182px;}
}
@media (max-width:560px){
  #gcg-game-root .hmc-stat-grid,#gcg-game-root .hmc-legacy-grid,#gcg-game-root .hmc-controls-grid{grid-template-columns:1fr 1fr;}
  #gcg-game-root .hmc-table{min-height:650px;border-width:7px;}
  #gcg-game-root .hmc-player{padding:8px 9px;gap:7px;}
  #gcg-game-root .hmc-avatar{width:32px;height:32px;}
  #gcg-game-root .hmc-player strong{font-size:11px;}
  #gcg-game-root .hmc-player span{font-size:9px;}
  #gcg-game-root .hmc-player.north{top:12px;}
  #gcg-game-root .hmc-player.west{left:8px;top:31%;}
  #gcg-game-root .hmc-player.east{right:8px;top:31%;}
  #gcg-game-root .hmc-trick-area{width:270px;height:240px;top:37%;}
  #gcg-game-root .hmc-trick-card{width:64px;height:92px;}
  #gcg-game-root .hmc-card.compact{width:58px;height:84px;border-radius:9px;}
  #gcg-game-root .hmc-card.compact .suit-main{font-size:24px;}
  #gcg-game-root .hmc-card.compact .corner b,#gcg-game-root .hmc-card.compact .corner i{font-size:10px;}
  #gcg-game-root .hmc-trick-center{width:110px;height:70px;}
  #gcg-game-root .hmc-pass-box{bottom:170px;flex-direction:column;align-items:stretch;text-align:center;}
  #gcg-game-root .hmc-card{width:64px;height:94px;margin-left:-22px;}
  #gcg-game-root .hmc-round-score{grid-template-columns:1fr;}
}