/* Desktop-first BlockBet Blackjack. Inspired by full-table casino layouts, rebuilt in BlockBet's own visual language. */
.workspace:has(.blackjack-table){grid-template-columns:minmax(0,1fr)}
.workspace:has(.blackjack-table)>.activity-panel{display:none}
.game-shell:has(.blackjack-table){grid-template-columns:300px minmax(0,1fr)}
.game-stage:has(.blackjack-table){padding:0 16px 12px;background:#07100d}
.game-stage:has(.blackjack-table) .board-frame{width:100%;height:100%;max-width:none;aspect-ratio:auto;margin:0;padding:0;border:0;border-radius:18px;background:#07110d;box-shadow:none;overflow:hidden}
.game-stage:has(.blackjack-table) #gameBoard{display:block;width:100%;height:100%}

.blackjack-table{
  width:100%;height:100%;min-height:620px;position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-areas:"top" "dealer" "play" "player" "bet";
  grid-template-rows:auto minmax(145px,1fr) auto minmax(145px,1fr) auto;
  gap:4px;padding:18px 28px 20px;
  background:
    radial-gradient(circle at 50% 48%,rgba(42,235,151,.12),transparent 23%),
    linear-gradient(180deg,rgba(255,255,255,.028),transparent 22%),
    radial-gradient(ellipse at 50% 50%,#14613e 0%,#0d4b31 46%,#082e22 78%,#061c16 100%);
  border:1px solid #245841;border-radius:18px;
  box-shadow:inset 0 0 0 1px #ffffff08,inset 0 0 120px #0009,0 20px 60px #0006;
}
.blackjack-table:before{
  content:"";position:absolute;inset:10% 9% 11%;border:2px solid #e8cb8052;border-radius:46%;pointer-events:none;z-index:0;
  box-shadow:0 0 0 1px #06140f99,inset 0 0 60px #0002;
}
.blackjack-table:after{
  content:"BLOCKBET";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;
  font:950 clamp(48px,6vw,92px)/1 Inter,system-ui,sans-serif;letter-spacing:-.07em;color:#d8fff009;text-shadow:0 1px 0 #ffffff08;pointer-events:none;
}

.blackjack-topbar{grid-area:top;position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px}
.blackjack-mode,.blackjack-table-meta{display:flex;align-items:center;gap:9px}
.blackjack-mode{height:38px;padding:0 13px;border:1px solid #315e4a;border-radius:10px;background:#071b15cc;box-shadow:inset 0 0 0 1px #ffffff08}
.blackjack-live-dot{width:8px;height:8px;border-radius:2px;background:#2cdd8d;box-shadow:0 0 12px #2cdd8d99}
.blackjack-mode strong{font-size:10px;letter-spacing:.1em}.blackjack-mode small{font-size:8px;color:#6f8f81;letter-spacing:.08em}
.blackjack-table-meta span{height:38px;display:flex;align-items:center;padding:0 13px;border:1px solid #2a4d3f;border-radius:9px;background:#081914c7;color:#94b6a6;font-size:9px;font-weight:850;letter-spacing:.08em}

.blackjack-hand{position:relative;z-index:2;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.dealer-hand{grid-area:dealer}.player-hand{grid-area:player}
.blackjack-hand-head{width:min(620px,92%);display:flex;align-items:center;justify-content:center;gap:12px;color:#a9c0b5;font-size:10px;font-weight:900;letter-spacing:.16em}
.blackjack-hand-head strong{min-width:44px;text-align:center;padding:5px 10px;border:1px solid #ffffff1c;border-radius:999px;background:#06140fd9;color:#f4f8f5;font-size:16px;letter-spacing:0}
.blackjack-cards{display:flex;align-items:center;justify-content:center;gap:10px;min-height:108px;max-width:100%;padding:5px 12px}
.blackjack-card{position:relative;width:78px;height:110px;flex:0 0 auto;padding:8px;border:2px solid #e7e9e6;border-radius:9px;background:linear-gradient(145deg,#fff,#e8ece9);color:#111716;box-shadow:0 7px 0 #091610,0 14px 24px #0007;transform:rotate(-1.2deg)}
.blackjack-card:nth-child(even){transform:rotate(1.7deg)}
.blackjack-card.red{color:#c62e3b}
.blackjack-card .card-rank{position:absolute;left:8px;top:7px;font:900 18px/1 Arial,sans-serif}
.blackjack-card .card-rank.bottom{left:auto;top:auto;right:8px;bottom:7px;transform:rotate(180deg)}
.blackjack-card .card-suit{position:absolute;inset:0;display:grid;place-items:center;font:700 40px/1 Georgia,serif}
.blackjack-card.hidden-card{display:grid;place-items:center;border-color:#2c8060;background:repeating-linear-gradient(45deg,#ffffff0e 0 6px,transparent 6px 12px),linear-gradient(145deg,#0c543c,#082b22);color:#80efb7}
.card-back-mark{width:44px;height:60px;display:grid;place-items:center;border:2px solid #80efb755;border-radius:7px;font-size:26px;font-weight:950;color:#80efb7;box-shadow:inset 0 0 22px #0005}

.blackjack-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;justify-content:center;gap:12px;color:#aec3b9;text-align:center;pointer-events:none}
.blackjack-center span{font-size:0;font-weight:900;letter-spacing:.19em}.blackjack-center span:before{content:"BLOCKBET BLACKJACK";font-size:10px}.blackjack-center strong{width:48px;height:48px;display:grid;place-items:center;border:2px solid #ddc47f94;border-radius:50%;color:#f1dd9e;font:900 20px/1 Georgia,serif;background:#0a271bd9}.blackjack-center small{font-size:9px;color:#789386;letter-spacing:.05em}

.blackjack-turn-zone{grid-area:play;position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:126px}
.blackjack-turn-hud{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#51e5a0}
.blackjack-turn-ring{width:64px;height:64px;padding:5px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#32e397 0 78%,#173e2e 78%);box-shadow:0 0 28px #1dd88a2e}
.blackjack-turn-ring:before{content:"";grid-area:1/1;width:50px;height:50px;border-radius:50%;background:#0a281c;border:1px solid #2b7555}
.blackjack-turn-ring strong{grid-area:1/1;z-index:1;font-size:21px}.blackjack-turn-hud>span{margin-top:7px;font-size:10px;font-weight:900;letter-spacing:.16em}.blackjack-turn-hud>small{margin-top:3px;color:#74a18d;font-size:8px}
.blackjack-actions{display:grid;grid-template-columns:repeat(2,minmax(125px,180px));justify-content:center;gap:10px}
.blackjack-actions button{height:46px;border-radius:9px;font-size:11px;font-weight:900;letter-spacing:.09em;cursor:pointer}
.blackjack-hit{border:1px solid #31dd8f;background:linear-gradient(#22ca79,#149c5d);color:#fff;box-shadow:0 8px 20px #0a1a1255}.blackjack-stand{border:1px solid #52625a;background:linear-gradient(#18221e,#101713);color:#e9f0ec}.blackjack-actions button:hover{filter:brightness(1.08)}

.blackjack-bet-dock{grid-area:bet;position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:11px;padding:2px 0 0}
.blackjack-bet-label{text-align:center}.blackjack-bet-label strong{display:block;font-size:10px;letter-spacing:.17em}.blackjack-bet-label span{display:block;margin-top:3px;color:#789387;font-size:8px}
.blackjack-chip-row{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:nowrap;max-width:100%}
.blackjack-chip{width:56px;height:56px;flex:0 0 auto;border-radius:50%;border:4px dashed #dfe7e133;background:radial-gradient(circle,#18352a 0 48%,#0a1812 49% 100%);color:#d7e6de;font-size:10px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px #0008,inset 0 0 0 4px #ffffff0a;transition:.14s ease}
.blackjack-chip:nth-child(2){box-shadow:0 8px 18px #0008,inset 0 0 0 4px #e36e3650}.blackjack-chip:nth-child(3){box-shadow:0 8px 18px #0008,inset 0 0 0 4px #aeb8bf50}.blackjack-chip:nth-child(4){box-shadow:0 8px 18px #0008,inset 0 0 0 4px #e5b13955}.blackjack-chip:nth-child(5){box-shadow:0 8px 18px #0008,inset 0 0 0 4px #6fd7b450}.blackjack-chip:nth-child(6){box-shadow:0 8px 18px #0008,inset 0 0 0 4px #5eb6e950}.blackjack-chip:hover{transform:translateY(-3px)}.blackjack-chip.selected{border-color:#50e5a0;color:#7ff0b8;box-shadow:0 0 0 3px #1dd88a2b,0 9px 20px #0008,inset 0 0 0 4px #33d58a55}
.blackjack-deal-button{min-width:170px;height:44px;padding:0 22px;border:1px solid #2adb8d;border-radius:9px;background:linear-gradient(#21ca78,#13975a);color:#fff;font-size:10px;font-weight:900;letter-spacing:.09em;cursor:pointer;box-shadow:0 10px 22px #06140f99}

@media(max-width:1100px){
 .game-shell:has(.blackjack-table){grid-template-columns:260px minmax(0,1fr)}
 .blackjack-table{padding:15px 18px 17px;grid-template-rows:auto minmax(130px,1fr) auto minmax(130px,1fr) auto}
 .blackjack-card{width:66px;height:96px}.blackjack-table-meta span:last-child{display:none}
}

@media(max-width:820px){
 .workspace:has(.blackjack-table){display:block}
 .game-shell:has(.blackjack-table){display:block}
 .game-shell:has(.blackjack-table) .game-controls{display:none}
 .game-stage:has(.blackjack-table){height:auto;min-height:0;padding:7px 8px 10px;overflow:visible}
 .game-stage:has(.blackjack-table) .board-frame{height:auto;min-height:0;overflow:visible}
 .game-stage:has(.blackjack-table) #gameBoard{height:auto}
 .blackjack-table{height:auto;min-height:0;border-radius:12px;padding:12px 12px 14px;grid-template-rows:auto auto auto auto auto;gap:10px}
 .blackjack-table:before{inset:9% 4% 10%;border-radius:43%}
 .blackjack-topbar{align-items:center}
 .blackjack-mode small{display:none}
 .blackjack-table-meta span{height:34px;padding:0 9px}
 .blackjack-hand{min-height:118px;justify-content:center}
 .blackjack-cards{min-height:86px;padding:3px 8px}
 .blackjack-card{width:58px;height:84px}.blackjack-card .card-suit{font-size:30px}
 .blackjack-center{opacity:.9}.blackjack-center small{display:none}
 .blackjack-turn-zone{min-height:138px;gap:8px}
 .blackjack-actions{grid-template-columns:repeat(2,minmax(105px,150px))}
 .blackjack-bet-dock{gap:9px;padding-top:2px}
 .blackjack-chip-row{gap:8px}
 .blackjack-chip{width:50px;height:50px}
}

@media(max-width:520px){
 .game-stage:has(.blackjack-table){padding:5px 6px 8px}
 .blackjack-table{padding:10px 8px 12px;gap:7px}
 .blackjack-table:before{inset:10% 2% 10%;border-radius:42%}
 .blackjack-table:after{font-size:46px;top:49%}
 .blackjack-table-meta{display:none}
 .blackjack-topbar{min-height:38px}.blackjack-mode{height:34px;padding:0 10px}
 .blackjack-hand{min-height:104px;gap:4px}
 .blackjack-hand-head{font-size:9px}.blackjack-hand-head strong{font-size:14px;min-width:40px;padding:4px 8px}
 .blackjack-cards{gap:5px;min-height:74px;padding:2px 4px;overflow:visible}
 .blackjack-card{width:50px;height:74px}.blackjack-card .card-rank{font-size:12px}.blackjack-card .card-suit{font-size:24px}
 .blackjack-center{top:48%}.blackjack-center span:before{font-size:8px}.blackjack-center strong{width:40px;height:40px;font-size:17px}
 .blackjack-turn-zone{min-height:126px;gap:7px}
 .blackjack-turn-ring{width:56px;height:56px}.blackjack-turn-ring:before{width:44px;height:44px}.blackjack-turn-ring strong{font-size:18px}
 .blackjack-turn-hud>small{display:none}
 .blackjack-actions{width:min(300px,94%);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.blackjack-actions button{height:42px}
 .blackjack-bet-label strong{font-size:9px}
 .blackjack-chip-row{width:100%;gap:5px;justify-content:center}
 .blackjack-chip{width:43px;height:43px;border-width:3px;font-size:9px}
 .blackjack-deal-button{min-width:150px;height:42px}
}

@media(prefers-reduced-motion:reduce){.blackjack-card,.blackjack-chip{transform:none!important;transition:none!important}}