/* v48 keeps art authored as raster; only layout, materials and motion live here. */
.practice-situation label,.practice-situation select {font-family:var(--ui-display)!important;font-size:16px!important;font-weight:700;line-height:1.2;}
.practice-hand {align-items:center;padding-left:0!important;gap:5px;}
.practice-hand .guide-card.card {margin-left:0!important;}
.practice-card-stack {position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:49px;color:#fff8d9;background:#352c3b;border:2px solid #c8b59c;border-radius:5px;box-shadow:3px -3px 0 #9b8364,5px -5px 0 #352c3b;font:700 14px/1 var(--ui-display);margin:3px 5px 0 0;}
.practice-seat-0 .practice-card-stack {width:44px;height:63px;flex-basis:44px;font-size:18px;}
.help-modal-v29[data-guide-view="practice"] .help-scroll {overflow-anchor:none;scroll-behavior:auto;}
@media(min-width:761px){
 .practice-seat:not(.practice-seat-0) .guide-card.card {width:44px!important;height:63px!important;flex-basis:44px;--card-w:44px;--card-h:63px;}
 .practice-seat-0 .guide-card.card {width:52px!important;height:74px!important;flex-basis:52px;--card-w:52px;--card-h:74px;}
 .practice-table {grid-template-columns:repeat(3,minmax(0,1fr));}
 .practice-seat:not(.practice-seat-0) .practice-hand {flex-wrap:wrap;}
}
@media(max-width:760px){
 .practice-seat:not(.practice-seat-0) .guide-card.card {width:30px!important;height:43px!important;flex-basis:30px;--card-w:30px;--card-h:43px;}
 .practice-seat:not(.practice-seat-0) .practice-hand {gap:2px;}
 .practice-seat:not(.practice-seat-0) .practice-card-stack {width:23px;height:35px;flex-basis:23px;font-size:11px;margin-right:2px;box-shadow:2px -2px 0 #9b8364;}
 .practice-hand-dock .practice-hand {gap:5px;padding-left:0!important;}
 .practice-hand-dock .practice-hand .guide-card.card {width:36px!important;height:51px!important;flex-basis:36px;--card-w:36px;--card-h:51px;margin-left:0!important;}
 .practice-hand-dock .practice-card-stack {width:32px;height:46px;flex-basis:32px;font-size:15px;}
 .practice-situation {gap:8px;}
 .practice-situation label {font-size:16px!important;}
}
@media(max-width:360px){
 .practice-seat:not(.practice-seat-0) .guide-card.card {width:27px!important;height:39px!important;flex-basis:27px;--card-w:27px;--card-h:39px;}
 .practice-seat:not(.practice-seat-0) .practice-card-stack {width:20px;height:31px;flex-basis:20px;font-size:10px;}
 .practice-hand-dock .practice-hand .guide-card.card {width:32px!important;height:45px!important;flex-basis:32px;--card-w:32px;--card-h:45px;}
}
/* Deck samples are contained card backs, including in narrow reward rails. */
.progress-reward-icon.deck {display:grid!important;place-items:center;padding:3px!important;overflow:hidden!important;aspect-ratio:auto!important;height:64px;}
.reward-deck-back {display:block;width:100%;height:100%;max-height:100%;background:var(--card-back)!important;border-radius:3px;image-rendering:pixelated;}
.cosmetic-preview-rail-item {display:grid;place-items:center;height:76px!important;min-height:76px!important;padding:6px!important;overflow:hidden;}
.cosmetic-preview-rail-item .progress-reward-icon {width:44px!important;height:58px!important;min-height:0!important;max-height:100%!important;margin:0!important;flex:0 0 auto!important;}
.founder-map {min-height:2150px;}
.founder-tree-art {object-fit:cover;object-position:center;}
@media(max-width:760px){.founder-map {min-height:2050px;} }
/* Neutral contrasting avatar wells preserve the original pixels in light mode. */
body.light :is(.pchip-av,.profile-avatar,.progress-avatar-v12,.cosmetic-character-avatar,.cosmetic-character-reactions>span,.title-profile-avatar,.founder-you) {background:#d2c2a4!important;border:2px solid #907650!important;border-radius:7px;box-shadow:inset 0 0 0 2px #eadfcd!important;}
body.light .progress-reward-icon:not(.deck):not(.table-preview) {background:#d2c2a4!important;border-color:#967a55!important;}
body.light :is(.game-choice,.play-game-choice) img {background:transparent!important;}
/* A cosmetic signature, separate from the shared card pile. */
.seat-deck {display:inline-grid;place-items:center;width:17px;height:24px;flex:0 0 17px;vertical-align:middle;overflow:hidden;border-radius:3px;border:1px solid #a9977c;background:var(--card-back);}
.seat-deck>span {width:100%;height:100%;background:var(--card-back)!important;}
.profile-deck-badge {display:flex;align-items:center;gap:8px;font:600 12px/1.1 var(--ui-display);color:var(--chrome-muted);margin-top:7px;}
.profile-deck-badge>span:first-child {display:block;width:24px;height:34px;background:var(--card-back)!important;border:1px solid #a9977c;border-radius:3px;}
.settings-style-preview {border:2px solid var(--chrome-border-strong);border-radius:9px;overflow:hidden;margin-bottom:18px;}
#settingsStylePreview .settings-preview-table {display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:122px!important;height:122px!important;width:100%!important;aspect-ratio:auto!important;padding:14px!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--preview-art) center/cover!important;overflow:hidden;}
.settings-preview-card.card {position:relative;display:block;width:59px!important;height:83px!important;--card-w:59px;--card-h:83px;flex:0 0 59px;transform:none!important;margin:0!important;container-type:inline-size;z-index:1;}
.settings-preview-card.cosmetic-preview-back-real {background:var(--card-back)!important;}
.settings-preview-label {display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:var(--chrome-raised);color:var(--cream);font-size:14px;}
.settings-preview-label>span {color:var(--chrome-muted);font-size:12px;}
.settings-unlock-level {display:block;font-size:9px;line-height:1.1;margin-top:4px;opacity:.85;}
@media(max-width:760px){
 #settingsStylePreview .settings-preview-table {height:102px!important;min-height:102px!important;gap:6px;padding:11px!important;}
 .settings-preview-card.card {width:46px!important;height:65px!important;--card-w:46px;--card-h:65px;flex-basis:46px;}
 .settings-preview-label {padding:8px;font-size:13px;}
}
/* Jokers use fixed dark ink on a light stock in every theme; suit colors do not override it. */
:is(body,.card-pack-scope) {--joker-ink:#33243a;}
.card.is-joker {color:var(--joker-ink)!important;}
.card.is-joker :is(.cf-rank,.cf-joker,.cf-joker-word) {color:var(--joker-ink)!important;text-shadow:none!important;}
.table-card.is-joker :is(.tc-rank,.tc-suit) {color:#33243a!important;}
.cf-joker-word {font-weight:900;letter-spacing:.02em;}
/* The new title is original generated pixel lettering; h1 retains its accessible name. */
#screen-start .title-logo-v48 {width:min(100%,780px);font-size:0!important;line-height:0!important;letter-spacing:0!important;padding:0!important;-webkit-text-stroke:0!important;text-shadow:none!important;}
.title-logo-v48 img {display:block;width:100%;height:auto;image-rendering:pixelated;}
body.light .play-hub-panel .play-mode-card img {background:transparent!important;padding:0!important;}
@keyframes court-collectible-idle {0%,100%{translate:0 0;}50%{translate:0 -1.5px;}}
body:not(.no-motion) .cosmetic-preview-stage :is(.pack-shadow,.pack-rainbow,.pack-space,.pack-neon,.pack-quest) .court-portrait {animation:court-collectible-idle 7s ease-in-out infinite;}
body:not(.no-motion) .cosmetic-preview-stage .card:nth-child(even) .court-portrait {animation-delay:-3s;}
@media(prefers-reduced-motion:reduce){.cosmetic-preview-stage .court-portrait {animation:none!important;}}
.practice-seat .practice-hand .guide-card.card {margin:0!important;}
.settings-style-preview {position:sticky;top:0;z-index:5;background:var(--chrome-raised);box-shadow:0 5px 8px var(--chrome-shadow);}
#modal-settings [data-pack].cosmetic-locked::after,#modal-settings [data-texture].cosmetic-locked::after {display:none!important;}
#modal-settings [data-pack].cosmetic-locked,#modal-settings [data-texture].cosmetic-locked {opacity:.7;}
#modal-settings .settings-unlock-level {color:inherit!important;opacity:1;}
.title-logo-v48 {aspect-ratio:4.6;}
.title-logo-v48[data-art-state="loading"]>img {visibility:hidden;}
.practice-card-stack {background:var(--card-back);}
.practice-card-stack b {padding:4px 2px;border-radius:3px;background:#241b30e8;color:#fff4ce;}
.card:has(.cardface[data-joker="true"]) {background:var(--card-stock-joker)!important;color:#33243a!important;}
.cardface[data-joker="true"] :is(.cf-rank,.cf-joker,.cf-joker-word) {color:#33243a!important;text-shadow:none!important;}
body.light :is(#homeAvatarPreview,#profileAvatar,#avatarPicker button) {background:#d2c2a4!important;border-color:#907650!important;box-shadow:inset 0 0 0 2px #eadfcd!important;}
@media(min-width:761px){
 .practice-table {gap:9px;padding:11px 12px;}
 .practice-seat {gap:6px;padding:5px;}
 .practice-name svg {width:21px;height:21px;}
}
.title-logo-v48[data-art-state="error"]>img {visibility:hidden;}
.title-logo-v48[data-art-state="error"]::after {content:'KOUNGA';position:absolute;inset:0;display:grid;place-items:center;color:#ffcf37;font:clamp(30px,7vw,78px)/1 'Press Start 2P',monospace;}
.title-logo-v48[data-art-state="loading"]::after {content:'···';position:absolute;inset:0;display:grid;place-items:center;color:var(--gold);font:24px/1 var(--ui-display);}
@media(max-height:550px){
 #settingsStylePreview .settings-preview-table {height:77px!important;min-height:77px!important;padding:7px!important;}
 .settings-preview-card.card {width:43px!important;height:61px!important;--card-w:43px;--card-h:61px;flex-basis:43px;}
 .settings-preview-label {padding:5px 9px;}
}
#screen-start .title-logo-v48 {position:relative;}
@media(min-width:761px) and (max-width:1100px){
 .practice-seat:not(.practice-seat-0) .guide-card.card {width:36px!important;height:51px!important;flex-basis:36px;--card-w:36px;--card-h:51px;}
 .practice-seat:not(.practice-seat-0) .practice-card-stack {width:27px;height:39px;flex-basis:27px;font-size:12px;}
 .practice-hand {gap:3px;}
}
/* Corners carry game information; frames and pips stay clear of that reading area. */
.cf-idx {z-index:3;line-height:1;font-weight:900;letter-spacing:0;min-width:19%;}
.cf-idx-tl {left:8%;top:6%;}
.cf-idx-br {right:8%;bottom:6%;}
.card .cf-rank {font-weight:900!important;font-stretch:85%;font-variant-numeric:lining-nums tabular-nums;}
.cf-suit {font-weight:900;line-height:1;margin-top:.12em;}
.cf-rank.wide {letter-spacing:-.04em!important;}
#settingsStylePreview .settings-preview-table {box-shadow:none!important;}
#modal-settings :is([data-pack],[data-texture])[data-unlock-at]::after {content:'LV ' attr(data-unlock-at);display:block!important;position:static!important;inset:auto;background:none!important;color:inherit!important;font:700 10px/1.2 var(--ui-display)!important;padding:3px 0 0!important;pointer-events:none;}
#modal-settings .theme-swatch.cosmetic-locked::after {content:'LV ' attr(data-unlock-at);font:700 9px/1 var(--ui-display);background:#30241b;color:#ffedc2;}
body.light #modal-settings .theme-swatch.cosmetic-locked::after {background:#fbe7bf;color:#4a311b;}
.special-face {color:var(--deck-black);}
.special-rank {font:900 19cqw/1 var(--deck-font);left:8%;top:6%;z-index:3;}
.special-name {font-size:8cqw;color:var(--deck-black);}
.cf-idx-tl {top:var(--deck-index-y,6%);}
.cf-idx-br {bottom:var(--deck-index-y,6%);}
.special-rank {top:var(--deck-index-y,6%);}
button.profile-deck-badge {appearance:none;padding:6px 9px;border:1px solid var(--chrome-border-strong);border-radius:6px;background:var(--chrome-well);cursor:pointer;max-width:100%;min-height:44px;}
button.profile-deck-badge:hover {border-color:var(--gold);}
button.profile-deck-badge:focus-visible {outline:2px solid var(--gold);outline-offset:3px;}
.cf-idx-tl {left:var(--deck-index-x,8%);}
.cf-idx-br {right:var(--deck-index-x,8%);}
.special-rank {left:var(--deck-index-x,8%);}
.special-name {bottom:var(--deck-index-y,6%);}