.manualChipPanel{border:1px solid #b98b5044;border-radius:12px;background:linear-gradient(135deg,#2b1e21,#151117);padding:16px;margin:12px 0;color:#eee1cc}.manualChipHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.manualChipHead b{font-size:12px;letter-spacing:.08em;color:#f1cc8c}.manualChipHead>span{font-size:7px;letter-spacing:.07em;color:#beab94}.manualChipPanel p{font:12px/1.6 Arial,sans-serif;color:#c5b7b5;margin:10px 0}.manualChipTray{display:flex;gap:10px;justify-content:space-between;padding:10px 0 14px}.wagerToken{--chip-color:#d9d7cb;position:relative;display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;min-height:0;border-radius:50%;padding:0;border:2px solid #eee2ca;background:repeating-conic-gradient(var(--chip-color) 0deg 30deg,#efe6d5 30deg 43deg,var(--chip-color) 43deg 60deg);box-shadow:0 3px 0 #080709,0 5px 8px #0008;color:#fff;font:800 11px Arial,sans-serif;text-shadow:0 1px 2px #000;font-style:normal}.wagerToken>span{display:grid;place-items:center;border:1px solid #f8e9ccaa;border-radius:50%;width:76%;height:76%;background:var(--chip-color)}.chipValue1{--chip-color:#d9d7cb;color:#211b1b;text-shadow:none}.chipValue5{--chip-color:#a7273d}.chipValue25{--chip-color:#247555}.chipValue100{--chip-color:#25232b}.chipValue500{--chip-color:#7451aa}.denomination{cursor:grab}.denomination:active{cursor:grabbing}.denomination[aria-pressed=true]{outline:2px solid #ffdc97;outline-offset:4px;transform:translateY(-3px)}.denomination:disabled{opacity:.35;cursor:default}.manualChipTools{display:flex;align-items:center;gap:8px}.manualChipTools button{min-height:38px;border:1px solid #97714755;background:#271c20;color:#dcc8a8;border-radius:7px;font-size:9px;padding:8px 10px;cursor:pointer}.manualChipTools button:disabled{opacity:.35;cursor:default}.manualChipTotal{margin-left:auto;font:700 20px Arial,sans-serif;color:#f5d29c}.manualChipPanel .manualChipStatus{min-height:36px;margin-bottom:0;font-size:11px}.manualChipSlots{position:absolute;inset:0;z-index:8;pointer-events:none}.manualChipSlot{pointer-events:auto;position:absolute;left:var(--slot-x);top:var(--slot-y);transform:translate(-50%,-50%);width:clamp(34px,5vw,58px);height:clamp(34px,5vw,58px);min-height:0;min-width:0;padding:0;display:grid;place-items:center;border:1px dashed #f5db9788;border-radius:50%;background:#15101435;color:#f8dba4;cursor:pointer;box-shadow:none}.manualChipSlot>small{font:bold 16px Arial,sans-serif;text-shadow:0 1px 3px #000;pointer-events:none}.manualChipSlot.hasChips>small{position:absolute;top:100%;white-space:nowrap;padding:3px 6px;border:1px solid #cfb18466;border-radius:5px;background:#130f14ed;color:#f7dfb5;font-size:10px}.manualSlotStack{position:absolute;inset:0;pointer-events:none}.manualSlotStack .wagerToken{position:absolute;width:100%;height:100%;left:0;bottom:calc(var(--layer)*3px);font-size:10px}.manualChipSlot:hover,.chipDragActive .manualChipSlot{border-style:solid;border-color:#f8d69b;background:#e3ac4930;box-shadow:0 0 15px #e3ac4940}.manualChipPanel :focus-visible,.manualChipSlot:focus-visible{outline:2px solid #ffe0a0;outline-offset:5px}.table.hasManualChips:not(.wagerLocked) .chipArea{visibility:hidden!important}.table.wagerLocked .manualChipSlots{visibility:hidden}.table.wagerLocked .chipArea{visibility:visible!important}
@media(max-width:600px){.manualChipPanel{padding:14px}.manualChipTray{justify-content:flex-start;gap:14px}.wagerToken.denomination{width:42px;height:42px}.manualChipHead{flex-wrap:wrap;gap:4px}.manualChipSlot{width:34px;height:34px}.manualChipSlot.hasChips>small{font-size:8px;padding:2px 4px}}
@media(prefers-reduced-motion:reduce){.manualChipPanel *{transition:none!important}}
/* Keep absolute slot positioning intact when the global button press style runs. */
:is(#blackjackView,#spanishView) button.manualChipSlot{position:absolute;left:var(--slot-x);top:var(--slot-y);transform:translate(-50%,-50%)!important;width:clamp(34px,5vw,58px);height:clamp(34px,5vw,58px);min-height:0;min-width:0;padding:0;border-radius:50%;border:1px dashed #f5db9788;background:#15101435;box-shadow:none;color:#f8dba4;line-height:1;letter-spacing:0}
:is(#blackjackView,#spanishView) button.manualChipSlot:hover{border-color:#f8d69b;background:#e3ac4930}
:is(#blackjackView,#spanishView) button.denomination{width:46px;height:46px;min-height:0;min-width:0;border-radius:50%;padding:0;border:2px solid #eee2ca;background:repeating-conic-gradient(var(--chip-color) 0deg 30deg,#efe6d5 30deg 43deg,var(--chip-color) 43deg 60deg);font:800 11px Arial,sans-serif;letter-spacing:0;color:#fff}
:is(#blackjackView,#spanishView) button.chipValue1{color:#211b1b}
@media(max-width:600px){:is(#blackjackView,#spanishView) button.manualChipSlot{width:34px;height:34px}:is(#blackjackView,#spanishView) button.denomination{width:42px;height:42px}}
/* Keep placed chips on their spots during play; extra split/double stakes join the center slot. */
:is(#blackjackView,#spanishView) .table.hasManualChips .chipArea{visibility:hidden!important}
:is(#blackjackView,#spanishView) .table.wagerLocked .manualChipSlots{visibility:visible}
:is(#blackjackView,#spanishView) button.manualChipSlot:disabled{opacity:1;cursor:default;border-color:transparent}

/* Compact chips remain inside the table window, below the felt. */
:is(#blackjackView,#spanishView) .table{overflow:visible;margin-bottom:78px}
:is(#blackjackView,#spanishView) .manualChipPanel{position:absolute;left:50%;top:100%;transform:translate(-50%,8px);z-index:15;display:flex;align-items:center;gap:12px;padding:8px 12px;margin:0;border-radius:40px;background:linear-gradient(145deg,#322524,#100e12);box-shadow:0 5px 14px #0008;white-space:nowrap}
.manualChipPanel .manualChipTray{padding:0;gap:12px}.manualChipPanel .manualChipTools{gap:4px}
:is(#blackjackView,#spanishView) .manualChipTools button{width:28px;height:32px;min-width:0;min-height:0;padding:0;font:22px Arial;border-radius:50%;background:#211b20;color:#e5c99b}
.manualChipPanel .manualChipTotal,.manualChipPanel .manualChipStatus{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
:is(#blackjackView,#spanishView) .gameStage{padding-top:0}
.seatCardsLayer{position:absolute;inset:0;z-index:7;pointer-events:none}.seatGroup{position:absolute;transform:translateX(-50%);width:19%;display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.seatHand{min-width:0;max-width:100%;padding:3px;border:1px solid transparent;border-radius:8px;background:#100c1280}.seatGroup:has(.seatHand:nth-child(2)) .seatHand{width:45%}.seatHand.activeSeatHand{border-color:#ffda87;background:#38270dda;box-shadow:0 0 12px #ffd27355}.seatHandCaption{text-align:center;font:700 10px Arial;color:#ffdf9b;margin-bottom:4px;white-space:nowrap}.seatHandCards{display:flex;justify-content:center}
:is(#blackjackView,#spanishView) .seatPlay .playerHand{display:none!important}
:is(#blackjackView,#spanishView) .seatHand .cardSlot{width:clamp(25px,4vw,52px);height:clamp(36px,5.6vw,74px);margin-left:calc(-1 * clamp(12px,2vw,26px));flex-shrink:0}
:is(#blackjackView,#spanishView) .seatHand .cardSlot:first-child{margin-left:0}
:is(#blackjackView,#spanishView) .seatHand .cardCorner{font-size:12px}.seatHand .cardSuit{font-size:24px}.seatHand .countTag{font-size:8px;height:13px}.seatHand .cardFace{padding:3px}
@media(max-width:600px){:is(#blackjackView,#spanishView) .manualChipPanel{gap:6px;padding:7px 9px}.manualChipPanel .manualChipTray{gap:9px}:is(#blackjackView,#spanishView) button.denomination{width:36px;height:36px;font-size:10px}.seatHandCaption{font-size:7px}.seatHand{padding:2px}.seatHand .cardSuit{font-size:13px}:is(#blackjackView,#spanishView) .seatHand .cardCorner{font-size:9px}.seatHand .countTag{font-size:6px;height:10px}.seatGroup{width:20%}.seatHand .cardFace{padding:2px}}

.seatHand .countTag{min-width:12px;right:2px;bottom:2px;padding:0 3px}.seatGroup:has(.seatHand:nth-child(2)) .cardSuit{font-size:16px}

:is(#blackjackView,#spanishView) button.manualChipDeal{min-width:76px;min-height:42px;padding:10px 16px;border:1px solid #f2c774;border-radius:24px;background:linear-gradient(145deg,#f3d492,#bd8738);color:#24170a;font:900 12px Arial,sans-serif;letter-spacing:.08em;cursor:pointer;box-shadow:0 3px 10px #0005}
:is(#blackjackView,#spanishView) button.manualChipDeal:hover:not(:disabled){background:linear-gradient(145deg,#ffe5ac,#d6a151)}
:is(#blackjackView,#spanishView) button.manualChipDeal:disabled{opacity:.4;cursor:default}
@media(max-width:600px){:is(#blackjackView,#spanishView) .manualChipPanel{display:grid;grid-template-columns:1fr auto;border-radius:22px;gap:8px 12px;padding:10px 14px}.manualChipPanel .manualChipTray{grid-column:1 / -1;justify-content:space-between}.manualChipPanel .manualChipTools{justify-content:flex-start}:is(#blackjackView,#spanishView) button.manualChipDeal{min-height:34px;padding:7px 18px}:is(#blackjackView,#spanishView) .table{margin-bottom:122px}}