/* Classic table: a printed-board layout in Kubear colours. Square board with price + name on every tile, corner
   stamps, a deep-green centre holding the two decks, one row of chunky tools, compact player tags, and the dice
   with one clear action underneath. Loaded last so it wins over the older table skins. */
:root{
  --cl-ink:#14110F;--cl-paper:#FFFBF0;--cl-cream:#FFF4DC;--cl-sand:#F7E6BF;--cl-gold:#F6A91B;--cl-tomato:#C8361F;
  --cl-indigo:#2B2A7A;--cl-green:#0B3D2E;--cl-felt:#0F4A37;--cl-line:#B9A887;--cl-shadow:3px 3px 0 var(--cl-ink);
  --cl-corner:1.32fr;
}

/* ---------- Board frame ---------- */
html body .board-area{padding:0!important;border:3px solid var(--cl-ink)!important;border-radius:14px!important;background:var(--cl-ink)!important;box-shadow:var(--cl-shadow)!important;overflow:hidden}
html body .board.board-expanded{
  grid-template-columns:var(--cl-corner) repeat(9,minmax(0,1fr)) var(--cl-corner)!important;
  grid-template-rows:var(--cl-corner) repeat(9,minmax(0,1fr)) var(--cl-corner)!important;
  aspect-ratio:1!important;height:auto!important;width:100%!important;max-height:none!important;
  gap:1px!important;padding:0!important;border:0!important;border-radius:11px!important;background:var(--cl-ink)!important;box-shadow:none!important;overflow:hidden
}

/* ---------- Tiles ---------- */
html body .board-expanded .board-space{
  container-type:size;display:block!important;padding:0!important;border:0!important;border-radius:0!important;
  background:var(--cl-paper)!important;box-shadow:none!important;outline:0;overflow:hidden
}
html body .board-expanded .board-space>.space-topline,
html body .board-expanded .board-space>.space-name,
html body .board-expanded .board-space>.space-kind,
html body .board-expanded .board-space>.space-details,
html body .board-expanded .board-space>.space-footer,
html body .board-expanded .board-space .business-tile-visual{display:none!important}
html body .board-expanded .board-space::after{content:none!important}
/* colour band sits on the inner edge, as on a printed board */
html body .board-expanded .board-space[data-asset-type="city"][data-side="bottom"]{box-shadow:inset 0 6px 0 var(--group-color)!important}
html body .board-expanded .board-space[data-asset-type="city"][data-side="top"]{box-shadow:inset 0 -6px 0 var(--group-color)!important}
html body .board-expanded .board-space[data-asset-type="city"][data-side="left"]{box-shadow:inset -6px 0 0 var(--group-color)!important}
html body .board-expanded .board-space[data-asset-type="city"][data-side="right"]{box-shadow:inset 6px 0 0 var(--group-color)!important}
/* owned: a soft tint of the owner's colour and a marker on the outer edge */
html body .board-expanded .board-space.owned{background:color-mix(in srgb,var(--owner-color) 34%,var(--cl-paper))!important}
html body .board-expanded .board-space.owned::before{content:"";position:absolute;z-index:2;width:8px;height:8px;border:1.5px solid var(--cl-ink);border-radius:50%;background:var(--owner-color)!important;display:block!important}
html body .board-expanded .board-space.owned[data-side="bottom"]::before{bottom:2px;left:50%;translate:-50% 0}
html body .board-expanded .board-space.owned[data-side="top"]::before{top:2px;left:50%;translate:-50% 0}
html body .board-expanded .board-space.owned[data-side="left"]::before{left:2px;top:50%;translate:0 -50%}
html body .board-expanded .board-space.owned[data-side="right"]::before{right:2px;top:50%;translate:0 -50%}
html body .board-expanded .board-space[data-mortgaged="true"]{background:repeating-linear-gradient(135deg,#ece6d8 0 4px,var(--cl-paper) 4px 8px)!important}
html body .board-expanded .board-space[data-mortgaged="true"] .tile-face{opacity:.55}
html body .board-expanded .board-space.landed,html body .board-expanded .board-space.selected{outline:2.5px solid var(--cl-gold)!important;outline-offset:-2.5px!important;z-index:3}

/* face: horizontal on the side columns, turned on the top and bottom rows */
html body .board-expanded .tile-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:2px 3px;text-align:center;color:var(--cl-ink);pointer-events:none}
html body .board-expanded .board-space[data-side="bottom"] .tile-face,
html body .board-expanded .board-space[data-side="top"] .tile-face{inset:auto;top:50%;left:50%;width:100cqh;height:100cqw;transform:translate(-50%,-50%) rotate(-90deg)}
html body .board-expanded .board-space[data-asset-type="city"][data-side="bottom"] .tile-face{padding-left:8px}
html body .board-expanded .board-space[data-asset-type="city"][data-side="top"] .tile-face{padding-right:8px}
html body .board-expanded .board-space[data-asset-type="city"][data-side="left"] .tile-face{padding-right:8px}
html body .board-expanded .board-space[data-asset-type="city"][data-side="right"] .tile-face{padding-left:8px}
html body .board-expanded .tile-top{display:block;max-width:100%;font:900 clamp(7.5px,2.15vw,12px)/1 var(--kb-display,'Arial Black',sans-serif);letter-spacing:-.02em;white-space:nowrap}
html body .board-expanded .tile-bottom{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%;overflow:hidden;font:700 clamp(5.5px,1.5vw,9px)/1.05 var(--kb-body,system-ui,sans-serif);text-transform:uppercase;letter-spacing:0;white-space:normal;overflow-wrap:normal;opacity:.8}
html body .board-expanded .board-space:is([data-side="left"],[data-side="right"]) .tile-bottom{font-size:min(clamp(5.5px,1.5vw,9px),calc((100cqw - 12px) / (var(--chars,8) * .7)))}
html body .board-expanded .board-space:is([data-side="top"],[data-side="bottom"]) .tile-bottom{font-size:min(clamp(5.5px,1.5vw,9px),calc((100cqh - 14px) / (var(--chars,8) * .7)))}
html body .board-expanded .tile-bottom:empty{display:none}
html body .board-expanded .tile-icon{display:block;width:clamp(10px,3.1vw,18px);height:clamp(10px,3.1vw,18px);flex:none}
html body .board-expanded .tile-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html body .board-expanded .board-space:not([data-side="corner"]):not(.type-card) .tile-icon{display:none}
html body .board-expanded .type-card .tile-face{gap:2px}
html body .board-expanded .type-card .tile-icon{display:none}
html body .board-expanded .type-card .tile-face:has(.tile-icon-chance) .tile-top{color:var(--cl-tomato)}
html body .board-expanded .type-card .tile-face:has(.tile-icon-chest) .tile-top{color:var(--cl-indigo)}
html body .board-expanded .tile-icon-chance{color:var(--cl-tomato)}
html body .board-expanded .tile-icon-chest{color:var(--cl-indigo)}
html body .board-expanded .tile-icon-rail,html body .board-expanded .tile-icon-power,html body .board-expanded .tile-icon-water{color:var(--cl-indigo)}
html body .board-expanded .tile-icon-tax{color:var(--cl-tomato)}
html body .board-expanded .type-card .tile-top{font-size:clamp(6px,1.7vw,10px)}
html body .board-expanded .type-tax .tile-top{font-size:clamp(6.5px,1.8vw,10.5px)}
/* houses and hotel */
html body .board-expanded .tile-houses{display:flex;gap:1px;min-height:0}
html body .board-expanded .tile-houses:empty{display:none}
html body .tile-houses i,html body .deed-pips i{display:block;width:5px;height:5px;border-radius:1px;background:#2E8B57;box-shadow:0 0 0 .5px var(--cl-ink)}
html body .tile-houses i.hotel,html body .deed-pips i.hotel{width:9px;background:var(--cl-tomato)}

/* corners: a stamp diamond and two short words */
html body .board-expanded .board-space[data-side="corner"]{background:var(--cl-sand)!important}
html body .board-expanded .board-space[data-side="corner"] .tile-face{gap:3px}
html body .board-expanded .board-space[data-side="corner"] .tile-icon{box-sizing:border-box;width:40cqw;height:40cqw;padding:2px;margin-bottom:4cqw;border:2px solid var(--cl-ink);border-radius:6px;color:#fff;transform:rotate(45deg);box-shadow:2px 2px 0 var(--cl-ink)}
html body .board-expanded .board-space[data-side="corner"] .tile-icon svg{display:block;width:100%;height:100%;transform:rotate(-45deg);stroke-width:3}
html body .board-expanded .tile-icon-go{background:var(--cl-green)}
html body .board-expanded .tile-icon-go svg{stroke:var(--cl-gold)}
html body .board-expanded .tile-icon-jail{background:var(--cl-tomato)}
html body .board-expanded .tile-icon-parking{background:var(--cl-indigo)}
html body .board-expanded .tile-icon-gotojail{background:var(--cl-ink)}
html body .board-expanded .board-space[data-side="corner"] .tile-top{font-size:clamp(7px,2vw,12px)}
html body .board-expanded .board-space[data-side="corner"] .tile-bottom{font-size:clamp(5.5px,1.45vw,8.5px)}

/* pawns sit in the middle of the tile, above the face */
html body .board-expanded .token-stack{position:absolute!important;inset:0!important;z-index:6!important;display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap}
html body .board-expanded .token-stack .player-token,html body .board-expanded .token-stack .tabletop-pawn{width:clamp(13px,4vw,22px)!important;height:clamp(17px,5.2vw,28px)!important;filter:drop-shadow(0 1px 0 var(--cl-ink))}

/* ---------- Centre: deep-green felt, the two decks, a quiet watermark ---------- */
html body .board-expanded .board-center{position:relative;padding:0!important;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at 50% 45%,var(--cl-felt),var(--cl-green) 75%)!important;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25)!important;overflow:hidden}
html body .board-expanded .board-center>.center-copy{display:none!important}
html body .classic-centre{position:absolute;inset:0;pointer-events:none}
html body .classic-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);font:900 clamp(22px,8vw,52px)/1 var(--kb-display,'Arial Black',sans-serif);letter-spacing:.04em;color:rgba(246,169,27,.16);white-space:nowrap}
html body .classic-deck{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:34%;aspect-ratio:1.45;border:2.5px solid var(--cl-paper);border-radius:9px;box-shadow:0 0 0 2px var(--cl-ink),3px 4px 0 2px rgba(0,0,0,.35);color:var(--cl-paper);transform:rotate(-45deg)}
html body .classic-deck b{font:900 clamp(6px,1.9vw,11px)/1.05 var(--kb-display,'Arial Black',sans-serif);letter-spacing:.03em;text-align:center}
html body .classic-deck .deck-icon{width:30%;height:auto;aspect-ratio:1}
html body .classic-deck .deck-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
html body .classic-deck-chest{left:6%;top:12%;background:var(--cl-indigo)}
html body .classic-deck-chance{right:6%;bottom:12%;background:var(--cl-tomato)}
html body .board-expanded .center-motion{position:absolute;inset:0;z-index:4;display:grid;place-items:center}
html body .board-expanded .center-motion:empty{display:none}

/* ---------- Page around the board (phones and tablets) ---------- */
@media (max-width:899px){
  html body[data-view=game] .game-shell{width:min(100% - 16px,560px)!important}
  html body[data-view=game] .game-screen{padding:6px 0 18px!important}
  html body[data-view=game] .matchbar{display:flex!important;justify-content:center;margin:0 0 8px!important;padding:0!important}
  html body[data-view=game] .matchbar .turn-pill,html body[data-view=game] .matchbar .cash-pill,html body[data-view=game] .matchbar .eyebrow{display:none!important}
  html body[data-view=game] .matchbar strong{font:700 11px/1 var(--kb-mono,monospace)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--cl-ink);opacity:.7}
  html body[data-view=game] .table-layout{display:flex!important;flex-direction:column;gap:10px!important}
  html body[data-view=game] .board-area{order:1;width:100%!important;margin:0!important}
  html body[data-view=game] .desktop-panel{display:contents!important}
  html body[data-view=game] .bottom-tools{order:2}
  html body[data-view=game] #tablePlayers.turn-table{order:3}
  html body[data-view=game] #actionCard{order:4}
  html body[data-view=game] .players-panel,html body[data-view=game] .last-move-panel,html body[data-view=game] .event-log{display:none!important}
}

/* ---------- One row of chunky tools under the board ---------- */
html body[data-view=game] .bottom-tools{position:static!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body[data-view=game] .bottom-tools button{min-height:40px!important;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:0!important;padding:0 4px!important;border:2.5px solid var(--cl-ink)!important;border-radius:10px!important;background:var(--cl-gold)!important;color:var(--cl-ink)!important;box-shadow:var(--cl-shadow)!important;transition:transform .08s,box-shadow .08s}
html body[data-view=game] .bottom-tools button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--cl-ink)!important}
html body[data-view=game] .bottom-tools button svg{display:none!important}
html body[data-view=game] .bottom-tools button b{font:900 13px/1 var(--kb-display,'Arial Black',sans-serif)!important;letter-spacing:.02em;text-transform:uppercase}
html body[data-view=game] .bottom-tools [data-sheet="settings"]{order:-1;background:var(--cl-indigo)!important;color:var(--cl-paper)!important}
html body[data-view=game] .bottom-tools [data-sheet="rules"]{background:var(--cl-tomato)!important;color:var(--cl-paper)!important}

/* ---------- Player tags ---------- */
html body[data-view=game] #tablePlayers.turn-table{display:grid!important;grid-template-columns:repeat(var(--player-count,3),minmax(0,1fr))!important;gap:8px!important;padding:0!important;overflow:visible!important}
html body[data-view=game] .table-player{position:relative;display:flex!important;align-items:center;gap:6px!important;min-height:0!important;min-width:0;padding:6px 8px!important;border:2.5px solid var(--cl-ink)!important;border-radius:12px!important;background:var(--cl-paper)!important;box-shadow:2px 2px 0 var(--cl-ink)!important;color:var(--cl-ink)!important;opacity:.82}
html body[data-view=game] .table-player.active{opacity:1;background:var(--cl-cream)!important;box-shadow:var(--cl-shadow),0 0 0 3px var(--player-color)!important}
html body[data-view=game] .table-player.bankrupt{opacity:.4}
html body[data-view=game] .table-player .table-player-token{width:22px!important;height:28px!important;flex:none}
html body[data-view=game] .table-player-copy{display:flex!important;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
html body[data-view=game] .table-player-copy b{max-width:100%;overflow:hidden;padding:2px 6px;border-radius:5px;background:var(--player-color);color:var(--cl-ink);font:800 11px/1.1 var(--kb-body,system-ui,sans-serif)!important;white-space:nowrap;text-overflow:ellipsis}
html body[data-view=game] .table-player-copy strong{font:900 15px/1 var(--kb-display,'Arial Black',sans-serif)!important;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
html body[data-view=game] .table-player-copy small{display:none!important}

/* ---------- Dice and one action ---------- */
html body[data-view=game] #actionCard.action-card{position:static!important;inset:auto!important;width:100%!important;align-self:stretch;grid-template-columns:none!important;z-index:auto;display:flex!important;flex-direction:column;align-items:center;gap:10px!important;padding:2px 0 0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:center}
html body[data-view=game] #actionCard .action-heading{display:flex;flex-direction:column;align-items:center;gap:2px}
html body[data-view=game] #phaseLabel{font:700 10.5px/1 var(--kb-mono,monospace)!important;letter-spacing:.1em;color:var(--cl-tomato)!important}
html body[data-view=game] #actionTitle{margin:0!important;font:900 17px/1.1 var(--kb-display,'Arial Black',sans-serif)!important;text-transform:none!important}
html body[data-view=game] #actionCopy,html body[data-view=game] #turnReceipt,html body[data-view=game] #cashFlow,html body[data-view=game] #learnLine,html body[data-view=game] #coachMark{display:none!important}
html body[data-view=game] #actionCard.action-card #diceTray.dice-tray{order:-1;display:flex!important;gap:10px;justify-content:center;margin:0!important;padding:0!important;border:0!important;background:none!important}
html body[data-view=game] #actionCard #diceTray .tabletop-die,html body[data-view=game] #actionCard #diceTray .die{--die-size:44px}
html body[data-view=game] #primaryActions,html body[data-view=game] #secondaryActions{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important;width:100%}
html body[data-view=game] #primaryActions:empty,html body[data-view=game] #secondaryActions:empty{display:none!important}
html body[data-view=game] #primaryActions .button{min-height:48px!important;min-width:min(100%,240px);padding:0 22px!important;border:2.5px solid var(--cl-ink)!important;border-radius:12px!important;background:var(--cl-tomato)!important;color:var(--cl-paper)!important;box-shadow:var(--cl-shadow)!important;font:900 16px/1 var(--kb-display,'Arial Black',sans-serif)!important;text-transform:uppercase;letter-spacing:.02em}
html body[data-view=game] #primaryActions .button:disabled{background:var(--cl-sand)!important;color:rgba(20,17,15,.45)!important;box-shadow:none!important}
html body[data-view=game] #secondaryActions .button{min-height:40px!important;padding:0 16px!important;border:2px solid var(--cl-ink)!important;border-radius:10px!important;background:var(--cl-paper)!important;color:var(--cl-ink)!important;box-shadow:2px 2px 0 var(--cl-ink)!important;font:800 13px/1 var(--kb-body,system-ui,sans-serif)!important}
html body[data-view=game] #actionFeedback:empty{display:none}

/* ---------- Popups: ribbon header, paper body, title deed ---------- */
html body #landingDialog{width:min(100% - 28px,380px)!important;max-width:380px!important;padding:0!important;border:3px solid var(--cl-ink)!important;border-radius:16px!important;background:var(--cl-paper)!important;box-shadow:5px 5px 0 var(--cl-ink)!important;overflow:hidden}
html body #landingDialog .landing-head{position:relative;display:flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 44px!important;border-bottom:3px solid var(--cl-ink)!important;background:var(--cl-gold)!important}
html body #landingDialog #landingKicker{font:900 17px/1 var(--kb-display,'Arial Black',sans-serif)!important;letter-spacing:.02em;color:var(--cl-ink)!important;text-transform:uppercase;text-align:center}
html body #landingDialog .landing-close{position:absolute;right:8px;top:50%;translate:0 -50%;width:30px;height:30px;border:2px solid var(--cl-ink)!important;border-radius:8px!important;background:var(--cl-paper)!important;color:var(--cl-ink)!important;font:800 18px/1 sans-serif}
html body #landingDialog[data-kind="auction"] .landing-head,html body #landingDialog[data-kind="gotojail"] .landing-head,html body #landingDialog[data-kind="tax"] .landing-head{background:var(--cl-tomato)!important}
html body #landingDialog[data-kind="auction"] #landingKicker,html body #landingDialog[data-kind="gotojail"] #landingKicker,html body #landingDialog[data-kind="tax"] #landingKicker{color:var(--cl-paper)!important}
html body #landingDialog .landing-body{display:grid!important;grid-template-columns:1fr;justify-items:center;gap:10px!important;padding:14px 16px 12px!important;text-align:center}
html body #landingDialog .landing-body>h2{margin:0!important;font:900 20px/1.1 var(--kb-display,'Arial Black',sans-serif)!important}
html body #landingDialog #landingCopy{margin:0!important;max-width:30ch;font:500 14px/1.35 var(--kb-body,system-ui,sans-serif)!important}
html body #landingDialog .landing-art.has-deed{width:auto!important;height:auto!important;min-height:0!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
html body #landingDialog .landing-art.has-deed~h2{display:none!important}
html body #landingDialog .landing-stats{display:flex!important;justify-content:center;gap:8px!important;margin:0!important}
html body #landingDialog .landing-stats>div{padding:5px 12px!important;border:2px solid var(--cl-ink)!important;border-radius:10px!important;background:var(--cl-cream)!important}
html body #landingDialog .landing-stats small{display:block;font:700 10px/1.2 var(--kb-mono,monospace);letter-spacing:.06em;text-transform:uppercase;opacity:.7}
html body #landingDialog .landing-stats b{font:900 17px/1.1 var(--kb-display,'Arial Black',sans-serif)}
html body #landingDialog .landing-controls{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px!important;width:100%}
html body #landingDialog .landing-controls .button{min-height:46px!important;flex:1 1 130px;border:2.5px solid var(--cl-ink)!important;border-radius:12px!important;box-shadow:var(--cl-shadow)!important;font:900 15px/1 var(--kb-display,'Arial Black',sans-serif)!important;text-transform:uppercase}
html body #landingDialog .landing-controls .button-primary{background:var(--cl-green)!important;color:var(--cl-paper)!important}
html body #landingDialog .landing-controls .button-secondary{background:var(--cl-tomato)!important;color:var(--cl-paper)!important}
html body #landingDialog .landing-fiction{font:600 10px/1.2 var(--kb-mono,monospace)!important;opacity:.55}
html body #landingDialog .landing-reason{margin:0!important;font-size:12.5px!important;opacity:.75}

html body .deed-card{width:200px;border:2.5px solid var(--cl-ink);border-radius:8px;background:#fff;box-shadow:3px 3px 0 var(--cl-ink);overflow:hidden;text-align:left;color:var(--cl-ink)}
html body .deed-head{padding:8px 10px;border-bottom:2.5px solid var(--cl-ink);background:var(--deed-color,var(--cl-indigo));font:900 15px/1.05 var(--kb-display,'Arial Black',sans-serif);text-align:center;text-transform:uppercase;letter-spacing:.02em}
html body .deed-rows{display:grid;gap:3px;margin:0;padding:8px 12px 4px}
html body .deed-rows>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font:600 12.5px/1.2 var(--kb-body,system-ui,sans-serif)}
html body .deed-rows dt,html body .deed-rows dd{margin:0}
html body .deed-rows dd{font-weight:800;font-variant-numeric:tabular-nums}
html body .deed-rows .deed-base{font-size:14px;font-weight:800}
html body .deed-pips{display:inline-flex;gap:2px}
html body .deed-pips i{width:8px;height:8px}
html body .deed-pips i.hotel{width:14px}
html body .deed-note,html body .deed-foot{margin:0;padding:2px 12px 6px;font:600 11px/1.2 var(--kb-body,system-ui,sans-serif);text-align:center;opacity:.75}
html body .deed-foot{padding-bottom:8px;border-top:1px dashed var(--cl-line);padding-top:5px;opacity:.85}

@media (prefers-reduced-motion:reduce){html body[data-view=game] .bottom-tools button{transition:none}}

html body .board-expanded .center-dice-label{padding:4px 10px;border:2px solid var(--cl-ink);border-radius:999px;background:var(--cl-paper);color:var(--cl-ink)!important;font:800 12px/1.1 var(--kb-body,system-ui,sans-serif)!important;box-shadow:2px 2px 0 var(--cl-ink)}
html body[data-view=game] #actionCard[data-phase="await-roll"] .action-heading,html body[data-view=game] #actionCard[data-phase="moving"] .action-heading{display:none!important}
html body #landingDialog .landing-head{width:100%!important;margin:0!important;box-sizing:border-box}
html body #landingDialog .landing-art:not(.has-deed){width:84px!important;height:84px!important;min-height:0!important;margin:0 auto!important;padding:10px!important;border:2.5px solid var(--cl-ink)!important;border-radius:16px!important;background:var(--cl-cream)!important;box-shadow:2px 2px 0 var(--cl-ink)!important;transform:rotate(-3deg)}
html body #landingDialog .landing-art:not(.has-deed)>*{width:100%!important;height:100%!important;max-width:none!important}
/* compact receipt: deed on the left, numbers on the right, one button row */
html body #landingDialog .landing-body:has(.landing-art.has-deed){grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:stretch;column-gap:12px!important;text-align:left}
html body #landingDialog .landing-body:has(.landing-art.has-deed)>.landing-art{grid-column:1;grid-row:1 / span 3}
html body #landingDialog .landing-body:has(.landing-art.has-deed) .deed-card{width:168px}
html body #landingDialog .landing-body:has(.landing-art.has-deed) .deed-rows{padding:6px 10px 3px;gap:2px}
html body #landingDialog .landing-body:has(.landing-art.has-deed) .deed-rows>div{font-size:11.5px}
html body #landingDialog .landing-body:has(.landing-art.has-deed) .landing-stats{grid-column:2;flex-direction:column;align-items:stretch}
html body #landingDialog .landing-body:has(.landing-art.has-deed) .landing-stats>div{text-align:center}
html body #landingDialog .landing-body:has(.landing-art.has-deed) #landingCopy{grid-column:2;font-size:12.5px!important;text-align:center}
html body #landingDialog .landing-body:has(.landing-art.has-deed):has(.landing-stats:not(:empty)) #landingCopy{display:none!important}
html body #landingDialog .landing-body:has(.landing-art.has-deed) .landing-controls,html body #landingDialog .landing-body:has(.landing-art.has-deed) .landing-fiction{grid-column:1 / -1;text-align:center}
html body #landingDialog #landingReason{display:none!important}
html body #landingDialog .landing-head{max-width:none!important}
html body #landingDialog .landing-head .landing-close{width:30px!important;height:30px!important;min-width:0!important;min-height:0!important;padding:0!important;display:grid!important;place-items:center;box-shadow:none!important}
/* card draws wear their deck's colour */
html body #landingDialog[data-family="chance"] .landing-head{background:var(--cl-tomato)!important}
html body #landingDialog[data-family="chest"] .landing-head{background:var(--cl-indigo)!important}
html body #landingDialog[data-family="chance"] #landingKicker,html body #landingDialog[data-family="chest"] #landingKicker{color:var(--cl-paper)!important}
html body #landingDialog[data-family="chance"] .landing-art:not(.has-deed){background:var(--cl-tomato)!important;color:var(--cl-paper)}
html body #landingDialog[data-family="chest"] .landing-art:not(.has-deed){background:var(--cl-indigo)!important;color:var(--cl-paper)}

/* lobby: four chunky tiles in a 2x2 grid */
html body[data-view=lobby] .start-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;width:100%}
html body[data-view=lobby] .start-actions>small{grid-column:1 / -1;text-align:center}
html body[data-view=lobby] .start-actions>.button{min-height:96px!important;height:auto!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin:0!important;padding:10px!important;border:3px solid var(--cl-ink)!important;border-radius:16px!important;box-shadow:var(--cl-shadow)!important;font:900 15px/1.1 var(--kb-display,'Arial Black',sans-serif)!important;text-transform:uppercase;text-align:center;white-space:normal}
html body[data-view=lobby] .start-actions>.button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--cl-ink)!important}
html body[data-view=lobby] .start-actions>.button small{font:600 11px/1.2 var(--kb-body,system-ui,sans-serif)!important;text-transform:none;opacity:.85}
html body[data-view=lobby] #resumeGame{grid-column:1 / -1;min-height:56px!important;background:var(--cl-green)!important;color:var(--cl-paper)!important}
html body[data-view=lobby] #quickMatch{background:var(--cl-tomato)!important;color:var(--cl-paper)!important}
html body[data-view=lobby] #todayTable{background:var(--cl-gold)!important;color:var(--cl-ink)!important}
html body[data-view=lobby] #openSetup{background:var(--cl-indigo)!important;color:var(--cl-paper)!important}
html body[data-view=lobby] #playSolo{background:var(--cl-paper)!important;color:var(--cl-ink)!important}
html body[data-view=lobby] #todayTable[hidden]~#openSetup{grid-column:auto}
html body[data-view=lobby] .lobby-menu>.start-actions>#quickMatch,html body[data-view=lobby] .lobby-menu>.start-actions>#todayTable,html body[data-view=lobby] .lobby-menu>.start-actions>#openSetup,html body[data-view=lobby] .lobby-menu>.start-actions>#playSolo{grid-column:auto!important;min-height:96px!important;max-height:none}
html body[data-view=lobby] .lobby-menu>.start-actions>#resumeGame{grid-column:1 / -1!important}
html body[data-view=lobby] .lobby-scene{width:min(100%,300px)!important}
/* deck counters stay (they open the card list) but sit small and quiet on the felt */
html body .board-expanded .business-deck-peeks .deck-peek{min-height:0!important;padding:3px 8px!important;border:2px solid var(--cl-ink)!important;border-radius:999px!important;background:var(--cl-paper)!important;box-shadow:2px 2px 0 var(--cl-ink)!important;font:700 11px/1.1 var(--kb-body,system-ui,sans-serif)!important;color:var(--cl-ink)!important}
@media (max-width:359px){html body .board-expanded .board-space[data-side="corner"] .tile-bottom{display:none}}