/* This panel does not change any table, avatar, card or chip geometry. */
.avatar-generation-panel[hidden], #avatarPickerGrid[hidden], #avatarPickerSave[hidden] { display:none !important; }
.avatar-picker-card:has(.avatar-generation-panel:not([hidden])) { grid-template-rows:auto auto auto minmax(0,1fr); height:100dvh; min-height:0; overflow:hidden; }
.avatar-generation-panel { min-width:0; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:2px 2px 18px; text-align:center; color:#f5ead8; }
.avatar-generation-intro h2 { margin:0 0 8px; font-size:22px; color:#fff0c8; }
.avatar-generation-intro > span { display:inline-block; padding:6px 12px; border:1px solid #8b713e; border-radius:20px; background:#302310; color:#f4cf7b; font-size:12px; font-weight:700; }
.avatar-generation-copy { margin:18px 0; font-size:14px; line-height:1.65; color:#e1d6c4; word-break:keep-all; }
.avatar-generation-placeholder, .avatar-generation-preview { width:min(100%,240px); margin:18px auto 14px; border:1px solid #675238; border-radius:18px; background:#241b12; overflow:hidden; }
.avatar-generation-placeholder { min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; color:#bda887; font-size:13px; }
.avatar-generation-placeholder > span { font-size:46px; color:#eac374; font-weight:300; }
.avatar-generation-preview img { display:block; width:100%; height:220px; object-fit:contain; }
.avatar-generation-preview.is-source img { object-fit:contain; background:#17110c; }
.avatar-generation-preview figcaption { padding:9px 6px; color:#cfb88f; font-size:11px; line-height:1.5; border-top:1px solid #59432b; }
.avatar-generation-preview.is-result img { background:radial-gradient(ellipse at center,#4a3520,#20180f); }
.avatar-generation-file, .avatar-generation-refresh { position:relative; display:block; width:100%; min-height:44px; padding:12px; box-sizing:border-box; border:1px solid #9b7a44; border-radius:12px; color:#f1d6a1; font-size:14px; font-weight:700; background:#2e2215; cursor:pointer; }
.avatar-generation-file:focus-within { outline:2px solid #ffd77d; outline-offset:3px; }
.avatar-generation-file input { position:absolute; inset:0; opacity:0; width:100%; height:100%; cursor:pointer; }
.avatar-generation-filename { margin:9px 0 0; color:#c4b69e; font-size:12px; overflow-wrap:anywhere; }
.avatar-generation-note { color:#b6a68b; font-size:12px; line-height:1.65; margin:10px 0; word-break:keep-all; }
.avatar-generation-consent { display:flex; gap:10px; align-items:flex-start; text-align:left; margin:22px 0 16px; color:#e1d5bf; font-size:13px; line-height:1.6; cursor:pointer; }
.avatar-generation-consent input { flex:0 0 18px; width:18px; height:18px; margin:2px 0 0; accent-color:#e1b45d; }
.avatar-generation-primary { display:block; width:100%; min-height:52px; padding:12px; border:1px solid #e8c376; border-radius:14px; background:linear-gradient(#e5bf70,#b88d42); color:#21170c; font-size:15px; font-weight:800; cursor:pointer; }
.avatar-generation-primary:disabled, .avatar-generation-refresh:disabled { opacity:.45; cursor:default; }
.avatar-generation-error { color:#ffb5a2; font-size:13px; line-height:1.6; overflow-wrap:anywhere; margin:12px 0; }
.avatar-generation-error:empty { display:none; }
.avatar-generation-empty { display:flex; min-height:220px; flex-direction:column; align-items:center; justify-content:center; gap:14px; padding:20px 8px; color:#deceb5; font-size:14px; line-height:1.8; }
.avatar-generation-empty p { margin:0; }
.avatar-generation-spinner { width:32px; height:32px; border:3px solid #604b2b; border-top-color:#e6c276; border-radius:50%; animation:avatar-generation-spin 1s linear infinite; }
@keyframes avatar-generation-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .avatar-generation-spinner { animation:none; } }
@media (max-width:360px) { .avatar-generation-preview img { height:180px; } .avatar-generation-copy { font-size:13px; } .avatar-generation-intro h2 { font-size:20px; } }
/* Match the existing full bakery figure clearance at the lower short-phone seats. */
@media (max-height:700px) and (orientation:portrait) {
  html body:not(.eight-reference-frame).holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-eight-layout.holdem-mascot-table #tableView :is(#seats,#seatGhosts) :is(.seat-clock-730,.seat-clock-430) .mascot-portrait[data-mascot-render="cutout"][data-mascot-framing="full"][data-mascot-portrait^="generated-"] > .mascot-source {
    width:90px !important; height:90px !important; left:-13px !important; top:-26px !important;
  }
}

.avatar-generation-balances{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px}.avatar-generation-balances>span{font-size:11px;line-height:1.6;color:#c6b18c;border:1px solid #81643866;padding:5px 10px;border-radius:9px;background:#302319}.avatar-generation-balances b{color:#f0d08a;font-size:13px;margin-left:3px}.avatar-generation-back-saved{display:block;border:0;background:none;color:#c2aa80;width:100%;min-height:44px;margin-top:8px;font:inherit;font-size:12px;cursor:pointer}