/* The inner board is a boundary, not the default card size. */
.mobile-trade-summary,.mobile-trade-tools{display:none}
#overlay.board-card-host{position:fixed;inset:auto;left:var(--card-left);top:var(--card-top);width:var(--card-width);height:var(--card-height);padding:14px!important;display:flex;align-items:center;justify-content:center;background:#06140b60;border-radius:20px;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none;z-index:24;container-type:size;container-name:eventcard;overflow:hidden}
#overlay.board-card-host .modal{width:min(500px,100%)!important;max-width:100%!important;height:auto;max-height:100%!important;min-height:0;margin:0;padding:20px!important;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;overflow:hidden;pointer-events:auto;border:1px solid #dfbd76;border-radius:17px;background:linear-gradient(145deg,#2b4232,#172c21);box-shadow:inset 0 0 0 4px #d8c4840b,0 12px 35px #0009,0 0 0 1px #0b1b12;text-align:left;transform:none;flex:none}
#overlay.board-card-host .modal.card-split{width:min(940px,100%)!important}
@keyframes card-arrive{from{opacity:0;transform:translateY(7px) scale(.975)}to{opacity:1;transform:none}}
#overlay.board-card-host .card-enter,.board-center .card-enter{animation:card-arrive .2s ease-out}
.board-card-topline{display:flex;align-items:center;justify-content:space-between;flex:none;gap:10px;padding-bottom:10px;border-bottom:1px solid #d0ba803b;min-width:0}
#overlay .board-card-topline .event-card-owner{display:flex;align-items:center;gap:9px;min-width:0;margin:0;flex:1;flex-wrap:nowrap}
#overlay .board-card-topline .event-card-owner>.avatar{width:30px;height:30px;flex:none}
#overlay .board-card-topline .event-card-owner>strong{font:800 18px/1.3 system-ui;color:#f5d899;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}
#overlay .board-card-topline .event-card-owner>span:not(.avatar){display:none}
#overlay .board-card-topline .decision-countdown{flex:none;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:5px 9px;font:800 16px/1.3 system-ui;color:#ffe1a0;background:#101e18;border:1px solid #b6985355;border-radius:6px}
#overlay .board-card-topline .decision-countdown.urgent{color:#ffb39b;border-color:#c8755488}
#overlay .board-card-topline .close{position:static;flex:none;padding:0;min-width:24px;min-height:24px;width:24px;height:24px;margin:0;font-size:23px}
#overlay .board-card-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:16px;flex:1;min-height:0;min-width:0;overflow:hidden;margin:0;text-align:left;align-items:stretch}
#overlay .board-card-story,#overlay .board-card-actions{min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#84956c #14291f;padding:0 5px 4px 0;margin:0}
#overlay .board-card-actions{padding:12px;background:#0b1e1559;border:1px solid #9eae7840;border-radius:10px}
#overlay .board-event-card .modal-icon{display:none}
#overlay .board-event-card .eyebrow{font-size:11px;letter-spacing:1px;line-height:1.5;margin:0 0 10px;color:#efa267}
#overlay .board-event-card h2{font-size:24px;font-weight:750;line-height:1.35;letter-spacing:.02em;margin:0 0 14px;overflow-wrap:anywhere}
#overlay .board-event-card .event-card-heading{margin:0}
#overlay .board-event-card p{font-size:14px;line-height:1.7;margin:10px 0;color:#c8d7bf}
#overlay .board-event-card .hint{font-size:12px!important;line-height:1.6}
#overlay .board-event-card .lesson{font-size:13px;line-height:1.7;padding:10px;margin:12px 0}
#overlay .board-event-card .options{display:grid;gap:10px;margin:0}
#overlay .board-event-card .choice{padding:13px 12px;margin:0;border-radius:8px;min-height:48px;white-space:normal}
#overlay .board-event-card .choice strong{font-size:15px;line-height:1.5}
#overlay .board-event-card .choice small{font-size:13px;line-height:1.6;margin-top:5px}
#overlay .board-event-card .primary,#overlay .board-event-card .secondary{font-size:14px;line-height:1.4;padding:10px 12px;min-height:40px;min-width:0;white-space:normal}
#overlay .board-event-card .modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}
#overlay .board-event-card .modal-actions>button{flex:1 1 100%}
#overlay .board-event-card .quiet{font-size:12px;line-height:1.4;margin-top:10px;padding:5px 2px}
#overlay .board-event-card .field{font-size:13px;font-weight:650;line-height:1.5;margin:8px 0}
#overlay .board-event-card input{font-size:16px;font-weight:700;padding:9px;min-width:0;box-sizing:border-box}
#overlay .board-event-card .error{font-size:12px;line-height:1.5;margin:6px 0;min-height:0}
#overlay .board-event-card .error:empty{display:none}
#overlay .board-event-card .airdrop-rules{padding:10px;margin:12px 0;font-size:12px}
#overlay .board-event-card .airdrop-rules>strong{font-size:13px;line-height:1.5}
#overlay .board-event-card .airdrop-rule{font-size:12px;line-height:1.5;gap:8px;margin-top:8px}
#overlay .board-event-card .airdrop-rule b{white-space:nowrap;font-size:12px}
#overlay .board-event-card .market-quote{margin:12px 0}
#overlay .board-event-card .market-quote>strong{font-size:28px;line-height:1.2;overflow-wrap:anywhere}
#overlay .board-event-card .market-quote>span{font-size:13px;line-height:1.6}
#overlay .board-event-card .market-terms{font-size:12px}
#overlay .board-event-card .market-order{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
#overlay .board-event-card .market-order span{font-size:11px;padding:4px 6px}
#overlay .board-event-card .trade-side-switch{margin:0 0 10px;gap:5px}
#overlay .board-event-card .trade-side-switch button{font-size:13px;padding:8px 4px;min-height:36px;min-width:0}
#overlay .board-event-card .cash-trade-inputs{grid-template-columns:1fr;gap:0}
#overlay .board-event-card .cash-shortcuts{gap:5px}
#overlay .board-event-card .cash-shortcuts button{font-size:12px;padding:6px 7px;min-height:30px}
#overlay .board-event-card .cash-preview{padding:10px;margin:10px 0}
#overlay .board-event-card .cash-preview-main{grid-template-columns:1fr;gap:10px}
#overlay .board-event-card .cash-preview-main strong{font-size:21px;line-height:1.3;margin-top:3px}
#overlay .board-event-card .cash-preview-details{font-size:12px;line-height:1.6;padding-top:8px;margin-top:8px;gap:5px 10px}
#overlay .board-event-card .life-receipt{padding:12px;border-radius:8px;font-size:14px}
#overlay .board-event-card .life-receipt p{font-size:13px}
#overlay .board-event-card .life-receipt small{font-size:12px;line-height:1.6}
#overlay .board-event-card .receipt-grid{grid-template-columns:1fr;gap:12px;margin:12px 0}
#overlay .board-event-card .receipt-grid b{font-size:25px;line-height:1.3;overflow-wrap:anywhere}
#overlay .board-event-card .receipt-grid span{font-size:12px}
#overlay .board-event-card .receipt-footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
#overlay .board-event-card .receipt-footer span{font-size:12px}
#overlay .board-event-card .receipt-footer button{flex:1 1 100%}
#overlay .board-event-card .storm-odds{gap:6px;margin:10px 0}
#overlay .board-event-card .storm-odds span{font-size:12px;padding:5px 7px}

#roomSocialDock{container-type:inline-size;container-name:roomchat}
@container roomchat (max-width:340px){#roomSocialDrawer>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}#roomSocialDrawer .chat-tabs{overflow-x:auto;scrollbar-width:thin;gap:2px}#roomSocialDrawer .chat-tabs button{font-size:12px;padding:5px 6px;flex:none}#roomSocialDrawer #chatTurnHint{grid-column:1/-1;position:static;width:auto;max-width:none;margin:0;font-size:10px;text-align:left}#roomSocialDrawer #chatClose{padding:4px;font-size:11px}#roomSocialDock #roomSocialDrawer{padding:9px}#roomSocialDock #chatForm{gap:4px}#roomSocialDock #chatForm button{min-width:44px;padding:5px}#roomSocialDock #chatText{padding:5px;min-width:0}#roomSocialDock #chatMessages p{font-size:13px}}
/* Compact cards read from top to bottom, with height set by their content. */
#overlay .card-compact .board-card-layout{display:block;flex:0 1 auto;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#84956c #14291f;padding:0 3px 0 0}
#overlay .card-compact .board-card-story,#overlay .card-compact .board-card-actions{overflow:visible;padding:0;margin:0;background:none;border:0;border-radius:0}
#overlay .card-compact .board-card-actions{margin-top:16px}
#overlay .card-compact .board-card-actions:empty{display:none}
#overlay .card-compact .board-card-action-content{overflow:visible}
#overlay .card-compact .modal-actions,#overlay .card-compact .receipt-footer{position:sticky;bottom:0;z-index:1;background:#192e23;padding-top:10px}
#overlay .board-event-card h2{text-wrap:balance;word-break:normal;overflow-wrap:break-word;font-size:25px;line-height:1.4;margin-bottom:12px}
#overlay .board-event-card p{font-size:15px;line-height:1.7}
#overlay .board-event-card .lesson{font-size:14px;line-height:1.65}
#overlay .board-event-card .choice strong{font-size:16px}
#overlay .board-event-card .choice small{font-size:13px}
#overlay .board-event-card .modal-actions>button{flex:1 1 0;min-width:0}
#overlay .board-event-card .receipt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#overlay .board-event-card .receipt-grid b{font-size:24px;white-space:nowrap}
#overlay .board-event-card .receipt-footer{align-items:center;margin-top:12px}
#overlay .board-event-card .receipt-footer button{flex:1 1 auto}
#overlay .board-event-card .receipt-footer span{white-space:nowrap}
#overlay .board-event-card .market-quote>strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;font-size:30px;line-height:1.3;white-space:nowrap;letter-spacing:-.02em}
#overlay .board-event-card .market-quote small{white-space:nowrap;font-size:14px}
#overlay .board-event-card .cash-preview-main strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 6px;font-size:23px;white-space:nowrap;letter-spacing:-.02em}
#overlay .board-event-card .cash-preview-main small{white-space:nowrap;font-size:12px}
#overlay .board-event-card .cash-preview-details>span{display:inline-flex;flex-wrap:wrap;gap:3px 5px}
#overlay .board-event-card .cash-preview-details b{white-space:nowrap}
#overlay .board-event-card .field>span{display:block;text-wrap:balance}
#overlay .board-event-card .error:empty{display:none}
#overlay .board-event-card #bbqMax{margin-top:8px}
/* Dense cards use a wider editor, with a natural height until the board limit. */
#overlay .card-split .board-card-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);grid-template-rows:minmax(0,1fr);gap:20px;flex:0 1 auto}
#overlay .card-split .board-card-actions{padding:14px}
#overlay .card-split .board-card-actions.has-card-footer{display:flex;flex-direction:column;gap:12px;overflow:hidden}
#overlay .card-split .board-card-action-content{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#84956c #14291f;padding-right:3px}
#overlay .card-split .has-card-footer>.modal-actions,#overlay .card-split .has-card-footer>.receipt-footer{flex:none;margin:0;gap:8px}
#overlay .card-split .has-card-footer>.modal-actions>button{font-size:14px;min-width:0;padding:10px 5px}
#overlay .board-card-actions{container-type:inline-size;container-name:cardactions}
@container cardactions (min-width:310px){#overlay .board-event-card .cash-trade-inputs{grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}#overlay .board-event-card .cash-trade-inputs .field{display:flex;flex-direction:column;gap:8px}#overlay .board-event-card .cash-trade-inputs input{margin-top:auto}#overlay .board-event-card .cash-preview-main{grid-template-columns:1fr 1fr}}
@container eventcard (min-width:680px) and (min-height:500px){#overlay .board-card-topline .event-card-owner>strong{font-size:20px}#overlay .board-event-card h2{font-size:28px}#overlay .board-event-card p{font-size:16px}#overlay .board-event-card .choice{padding:14px}#overlay .board-event-card .choice strong{font-size:17px}#overlay .board-event-card .choice small{font-size:14px}}
@container eventcard (max-width:540px){#overlay.board-card-host .modal{padding:14px!important;gap:11px}#overlay .board-event-card h2{font-size:22px}#overlay .board-event-card p{font-size:14px}#overlay .board-event-card .lesson{font-size:13px}#overlay .board-event-card .choice{padding:11px}#overlay .board-card-topline .event-card-owner>strong{font-size:16px}}
@container eventcard (max-height:320px){#overlay.board-card-host .modal{padding:10px!important;gap:8px}#overlay .board-card-topline{padding-bottom:7px}#overlay .board-card-topline .event-card-owner>.avatar{width:23px;height:23px}#overlay .board-card-topline .decision-countdown{font-size:13px;padding:4px 7px}#overlay .board-event-card h2{font-size:20px}#overlay .board-event-card p{font-size:13px;line-height:1.6}#overlay .board-event-card .choice strong{font-size:14px}#overlay .board-event-card .choice small{font-size:12px}#overlay .board-event-card .choice{padding:10px}#overlay .board-event-card .primary,#overlay .board-event-card .secondary{font-size:13px;padding:8px;min-height:36px}#overlay .card-split .board-card-actions{padding:9px}#overlay .card-split .board-card-layout{gap:12px}}
@container eventcard (max-width:330px){#overlay .board-card-topline{gap:6px}#overlay .board-card-topline .event-card-owner>.avatar{width:23px;height:23px}#overlay .board-card-topline .event-card-owner>strong{font-size:14px}#overlay .board-card-topline .decision-countdown{font-size:13px;padding:4px 6px}#overlay .board-event-card .receipt-grid{grid-template-columns:1fr}#overlay .board-event-card .cash-preview-main strong{font-size:20px}}
/* Auction stays a vertically centred single-column pop-up at every size. */
body .board-center.turn-auction-center:has(.board-auction-card){display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden;container-type:size;container-name:auctioncard;position:relative;isolation:isolate}
body .board-center.turn-auction-center:has(.board-auction-card)::before{content:'';position:absolute;inset:0;background:#06140b60;z-index:-1}
body .board-center .turn-auction-card.board-auction-card{display:flex;flex-direction:column;gap:14px;width:min(470px,100%);height:auto;max-height:100%;min-height:0;padding:20px;border:1px solid #dfbd76;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#2b4232,#172c21);box-shadow:inset 0 0 0 4px #d8c4840b,0 12px 30px #0009;text-align:center;flex:0 1 auto}
.board-auction-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;min-width:0;padding-bottom:10px;border-bottom:1px solid #d0ba803b}
.board-auction-top .event-card-owner{display:flex;align-items:center;gap:8px;min-width:0;margin:0;flex:1;overflow:hidden}.board-auction-top .event-card-owner>.avatar{width:27px;height:27px;flex:none}.board-auction-top .event-card-owner>strong{font-size:16px;color:#f5d899;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body .board-center .board-auction-top .auction-card-top{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none;max-width:50%;font-size:11px;line-height:1.4;margin:0}
body .board-center .board-auction-top [data-auction-countdown]{font-size:13px;font-weight:750;color:#ffe0a2;white-space:nowrap}
.board-auction-content{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#84956c #14291f;padding-right:3px;flex:0 1 auto}
body .board-center .board-auction-card h2{font-size:25px;font-weight:750;line-height:1.35;text-wrap:balance;margin:0 0 8px;letter-spacing:.02em}
body .board-center .board-auction-card .auction-prize{font-size:14px;line-height:1.65;margin:0;color:#b9cbb4}
body .board-center .board-auction-card .turn-auction-high{display:flex;flex-direction:column;align-items:center;gap:5px;padding:14px 5px;margin:12px 0;border-block:1px solid #c1ac7440}
body .board-center .board-auction-card .turn-auction-high strong{font-size:38px;line-height:1.2;color:#ffe1a1;white-space:nowrap;max-width:100%}
body .board-center .board-auction-card .turn-auction-high span{font-size:14px;line-height:1.4}body .board-center .board-auction-card .turn-auction-high small{display:block;font-size:11px;line-height:1.4}
body .board-center .board-auction-card .auction-turn-name{display:block;font-size:16px;font-weight:750;line-height:1.4;margin:0 0 9px;color:#ffe0a2}
body .board-center .board-auction-card .auction-round-actions{text-align:left;min-width:0}
body .board-center .board-auction-card .auction-round-actions label{display:block;font-size:13px;line-height:1.5;margin:5px 0}
body .board-center .board-auction-card .auction-round-actions input{width:100%;font-size:17px;font-weight:700;padding:10px;height:44px;min-width:0}
body .board-center .board-auction-card .turn-bid-quick{display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 0}
body .board-center .board-auction-card .turn-bid-quick button{flex:1;min-width:0;font-size:13px;min-height:34px;padding:6px}
body .board-center .board-auction-card .turn-bid-buttons{display:flex;flex-wrap:nowrap;gap:9px;margin:0;flex:none}
body .board-center .board-auction-card .turn-bid-buttons button{flex:1;min-width:0;white-space:normal;font-size:15px;min-height:42px;padding:10px 6px}
body .board-center .board-auction-card .auction-turn-help{display:block;line-height:1.5;font-size:11px;margin:10px 0 0;color:#a4b699}
body .board-center .board-auction-card .error{font-size:12px;line-height:1.5;margin:6px 0 0}body .board-center .board-auction-card .error:empty{display:none}
@container auctioncard (max-height:440px){body .board-center .turn-auction-card.board-auction-card{padding:12px;gap:9px}body .board-center .board-auction-card h2{font-size:21px}body .board-center .board-auction-card .turn-auction-high{padding:8px 3px;margin:8px 0;gap:3px}body .board-center .board-auction-card .turn-auction-high strong{font-size:30px}body .board-center .board-auction-card .auction-prize{font-size:13px}body .board-center .board-auction-card .auction-round-actions input{height:38px;font-size:16px;padding:7px}body .board-center .board-auction-card .auction-turn-name{font-size:14px}body .board-center .board-auction-card .turn-bid-buttons button{min-height:36px;font-size:13px;padding:8px}body .board-center .board-auction-card .auction-turn-help{display:none}}
@container auctioncard (max-width:330px){.board-auction-top .event-card-owner>.avatar{width:22px;height:22px}.board-auction-top .event-card-owner>strong{font-size:13px}body .board-center .board-auction-top .auction-card-top{font-size:10px}body .board-center .board-auction-top [data-auction-countdown]{font-size:11px}body .board-center .board-auction-card .turn-bid-quick button{font-size:11px;padding:5px 2px}}
@media(orientation:landscape) and (max-height:600px){#overlay.board-card-host,body .board-center.turn-auction-center:has(.board-auction-card){padding:5px!important;border-radius:12px}}
@media(prefers-reduced-motion:reduce){#overlay.board-card-host .card-enter,.board-center .card-enter{animation:none}}
/* Chat stays separate from both kinds of card. */
body.has-board-card #roomSocialDock{z-index:30;width:min(420px,var(--card-chat-width))}body:has(.board-auction-card) #roomSocialDock{width:min(420px,var(--card-chat-width))}
body.has-board-card #roomSocialDock #roomSocialDrawer:not([hidden]){display:flex!important}body.has-board-card #roomSocialDock #chatForm{gap:6px}body.has-board-card #roomSocialDock #chatText{min-width:0}
@media(max-width:600px) and (orientation:portrait){body.has-board-card #roomSocialDock{width:min(360px,calc(100vw - 16px))}}

#overlay .board-event-card button:focus-visible{outline-offset:-2px}
body.has-board-card .board-center>*{pointer-events:none}

/* A table-wide BBQ result stays readable at both natural and split card sizes. */
#overlay .bbq-collapse-quote{margin:14px 0;padding:13px 16px;border:1px solid #cd846044;border-radius:10px;background:linear-gradient(120deg,#733c2d33,#102218)}
#overlay .bbq-collapse-quote>span{display:block;font-size:13px;font-weight:650;color:#d0bcaa}
#overlay .bbq-collapse-quote>strong{display:flex;align-items:baseline;gap:9px;margin-top:4px;font-size:38px;line-height:1.2;font-weight:850;color:#ffb49b;font-variant-numeric:tabular-nums}
#overlay .bbq-collapse-quote small{font-size:14px;font-weight:650;color:#dacbbc}
#overlay .bbq-collapse-receipt>strong{font-size:14px;color:#f1d5a6}
#overlay .bbq-loss-list{display:grid;gap:0;margin-top:7px}
#overlay .bbq-loss-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:11px 0;border-top:1px solid #a9b89128}
#overlay .bbq-loss-row:first-child{border-top:0}
#overlay .bbq-loss-row>div{min-width:0;display:grid;gap:4px}
#overlay .bbq-loss-row>div:last-child{text-align:right}
#overlay .bbq-loss-row strong{font-size:15px;line-height:1.4;color:#f2e8cb;overflow-wrap:anywhere}
#overlay .bbq-loss-row span{font-size:12px;line-height:1.5;color:#b9c8b3;overflow-wrap:anywhere}
#overlay .bbq-loss-row b{font-size:17px;line-height:1.35;letter-spacing:.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@container eventcard (max-height:320px){#overlay .bbq-collapse-quote{margin:8px 0;padding:8px 12px}#overlay .bbq-collapse-quote>strong{font-size:29px}#overlay .bbq-loss-row{padding:8px 0}#overlay .bbq-loss-row strong{font-size:13px}#overlay .bbq-loss-row b{font-size:15px}}
@container eventcard (max-height:320px){
 #overlay .bbq-collapse-modal.card-compact{position:relative}
 #overlay .bbq-collapse-modal.card-compact .board-card-layout{margin-bottom:44px}
 #overlay .bbq-collapse-modal.card-compact .eyebrow{display:none}
 #overlay .bbq-collapse-modal.card-compact h2{font-size:18px;line-height:1.3;margin-bottom:7px}
 #overlay .bbq-collapse-modal.card-compact .bbq-collapse-quote{display:flex;align-items:center;gap:10px;margin:0;padding:5px 8px}
 #overlay .bbq-collapse-modal.card-compact .bbq-collapse-quote>span{font-size:11px}
 #overlay .bbq-collapse-modal.card-compact .bbq-collapse-quote>strong{margin:0;font-size:25px;gap:5px}
 #overlay .bbq-collapse-modal.card-compact .bbq-collapse-quote small{font-size:12px}
 #overlay .bbq-collapse-modal.card-compact .receipt-footer{position:absolute;inset:auto 10px 10px;z-index:2;margin:0;padding:7px 0 0;background:#192e23;border-top:1px solid #afbb8d33;gap:7px;flex-wrap:nowrap}
 #overlay .bbq-collapse-modal.card-compact .receipt-footer button{font-size:13px;min-height:34px;padding:8px;flex:1;white-space:nowrap}
 #overlay .bbq-collapse-modal.card-compact .receipt-footer span{font-size:11px}
}
/* Portrait trading follows the visible screen, with exactly one scrolling body. */
#overlay.mobile-trade-host{padding:3px!important;background:transparent;border-radius:14px;overflow:visible}
#overlay.mobile-trade-host .modal.mobile-trade-card{height:auto;width:100%!important;padding:12px!important;gap:10px;border-radius:14px}
#overlay .mobile-trade-card .board-card-topline{gap:6px;padding-bottom:8px}
#overlay .mobile-trade-card .board-card-topline .event-card-owner>.avatar{width:26px;height:26px}
#overlay .mobile-trade-card .board-card-topline .event-card-owner>strong{font-size:15px}
#overlay .mobile-trade-card .board-card-topline .decision-countdown{font-size:14px;padding:4px 6px;max-width:none}
#overlay .mobile-trade-card .board-card-topline>.close{display:none}
#overlay .mobile-trade-card .mobile-trade-tools{display:flex;gap:3px;flex:none}
#overlay .mobile-trade-tools button{font:650 12px/1.3 system-ui;color:#e6cd92;min-height:32px;min-width:30px;padding:5px 4px;background:#13271c;border:1px solid #a9b07455;border-radius:6px;box-shadow:none}
#overlay .mobile-trade-card .mobile-trade-summary{display:block;flex:none;background:#0f2219;border:1px solid #aeb57c3d;border-radius:8px;padding:9px 10px}
.mobile-trade-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 7px}.mobile-trade-price>span{font-size:11px;color:#a8bd9e}.mobile-trade-price strong{font-size:21px;line-height:1.2;color:#f6d891;white-space:nowrap;font-variant-numeric:tabular-nums}.mobile-trade-price strong small{font-size:10px}.mobile-trade-price>small{font-size:10px;color:#a8bd9e;margin-left:auto;white-space:nowrap}
.mobile-trade-balances{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-top:6px;color:#b5c8ac;font-size:11px}.mobile-trade-balances b{color:#e5e4c7;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
#overlay .mobile-trade-card .board-card-layout{display:block;flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:0 3px 0 0;scroll-padding-block:12px}
#overlay .mobile-trade-card .board-card-story{display:none}
#overlay .mobile-trade-card .board-card-actions,#overlay .mobile-trade-card .board-card-action-content{display:block;overflow:visible;min-height:auto;max-height:none;height:auto;contain:none;container-type:normal;padding:0;margin:0;border:0;background:none}
#overlay .mobile-trade-card .cash-trade-inputs{display:grid;grid-template-columns:1fr;gap:4px}
#overlay .mobile-trade-card .field{margin:5px 0;font-size:13px;line-height:1.5}
#overlay .mobile-trade-card .field>span{text-wrap:wrap;margin-bottom:5px}
#overlay .mobile-trade-card .cash-trade input{font-size:18px;min-height:44px;padding:10px;touch-action:pan-y}
#overlay .mobile-trade-card .cash-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#overlay .mobile-trade-card .cash-shortcuts button{flex:1 0 auto;min-height:38px;padding:7px 8px;font-size:13px;touch-action:pan-y}
#overlay .mobile-trade-card .cash-preview{margin:12px 0 2px;padding:12px}
#overlay .mobile-trade-card .cash-preview-main{grid-template-columns:1fr;gap:10px}
#overlay .mobile-trade-card .cash-preview-main strong{font-size:22px}
#overlay .mobile-trade-card .trade-side-switch{margin:0 0 9px;position:static}
#overlay .mobile-trade-card .trade-side-switch button{min-height:40px;font-size:14px;touch-action:pan-y}
#overlay .mobile-trade-card>.board-trade-footer{display:flex;flex-wrap:nowrap;position:static;flex:none;gap:8px;margin:0;padding:10px 0 0;background:#192e23;border-top:1px solid #b7b97844}
#overlay .mobile-trade-card>.board-trade-footer>button{min-height:45px;min-width:0;flex:1 1 0;padding:10px 6px;font-size:15px}
#overlay .mobile-trade-card>.board-trade-footer #marketPass{flex:0 0 34%}
#overlay.mobile-trade-host.trade-keyboard .modal{padding:8px!important;gap:6px}
#overlay.trade-keyboard .mobile-trade-card .board-card-topline{padding-bottom:5px}
#overlay.trade-keyboard .mobile-trade-summary{padding:6px 8px}
#overlay.trade-keyboard .mobile-trade-price strong{font-size:18px}
#overlay.trade-keyboard .mobile-trade-balances{margin-top:4px}
#overlay.trade-keyboard .mobile-trade-card>.board-trade-footer{padding-top:6px}
#overlay.trade-keyboard .mobile-trade-card>.board-trade-footer>button{min-height:38px;font-size:14px;padding:7px 5px}
#overlay .mobile-trade-card>.board-trade-switch{display:flex;flex:none;position:static;gap:7px;margin:0}
#overlay .mobile-trade-card>.board-trade-switch button{min-height:39px;padding:7px 5px;font-size:14px}
#overlay.trade-keyboard .mobile-trade-card>.board-trade-switch button{min-height:34px;padding:5px;font-size:13px}
/* All portrait event cards stay readable in the visible screen. Short cards keep their natural height. */
#overlay.mobile-board-host{padding:3px!important;background:transparent;border-radius:14px;overflow:visible}
#overlay.mobile-board-host .board-event-card:not(.mobile-trade-card){width:100%!important;height:auto;max-height:100%!important;padding:14px!important;gap:10px;border-radius:14px}
#overlay.mobile-board-host .card-compact .board-card-layout{overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scroll-padding-block:10px}
#overlay.mobile-board-host .card-compact .board-card-actions,#overlay.mobile-board-host .card-compact .board-card-action-content{container-type:normal;contain:none;overflow:visible}

/* Card identity is centred independently of player-name and timer widths. */
.board-card-topline,.board-auction-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}
.board-card-category{display:block;justify-self:center;margin:0;padding:5px 12px;font:800 21px/1.35 system-ui;color:#ffe1a2;letter-spacing:.08em;white-space:nowrap;text-align:center;border-block:1px solid #d7b87555;background:linear-gradient(90deg,transparent,#e7be5e12,transparent);text-shadow:0 2px 2px #07170a}
.board-card-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;justify-self:end}
#overlay .board-card-topline .decision-countdown{max-width:none;min-width:0}
#overlay .board-card-topline .event-card-owner{overflow:hidden}
#overlay .board-event-card .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.04em}
#overlay .board-event-card .choice .choice-investment{display:inline-block;white-space:nowrap;color:#ffe1a2;margin-inline-start:.25em}
body .board-center .board-auction-top .auction-card-top{max-width:none;min-width:0;justify-self:end}
#overlay .mobile-trade-card .board-card-meta>.close{display:none}
@container eventcard (min-width:680px) and (min-height:500px){.board-card-category{font-size:24px;padding-inline:16px}}
@container eventcard (max-height:360px){.board-card-category{font-size:18px;padding:3px 7px}.board-card-topline{gap:7px}}
@container eventcard (max-width:430px){
 .board-card-topline{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}
 .board-card-topline .event-card-owner{grid-column:1;grid-row:1}
 .board-card-topline .board-card-meta{grid-column:2;grid-row:1}
 .board-card-topline .board-card-category{grid-column:1/-1;grid-row:2;font-size:19px;padding:3px 16px}
}
@container auctioncard (max-width:430px){
 .board-auction-top{grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}
 .board-auction-top .event-card-owner{grid-column:1;grid-row:1}
 .board-auction-top .auction-card-top{grid-column:2;grid-row:1}
 .board-auction-top .board-card-category{grid-column:1/-1;grid-row:2;font-size:19px;padding:3px 16px}
}

#overlay .event-notice-body{padding:8px 0 12px}
#overlay .event-notice-summary{font-size:20px;line-height:1.7;margin:12px 0 20px;color:#e7e9cf}
#overlay .event-notice-body .hint{line-height:1.65}

/* Result-only cards keep one reading column and an always-visible continue control. */
#overlay :is(.notice-card,.result-only-card).card-compact .board-card-layout{display:flex;flex-direction:column;overflow:hidden;margin-bottom:0;gap:0}
#overlay :is(.notice-card,.result-only-card).card-compact .board-card-story{overflow-y:auto;flex:0 1 auto;padding-right:4px}
#overlay :is(.notice-card,.result-only-card).card-compact .board-card-actions{flex:none;margin-top:12px}
#overlay :is(.notice-card,.result-only-card).card-compact .receipt-footer{position:static;margin:0}

/* Compact opportunities: terms above, actions below. */
#overlay .compact-opportunity .compact-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex-shrink:0}
#overlay .compact-opportunity .compact-actions .choice{padding:10px 6px;min-height:44px;text-align:center;margin:0}
#overlay .compact-opportunity .compact-actions .choice strong{font-size:17px}
#overlay .compact-opportunity .opportunity-lead{line-height:1.8;margin:10px 0 8px}
#overlay .compact-opportunity .opportunity-lead strong,#overlay .compact-opportunity .opportunity-cost,#overlay .compact-opportunity .opportunity-income{font-size:1.25em;font-weight:800;white-space:nowrap;color:#ffe19b}
#overlay .compact-opportunity .opportunity-cost{color:#efa66c!important}
#overlay .compact-opportunity .opportunity-risk{margin:6px 0;font-size:13px;line-height:1.6}
#overlay .compact-opportunity .compact-funding-note{margin:0;color:#efb38b;font-size:13px}
#overlay .compact-opportunity .opportunity-story{margin:0}
@container eventcard (max-width:400px){#overlay .compact-opportunity .compact-actions{gap:7px}#overlay .compact-opportunity .compact-actions .choice strong{font-size:15px}}

#overlay .compact-opportunity .compact-actions .choice.primary{background:linear-gradient(#ffdf91,#dda047);border-color:#ffe5a5;box-shadow:inset 0 2px 0 #fff4,0 3px 0 #795927;color:#43321b}
#overlay .compact-opportunity .compact-actions .choice.primary strong{color:#43321b;text-shadow:none}
#overlay.board-card-host .modal.compact-opportunity{background:linear-gradient(145deg,#294232,#172c21)!important}

/* Separate project terms from their actions without a fixed card height. */
#overlay .compact-opportunity .opportunity-info{padding:14px 16px;border:1px solid #8ba37540;border-radius:12px;background:#10281dcc}
#overlay .compact-opportunity .opportunity-story>.eyebrow{margin-bottom:10px}
#overlay .compact-opportunity .opportunity-info .event-card-heading{margin:0 0 10px}
#overlay .compact-opportunity .opportunity-info h2{margin:0}
#overlay .compact-opportunity .board-card-actions{padding-top:14px}
#overlay .compact-opportunity .opportunity-info .opportunity-risk:last-child{margin-bottom:0}
#overlay .compact-opportunity .opportunity-odds{margin-top:10px}
@container eventcard (max-width:400px){#overlay .compact-opportunity .opportunity-info{padding:12px}#overlay .compact-opportunity .board-card-actions{padding-top:12px}}
@container eventcard (max-height:340px){#overlay .compact-opportunity .opportunity-info{padding:9px 11px}#overlay .compact-opportunity .board-card-actions{padding-top:8px}}