@import url('./assets/depth-tokens.css');
/* Static presentation; only the original painter supplies any card identity. */
body.hl-depth-art .game-wrap{min-width:0;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
body.hl-depth-art .hud{flex-wrap:wrap;gap:var(--hl-art-gap);line-height:1.4}
body.hl-depth-art .hud .btn{min-height:var(--hl-art-touch)}
body.hl-depth-art .hl-stats{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
body.hl-depth-art .hl-stat{padding:.55rem .35rem;background:var(--hl-art-paper);border-color:var(--hl-art-edge)}
body.hl-depth-art .hl-k{font-size:.75rem;color:var(--hl-art-muted)}
body.hl-depth-art .hl-stat b{color:var(--hl-art-ink);overflow-wrap:anywhere;max-width:100%}
body.hl-depth-art .hl-mult{background:var(--hl-art-plum);color:var(--hl-art-white)}
body.hl-depth-art .hl-mult.hot{background:var(--hl-art-gold);color:var(--hl-art-ink)}
body.hl-depth-art .hl-mult.fire{background:var(--hl-art-fire);color:var(--hl-art-white)}
body.hl-depth-art .hl-stat .hl-lives{color:var(--hl-art-red)}
body.hl-depth-art .hl-lives .gone{color:var(--hl-art-edge)}
body.hl-depth-art #status{line-height:1.5;overflow-wrap:anywhere}
body.hl-depth-art #status.good{color:var(--hl-art-green)}
body.hl-depth-art #status.bad{color:var(--hl-art-red)}
body.hl-depth-art #status.tie{color:var(--hl-art-plum)}
body.hl-depth-art #card-stage{padding:16px 12px;background:var(--hl-art-felt) url('./assets/depth-felt-inlay.svg') center/100% 100%;border-radius:12px}
body.hl-depth-art .playcard{width:var(--hl-art-card-w);height:var(--hl-art-card-h);background:var(--hl-art-paper) url('./assets/depth-cardstock.svg') center/100% 100%;border-color:var(--hl-art-edge);font-family:inherit}
body.hl-depth-art .playcard.black{color:var(--hl-art-ink)}
body.hl-depth-art .playcard.red{color:var(--hl-art-red)}
body.hl-depth-art .playcard .pc-rank{font-size:3.4rem}
body.hl-depth-art .playcard .pc-suit{font-size:2rem}
body.hl-depth-art .pc-corner{font-size:1rem}
body.hl-depth-art .hl-trail{flex-wrap:wrap;overflow:visible;gap:8px;padding:5px 0;min-height:44px}
body.hl-depth-art .hl-mini{width:28px;height:42px;flex:0 0 28px;font-size:.85rem;background:var(--hl-art-paper);border-color:var(--hl-art-edge)}
body.hl-depth-art .hl-mini.black{color:var(--hl-art-ink)}
body.hl-depth-art .hl-mini.red{color:var(--hl-art-red)}
body.hl-depth-art .hl-mini.win{border-bottom-color:var(--hl-art-green)}
body.hl-depth-art .hl-mini.lose{border-bottom-color:var(--hl-art-red)}
body.hl-depth-art .hl-mini.tie{border-bottom-color:var(--hl-art-plum)}
body.hl-depth-art #color-btns{flex-wrap:wrap;gap:var(--hl-art-gap);padding:6px}
body.hl-depth-art #color-btns .guess-btn{flex:1 1 120px;min-width:120px;max-width:none;min-height:64px;white-space:normal;line-height:1.2;transform:none}
body.hl-depth-art #color-btns .guess-btn small{font-size:.8rem;opacity:1}
body.hl-depth-art #color-btns .guess-btn.hi{background:var(--hl-art-green);color:var(--hl-art-white)}
body.hl-depth-art #color-btns .guess-btn.lo{background:var(--hl-art-red);color:var(--hl-art-white)}
body.hl-depth-art #color-btns .guess-btn:focus-visible{outline:3px dashed var(--hl-art-plum);outline-offset:3px}
body.hl-depth-art .hl-count{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
body.hl-depth-art .hl-cell{padding:4px 0;background:var(--hl-art-paper);border-color:var(--hl-art-edge)}
body.hl-depth-art .hl-cell span{font-size:.8rem;color:var(--hl-art-ink)}
body.hl-depth-art .hl-cell i{font-size:.8rem;color:var(--hl-art-plum)}
body.hl-depth-art .hl-cell.zero{opacity:1;background:var(--hl-art-zero);border-style:dashed}
body.hl-depth-art .hl-cell.cur{border:2px solid var(--hl-art-plum);background:var(--hl-art-gold)}
body.hl-depth-art .hl-count-cap,body.hl-depth-art .hl-tools{color:var(--hl-art-muted);font-size:.8rem;line-height:1.5}
body.hl-depth-art .hl-chip{min-height:var(--hl-art-touch);min-width:44px;font-family:inherit;white-space:normal}
body.hl-depth-art .hl-chip:focus-visible{outline:3px dashed var(--hl-art-plum);outline-offset:3px}
body.hl-depth-art #go-overlay{overflow:auto;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}
body.hl-depth-art .go-panel{margin:auto;padding:1.25rem;max-height:none}
body.hl-depth-art .go-again{min-height:52px;white-space:normal}
@media(min-width:451px){body.hl-depth-art{--hl-art-card-w:160px;--hl-art-card-h:224px}body.hl-depth-art .hl-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.hl-depth-art :is(.playcard,.playcard.flip-in,.playcard.shake,.hl-stat b.pulse,.hl-float.go){animation:none!important;transition:none!important}body.hl-depth-art .playcard.flip-out{transform:none}}