/* Portrait table: skyline above, public seats around the felt, controls below. */
.mobile-table-menu-button,.mobile-table-meta,.mobile-history-peek,.mobile-table-seats,
.mobile-felt-mark,.mobile-pot-chips,.mobile-hero-name,.mobile-action-amount,.mobile-raise-step{display:none}
.table-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:901px){body:not(.tutorial-table) .arena-screen.night-table .mobile-hero-name{display:none}}

@media(max-width:900px){
 body:not(.tutorial-table) .arena-screen.night-table{
  --table-stage-top:190px;--table-floor:calc(240px + env(safe-area-inset-bottom));
  --table-stage-height:calc(100% - var(--table-stage-top) - var(--table-floor));
  min-height:840px;height:100dvh;background-position:52% 0;
 }
 body:not(.tutorial-table) .arena-screen.night-table.large-table{min-height:900px}
 body:not(.tutorial-table) .arena-screen.night-table .night-header{
  height:86px;padding:0 12px;background:linear-gradient(#060b24c9,#09082036);border:0;box-shadow:none;
 }
 body:not(.tutorial-table) .arena-screen.night-table .night-brand{
  position:absolute;left:50%;top:-2px;width:155px;height:100px;margin:0;transform:translateX(-50%);
  filter:drop-shadow(0 0 12px #fa25c54d);
 }
 body:not(.tutorial-table) .arena-screen.night-table .mobile-table-menu-button{
  display:grid;place-items:center;width:43px;min-height:43px;padding:9px;background:linear-gradient(135deg,#401445,#100f27);
  border:1px solid #ff71de;box-shadow:0 0 9px #ec39be50,inset 0 0 10px #ec39be33;border-radius:7px;color:#ffd3f6;
 }
 body:not(.tutorial-table) .arena-screen.night-table .mobile-table-menu-button .icon{width:24px;height:24px}
 body:not(.tutorial-table) .arena-screen.night-table .night-header-tools{margin-left:auto}
 body:not(.tutorial-table) .arena-screen.night-table .night-header-tools .bgm-toggle{width:43px;height:43px;min-height:43px;border-color:#5967bd;color:#d4dbff;background:#080f2dbb}
 body:not(.tutorial-table) .arena-screen.night-table .night-header .arena-icon,
 body:not(.tutorial-table) .arena-screen.night-table .night-header .inspector-toggle,
 body:not(.tutorial-table) .arena-screen.night-table .night-header .night-leave,
 body:not(.tutorial-table) .arena-screen.night-table .night-table-info{display:none!important}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-table-meta{display:block;position:absolute;top:94px;left:12px;right:155px;z-index:5;text-shadow:0 2px 5px #030411}
 .mobile-table-meta h2{font:600 13px/1.3 var(--night-font);margin:0 0 5px;color:#f7eefa}
 .mobile-table-meta p{font:9px/1.7 var(--night-font);margin:0;color:#c7c5e6}
 .mobile-table-meta p span{display:block}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-history-peek{
  display:block;position:absolute;top:94px;right:12px;width:135px;min-height:73px;z-index:8;
  border:1px solid #515496;border-radius:6px;background:#060d25e8;color:#c4c9ea;text-align:left;padding:0 8px 7px;cursor:pointer;
 }
 .mobile-history-peek>b{display:flex;justify-content:space-between;align-items:center;min-height:29px;border-bottom:1px solid #424372;margin-bottom:5px;font:500 10px var(--night-font);color:#f1def7}
 .mobile-history-peek>b>span{font-size:17px;color:#cfb4ee}
 .mobile-history-peek>span{display:flex;gap:4px;justify-content:space-between;line-height:1.7;font-size:8px}
 .mobile-history-peek em{font-style:normal;max-width:53px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9daada}
 .mobile-history-peek strong{font-weight:400;white-space:nowrap;color:#d8c9eb}
 .mobile-history-peek>small{font-size:8px;color:#a4adcf}
 body:not(.tutorial-table) .arena-screen.night-table .night-phase-track{top:174px;gap:11px;padding:5px 10px;font-size:8px;border-color:#736db044;background:#0a0c27a6}
 body:not(.tutorial-table) .arena-screen.night-table .arena-camera,
 body:not(.tutorial-table) .arena-screen.night-table.large-table .arena-camera{top:146px;left:12px;z-index:12}
 body:not(.tutorial-table) .arena-screen.night-table .camera-toggle{min-height:28px;padding:5px 8px;font-size:8px;background:#080d29c9}
 body:not(.tutorial-table) .arena-screen.night-table .camera-panel{top:36px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-scene{inset:80px 0 calc(var(--table-floor) - 5px)}
 body:not(.tutorial-table) .arena-screen.night-table .arena-vignette{top:80px;background:linear-gradient(0deg,#07081af0,transparent 40%),linear-gradient(#03061d22,transparent 20%)}
 body:not(.tutorial-table) .arena-screen.night-table .arena-labels{display:none!important}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-table-seats{display:block;position:absolute;top:var(--table-stage-top);height:var(--table-stage-height);left:0;right:0;z-index:5;pointer-events:none}
 .mobile-seat{
  position:absolute;left:var(--seat-x);top:var(--seat-y);transform:translate(-50%,-50%);width:108px;
  padding:6px 5px 5px 24px;border:1px solid #7886e1;border-bottom-color:#56b8ff;border-radius:6px;
  background:linear-gradient(125deg,#191430f5,#050d21fa);box-shadow:0 0 9px #3449ff39,0 4px 10px #0009;
  text-align:center;color:#f5eeff;
 }
 .mobile-seat strong{display:block;font:500 9px/1.4 var(--night-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-seat>b{display:block;font:600 13px/1.45 var(--night-font);color:#a6d8ff;white-space:nowrap}
 .mobile-seat>small{position:absolute;top:100%;left:0;right:0;padding-top:3px;font:8px/1.3 var(--night-font);text-shadow:0 1px 4px #000,0 0 5px #000;color:#c0c5e0;white-space:nowrap}
 .mobile-card-back{display:grid;place-items:center;position:absolute;left:-3px;top:50%;transform:translateY(-50%) rotate(-5deg);width:27px;height:38px;border-radius:3px;border:1px solid #cac2ff;background:repeating-linear-gradient(45deg,#331d66 0 2px,#1a1641 2px 4px);color:#b183ff;font:24px Georgia,serif;box-shadow:0 0 7px #7850e6}
 .mobile-seat-badges{position:absolute;right:-5px;top:-13px;display:flex;gap:2px}
 .mobile-seat .seat-badge{width:19px;height:19px;font-size:8px;box-shadow:0 1px 4px #080421}
 .mobile-seat.current{border-color:#ff6bdc;box-shadow:0 0 13px #f735c776,inset 0 0 9px #f531bd29}
 .mobile-seat.current>b{color:#ffcfef}.mobile-seat.current>small{color:#ff9de1}
 .mobile-seat.folded{opacity:.45}.mobile-seat.folded .mobile-card-back{visibility:hidden}
 body:not(.tutorial-table) .arena-screen.night-table .arena-pot,
 body:not(.tutorial-table) .arena-screen.night-table.large-table .arena-pot{
  top:calc(var(--table-stage-top) + var(--table-stage-height)*.37);left:50%;padding:3px 12px;gap:5px;
  border:1px solid #a257d76b;border-radius:18px;background:linear-gradient(#281644e8,#130e2ce8);box-shadow:0 0 16px #ed2bbe21;
 }
 body:not(.tutorial-table) .arena-screen.night-table .arena-pot>i{display:none}
 body:not(.tutorial-table) .arena-screen.night-table .arena-pot>span:not(.mobile-pot-chips){font-size:11px;letter-spacing:0;color:#d5b8e9}
 body:not(.tutorial-table) .arena-screen.night-table .arena-pot strong{font-size:19px;line-height:1.3}
 body:not(.tutorial-table) .arena-screen.night-table .arena-pot .mobile-pot-chips{display:flex;align-items:flex-end;justify-content:center;gap:3px;position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 5px);height:25px}
 .mobile-pot-chips i{width:14px;height:20px;border-radius:50% / 15%;border-top:3px solid #b9e8ff;background:repeating-linear-gradient(#166dcc 0 3px,#79cefa 3px 4px,#123a79 4px 6px);box-shadow:0 2px 5px #0007}
 .mobile-pot-chips i:nth-child(2){height:29px;border-color:#ffb5e5;background:repeating-linear-gradient(#b51a8e 0 3px,#ffc5ea 3px 4px,#5b215e 4px 6px)}
 .mobile-pot-chips i:nth-child(3){height:16px;border-color:#d6cbff;background:repeating-linear-gradient(#6235cb 0 3px,#c9b7f7 3px 4px,#382065 4px 6px)}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-board{
  top:calc(var(--table-stage-top) + var(--table-stage-height)*.43);width:calc(100% - 68px);max-width:350px;gap:5px;
 }
 body:not(.tutorial-table) .arena-screen.night-table .mobile-board .playing-card.compact{width:calc((100% - 20px)/5);aspect-ratio:5/7;max-height:79px;padding:4px;font-size:23px;box-shadow:0 4px 9px #03041699}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-board .playing-card .suit{font-size:27px}
 body:not(.tutorial-table) .arena-screen.night-table .hand-plinth{bottom:calc(var(--table-floor) - 14px);height:112px;width:166px;left:50%;z-index:6}
 body:not(.tutorial-table) .arena-screen.night-table .hand-heading{display:block;top:5px;left:-9px;width:auto;font-size:0}
 body:not(.tutorial-table) .arena-screen.night-table .hand-heading>span{font-size:0}
 body:not(.tutorial-table) .arena-screen.night-table .hand-heading .seat-badge{width:21px;height:21px;font-size:9px}
 body:not(.tutorial-table) .arena-screen.night-table .hand-fan{bottom:31px;gap:3px}
 body:not(.tutorial-table) .arena-screen.night-table .hand-fan .playing-card{width:54px;height:78px;border-color:#e4c3ff;box-shadow:0 0 15px #ec32bf6b;font-size:23px}
 body:not(.tutorial-table) .arena-screen.night-table .hand-value{width:128px;border-radius:6px;padding:4px 6px;border-color:#68c3ff;box-shadow:0 0 9px #3772ff88,0 0 16px #f13bc25c}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-hero-name{display:block;font:500 9px/1.3 var(--night-font);color:#edf3ff;margin-bottom:2px}
 body:not(.tutorial-table) .arena-screen.night-table .hand-value strong{font-size:17px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls{
  bottom:0;left:0;right:0;border:0;border-top:1px solid #714395;border-radius:12px 12px 0 0;padding:10px 10px calc(16px + env(safe-area-inset-bottom));
  min-height:220px;background:linear-gradient(#080d28eb,#030819fc);box-shadow:0 -8px 30px #190a4380;
 }
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .turn-status{justify-content:center;align-items:center;min-height:28px;font-size:14px;font-weight:600;margin:0 0 5px;text-shadow:0 0 12px #ff50d180}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .turn-status:before{content:'‹‹';color:#f934c7;font-size:25px;line-height:1;letter-spacing:-4px;margin-right:8px;font-weight:400;text-shadow:0 0 11px #ff34cc}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .turn-status .hint,
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .turn-status .dot{display:none}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .raise-controls{gap:9px;margin:4px 0 5px;padding:5px 6px;border:1px solid #4a69ae;border-radius:9px;background:#050c21}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .raise-controls>label{display:none}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .mobile-raise-step{display:grid;place-items:center;flex:none;width:35px;min-height:35px;padding:0;border:1px solid #719aee;border-radius:50%;background:linear-gradient(#203968,#09152f);color:#d3e4ff;font:25px/1 var(--night-font);box-shadow:inset 0 0 8px #5386ed30}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls input[type=range]{height:28px;min-width:30px;width:0;accent-color:#ff46d5}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls input[type=number]{width:77px;min-height:36px;border-color:#445da0;font-size:17px;background:#030b1c}
 body:not(.tutorial-table) .arena-screen.night-table .raise-presets{gap:6px;margin-top:1px}
 body:not(.tutorial-table) .arena-screen.night-table .raise-presets button{min-height:31px;font-size:10px;border-color:#4e659e;background:#08132c;color:#c4d6f4}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .controls-actions{gap:6px;margin-top:11px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .controls-actions .btn{min-height:76px;padding:6px 2px;font-size:12px!important;gap:3px;border-width:1px;border-radius:5px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .call-action-amount,
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .mobile-action-amount{display:block;font:500 14px/1.25 var(--night-font)}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .controls-actions .btn:after{font-size:9px;letter-spacing:.4px;margin-top:3px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls [data-action=fold]{border-color:#ff64be;box-shadow:inset 0 0 15px #f62b963b,0 0 9px #f030a53b}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls [data-action=check],
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls [data-action=call]{border-color:#5cc7ff;box-shadow:inset 0 0 19px #176dff77,0 0 11px #306cff50}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls [data-action=raise]{border-color:#ffe08a;box-shadow:inset 0 0 17px #e1a6255e,0 0 10px #efbd4449}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls [data-action=all-in]{border-color:#ff6deb;box-shadow:inset 0 0 18px #ff17d24d,0 0 11px #f930c957}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls>p.hint{text-align:center;font-size:11px;margin-top:12px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .payout{padding-top:8px;font-size:16px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .payout-detail{font-size:11px;line-height:1.5}
 body:not(.tutorial-table) .arena-screen.night-table:has(.coach-strip,.assist-panel),
 body:not(.tutorial-table) .arena-screen.night-table:has(.rival-table-status),
 body:not(.tutorial-table) .arena-screen.night-table:has(.campaign-progress-bar){--table-floor:calc(290px + env(safe-area-inset-bottom));min-height:840px}
 body:not(.tutorial-table) .arena-screen.night-table:has(.coach-strip,.assist-panel) .hand-plinth,
 body:not(.tutorial-table) .arena-screen.night-table:has(.rival-table-status) .hand-plinth,
 body:not(.tutorial-table) .arena-screen.night-table:has(.campaign-progress-bar) .hand-plinth{bottom:calc(var(--table-floor) - 14px)}
 body:not(.tutorial-table) .arena-screen.night-table .night-inspector{top:88px;bottom:12px}
 body:not(.tutorial-table) .arena-screen.night-table .night-inspector-top [data-tab]{min-height:44px}
 body:not(.tutorial-table) .arena-screen.night-table.inspector-open .inspector-backdrop{inset:86px 0 0;height:calc(100% - 86px)}
}
@media(max-width:360px){
 body:not(.tutorial-table) .arena-screen.night-table .night-brand{width:137px}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-table-meta{right:141px;left:10px}
 .mobile-table-meta h2{font-size:11px}.mobile-table-meta p{font-size:8px}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-history-peek{width:125px;right:10px}
 .mobile-seat{width:91px;padding-left:18px}.mobile-seat strong{font-size:8px}.mobile-seat>b{font-size:11px}.mobile-card-back{width:22px;height:33px;font-size:21px}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-board{width:calc(100% - 42px);gap:4px}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-board .playing-card.compact{font-size:21px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls{padding-left:8px;padding-right:8px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .raise-controls{gap:6px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .mobile-raise-step{width:32px;min-height:32px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls input[type=number]{width:64px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .controls-actions .btn{font-size:10px!important}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .mobile-action-amount{font-size:12px}
 body:not(.tutorial-table) .arena-screen.night-table.large-table .mobile-seat{width:85px}
}

@media(max-width:900px){
 body:not(.tutorial-table) .arena-screen.night-table .mobile-felt-mark{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:calc(var(--table-stage-top) + var(--table-stage-height)*.64);transform:translateX(-50%);width:190px;z-index:4;pointer-events:none;color:#d581d1;opacity:.47}
 .mobile-felt-mark em{font:italic 600 29px/1.2 Georgia,serif;letter-spacing:-1.2px;text-shadow:1px 1px 0 #591d6a}
 .mobile-felt-mark>span{font:6px/2.5 var(--night-font);letter-spacing:2px}
 .mobile-seat.folded{opacity:.6}
}

@media(max-width:900px){
 body:not(.tutorial-table) .arena-screen.night-table:has(.coach-strip,.assist-panel) .mobile-felt-mark,
 body:not(.tutorial-table) .arena-screen.night-table:has(.rival-table-status) .mobile-felt-mark,
 body:not(.tutorial-table) .arena-screen.night-table:has(.campaign-progress-bar) .mobile-felt-mark{display:none}
}

/* Fit the phone table into the visible viewport (iOS Safari shows ~650-780pt with its bars).
   The fixed 790-900px minimum heights pushed the header and action buttons off screen. */
@media(max-width:900px){
 body:not(.tutorial-table) .arena-screen.night-table,
 body:not(.tutorial-table) .arena-screen.night-table.large-table,
 body:not(.tutorial-table) .arena-screen.night-table:has(.coach-strip,.assist-panel),
 body:not(.tutorial-table) .arena-screen.night-table:has(.rival-table-status),
 body:not(.tutorial-table) .arena-screen.night-table:has(.campaign-progress-bar){min-height:600px}
}
@media(max-width:900px) and (max-height:860px){
 body:not(.tutorial-table) .arena-screen.night-table{--table-stage-top:164px;--table-floor:calc(222px + env(safe-area-inset-bottom))}
 body:not(.tutorial-table) .arena-screen.night-table:has(.coach-strip,.assist-panel),
 body:not(.tutorial-table) .arena-screen.night-table:has(.rival-table-status),
 body:not(.tutorial-table) .arena-screen.night-table:has(.campaign-progress-bar){--table-floor:calc(272px + env(safe-area-inset-bottom))}
 body:not(.tutorial-table) .arena-screen.night-table .night-header{height:58px}
 body:not(.tutorial-table) .arena-screen.night-table .night-brand{width:112px;height:72px}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-table-meta,
 body:not(.tutorial-table) .arena-screen.night-table .mobile-history-peek{top:64px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-camera,
 body:not(.tutorial-table) .arena-screen.night-table.large-table .arena-camera{top:116px}
 body:not(.tutorial-table) .arena-screen.night-table .night-phase-track{top:132px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-scene{inset:56px 0 calc(var(--table-floor) - 5px)}
 body:not(.tutorial-table) .arena-screen.night-table .arena-vignette{top:56px}
 body:not(.tutorial-table) .arena-screen.night-table .night-inspector{top:62px}
 body:not(.tutorial-table) .arena-screen.night-table.inspector-open .inspector-backdrop{inset:58px 0 0;height:calc(100% - 58px)}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .turn-status{min-height:22px;margin-bottom:3px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .controls-actions{margin-top:7px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .controls-actions .btn{min-height:58px}
}
@media(max-width:900px) and (max-height:720px){
 body:not(.tutorial-table) .arena-screen.night-table{--table-floor:calc(214px + env(safe-area-inset-bottom))}
 body:not(.tutorial-table) .arena-screen.night-table:has(.coach-strip,.assist-panel),
 body:not(.tutorial-table) .arena-screen.night-table:has(.rival-table-status),
 body:not(.tutorial-table) .arena-screen.night-table:has(.campaign-progress-bar){--table-floor:calc(264px + env(safe-area-inset-bottom))}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-board .playing-card.compact{max-height:62px;font-size:19px}
 body:not(.tutorial-table) .arena-screen.night-table .hand-plinth{height:94px}
 body:not(.tutorial-table) .arena-screen.night-table .hand-fan{bottom:27px}
 body:not(.tutorial-table) .arena-screen.night-table .hand-fan .playing-card{width:46px;height:66px;font-size:20px}
 body:not(.tutorial-table) .arena-screen.night-table .mobile-seat{padding-top:4px;padding-bottom:3px}
 body:not(.tutorial-table) .arena-screen.night-table .arena-controls .controls-actions .btn{min-height:50px}
}

/* Character icons beside seat names (replaces the card-back badge when a face is known) */
.seat-face{display:inline-block;flex-shrink:0;border-radius:50%;overflow:hidden;background-color:#1a1f3a}
svg.seat-face{display:block}
.mobile-seat .seat-face{position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:1.5px solid #cac2ff;box-shadow:0 2px 6px #0009}
.mobile-seat.current .seat-face{border-color:#ff6bdc}
.mobile-seat.folded .seat-face{filter:grayscale(1) brightness(.7)}
.mobile-hero-name .seat-face{width:20px;height:20px;margin-right:5px;vertical-align:-6px;border:1px solid #e4c3ff}
.night-player .seat-face{width:34px;height:34px;border:1px solid #6a6fb0}
.night-player.folded .seat-face{filter:grayscale(1) brightness(.7)}
@media(max-width:360px){.mobile-seat .seat-face{width:27px;height:27px;left:-6px}}

/* Phones: the table view is fixed, so hide the camera controls */
@media(max-width:900px){
 .arena-camera,.camera-note,[data-action=table-menu-camera]{display:none!important}
}
/* Desktop 3D name tags */
.field-name.has-face{padding-left:24px!important}
.field-name>.seat-face{position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:1.5px solid #cac2ff;box-shadow:0 2px 6px #0009}
.field-name.current>.seat-face{border-color:#ff6bdc}
.field-name.folded>.seat-face{filter:grayscale(1) brightness(.7)}