/* Roguelike data presented on the original pixel paper table. */
#rogueScreen[hidden]{display:none}
#rogueScreen{min-height:756px;color:var(--paper)}
#rogueScreen header{margin-bottom:18px}
.rogue-run-hud{display:flex;align-items:center;gap:18px;margin-left:auto;margin-right:12px;font-size:12px;color:#c8d1af}
.rogue-run-hud b{color:#ebd08b}
#rogueScreen .layout{grid-template-columns:210px minmax(0,1fr) 222px;gap:23px}
#rogueScreen .rogue-relations{padding:10px 8px;background:#15392fe0;border:3px solid #87a27555;box-shadow:0 5px #102f27,inset 0 0 0 3px #102d2770;border-radius:9px}
#rogueScreen .rogue-intent{height:94px;margin:0 0 6px;padding:8px 45px 0 14px}
.intent-group{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;max-width:100%}
.intent-plan{display:flex;justify-content:center;align-items:center;gap:12px;max-width:100%}
.intent-support{min-height:48px;max-width:215px;padding:5px 10px;border:1px solid #91a87a;background:#153a2fe6;display:flex;flex-direction:column;justify-content:center;gap:3px;text-align:left}
.intent-support b{font-size:13px;color:#ecd49b}.intent-support small{font-size:10px;line-height:1.4;color:#ced7b4}
.intent-field{flex-direction:row;align-items:center;gap:8px}.intent-field .hexagram{width:27px;height:37px;flex-shrink:0;color:#d8c590}.intent-field small{display:block;margin-top:3px}
.intent-order{font-size:17px;color:#e0c888}.intent-rest{font-size:11px;color:#c2dda6}
.intent-executing small{display:block;margin-top:5px;font-size:11px;color:#d8c590}
.intent-attack{display:flex;align-items:center;gap:8px;position:relative;padding-top:9px}
.intent-attack>small{position:absolute;left:0;top:-7px;font-size:10px;color:#b8cba8}
.intent-cards{display:flex;align-items:center;gap:5px}
.intent-card{display:grid;place-items:center;min-width:39px;height:50px;padding:3px;border:4px solid transparent;border-image:url('./assets/card-frame.svg') 4 fill;color:var(--ink);font-size:17px;transform:rotate(-3deg);filter:drop-shadow(2px 3px #102f2788)}
.intent-card:nth-of-type(2n){transform:rotate(3deg)}
.intent-arrow{font-size:10px;color:#b4bf99}
.intent-attack>strong{font:26px var(--font-numeric);color:#efb288;white-space:nowrap}
.intent-attack>strong>small{font:10px var(--font-ui);display:block;color:#c4cba7}
.intent-buff{font-size:11px;color:#ebcc80;border-bottom:1px dotted #ab9564}
.intent-executing{font-size:12px;letter-spacing:2px;color:#b8cba8}
#rogueScreen .rogue-chain{min-height:155px;align-items:center}
#rogueScreen .chain-card{align-self:center}
#rogueScreen .table-seal .taiji-mark{width:66%;height:66%}
#rogueScreen .rogue-card[data-enemy]{opacity:1}
#rogueScreen .field-cycle-note{clear:both;margin-top:6px;font-size:11px;line-height:1.5;color:#c1cbaa}
#rogueScreen .hand-label span{font-size:11px}
#rogueScreen .hand .rogue-card{touch-action:none}
#rogueScreen .card .card-top,#rogueScreen .card .card-attributes,#rogueScreen .card .card-preview{position:relative;z-index:1}
#rogueScreen .card-preview{overflow-wrap:anywhere}
.rogue-card .card-attributes{flex-wrap:wrap;row-gap:2px}
.rogue-card .card-attributes small{font-size:9px;margin-right:2px}
.rogue-card .card-title,.rogue-card .card-effect,.rogue-card .card-action-hint,.rogue-card .card-relations,.rogue-card .card-upgrade{display:block}
.rogue-card .card-title{color:#82734e;margin-bottom:3px;font-size:10px}
.rogue-card .card-action-hint{border-top:1px dotted #a1a786;margin-top:3px;padding-top:3px}
.rogue-card .card-relations{margin-top:3px;font-size:10px}
.rogue-card .card-upgrade{color:#99552d}
#rogueScreen .rogue-actions button{font-size:12px}
#rogueScreen .field-panel p{clear:both}
#rogueScreen .rogue-talents{margin:12px 0;font-size:12px}
.rogue-talents>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}
.rogue-talents button{padding:5px 8px;font-size:11px}
.rogue-talent-controls{display:flex;flex:none;align-items:center;gap:6px;white-space:nowrap}
.rogue-talent-controls button{padding:6px 9px;font-size:12px}
.rogue-talent-controls button:disabled{opacity:.4;cursor:default}
.rogue-shop{max-width:1240px;margin:auto;padding:10px 16px}
.shop-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.shop-title h1{font-size:35px;margin:4px 0}
.shop-title>b{font:34px var(--font-numeric);color:#edc769}
.rogue-receipt{color:#dccc99;font-size:13px;margin:8px 0 16px}
.rogue-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rogue-offers article{padding:12px 16px;min-height:164px;border:6px solid transparent;border-image:url('./assets/card-frame.svg') 4 fill;color:#263d31;filter:drop-shadow(4px 5px #0c2a2388);display:flex;flex-direction:column}
.rogue-offers article small{color:#7c7154;border-bottom:2px solid #899d79;padding-bottom:6px}
.rogue-offers article h2{font-size:25px;margin:10px 0 6px}
.rogue-offers article p{font-size:15px;flex:1;margin:0 0 12px}
.rogue-offers article button{color:#fff1ce;align-self:flex-end;min-width:100px}
.rogue-market{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0}
.rogue-market>div{padding:14px 18px;background:#173a30;border:3px solid #778d62;box-shadow:4px 5px #0c2a23}
.rogue-market h3{margin:4px 0 8px;font-size:18px}.rogue-market p{margin:5px 0 10px;font-size:12px}
.rogue-market button{font-size:12px;padding:7px 10px;margin:4px}
.rogue-next{display:block;margin:16px auto;font-size:18px;min-width:240px}
.rogue-field-market h2{font-size:18px;margin:14px 0 9px}
.rogue-field-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rogue-field-offer{display:flex;flex-direction:column;min-height:150px;padding:10px 13px;border:6px solid transparent;border-image:url('./assets/card-frame.svg') 4 fill;color:#263d31;filter:drop-shadow(4px 5px #0c2a2388)}
.field-offer-head{display:flex;align-items:center;gap:12px}
.field-offer-head .hexagram{width:32px;height:44px;flex-shrink:0}
.field-offer-head h3{margin:0 0 4px;font-size:21px}
.rogue-field-offer small{color:#64684d;font-size:11px}
.rogue-field-offer p{flex:1;margin:7px 0;font-size:13px;line-height:1.5}
.rogue-field-offer button{align-self:flex-end;margin-top:8px;min-width:100px;font-size:12px;padding:6px 10px}
.rogue-owned-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.rogue-owned-fields details{margin:0}.rogue-owned-fields summary{font-size:12px;padding:6px}
.rogue-owned-fields details p{font-size:12px;padding:0 6px}
.owned-field-art{float:left;padding:6px}.owned-field-art .hexagram{width:32px;height:44px}
.rogue-upgrade{padding-top:60px}.upgrade-kicker{color:#dccc99;letter-spacing:4px}
.upgrade-offers{margin:28px 0}.upgrade-offers article{min-height:270px;padding:22px}
.upgrade-offers .upgrade-amount{font:52px var(--font-numeric);color:#a25c37;line-height:1.2}
.upgrade-offers article>small:last-of-type{border:0;margin:0 0 16px;padding:0}
.rogue-upgrade-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:14px}
.reward-card{margin:14px 10px;padding:25px;font-size:16px;min-width:250px;min-height:100px}
.rogue-detail-dialog{width:850px;max-height:85vh;padding:8px 25px 25px}
.rogue-build-list article{display:flex;align-items:center;gap:25px;border-top:1px solid #9da984;padding:10px 0}
.rogue-build-list article>div{flex:1}.rogue-build-list h3{margin:3px 0}.rogue-build-list p{margin:5px 0;font-size:14px}
.rogue-build-list small{color:#796742}
.rogue-ledger-sections>section{margin-bottom:22px}
.rogue-ledger-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.rogue-ledger-cards .card{margin:0;min-height:230px;padding:9px 12px;transform:none;cursor:default;text-align:left;animation:none}
.rogue-ledger-cards .card:hover{transform:none}
.rogue-ledger-cards .card-illustration{min-height:70px}.rogue-ledger-cards .pixel-art{width:64px;height:64px}
.rogue-ledger-cards .hexagram{width:46px;height:60px}
.rogue-ledger-cards .field-card h3{max-width:none;font-size:20px}
.rogue-ledger-cards .card-attributes{font-size:13px}.rogue-ledger-cards .card-attributes b{font-size:17px}
.rogue-ledger-cards .card-preview{font-size:13px;line-height:1.6;min-height:48px;overflow:visible}
.rogue-ledger-cards .card-title,.rogue-ledger-cards .card-relations,.rogue-ledger-cards .field-element{font-size:12px}
.rogue-detail-dialog.is-ledger{width:1120px;max-width:calc(100vw - 64px);height:690px;max-height:88vh;overflow:auto;padding-top:0}
.rogue-detail-dialog.is-ledger .dialog-head{position:sticky;top:0;z-index:4;background:#e8ddbb;padding-top:12px}
.rogue-ledger-tabs{display:flex;flex-wrap:wrap;gap:7px;max-width:none;justify-content:flex-start;margin:8px 0}
.rogue-ledger-tabs button{padding:8px 12px;font-size:13px}
.rogue-ledger-tabs button[aria-pressed="true"]{background:#8c602c;color:#fff0bf;box-shadow:inset 0 0 0 2px #c69c53}
.rogue-ledger-note{font-size:12px;color:#53624c;margin:12px 0 18px}
.rogue-ledger-sections h3{display:flex;align-items:center;gap:12px;border-bottom:2px solid #9ba785;padding-bottom:6px;margin:0 0 12px}
.rogue-ledger-sections h3 span{font-size:12px;color:#617354}
.rogue-ledger-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rogue-ledger-cards .card{min-height:220px;padding:7px 9px}
.rogue-pile-empty{font-size:13px;color:#76816a;margin:0}
.meihua-board{padding:7px 8px;background:#163a31e8;border:3px solid #7f956b;box-shadow:4px 5px #0c2a23;border-radius:6px}
.meihua-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.meihua-heading>div{display:flex;align-items:baseline;gap:8px}
.meihua-heading small{font-size:9px;letter-spacing:1px;color:#c5b984}
.meihua-heading h2{font-size:18px;margin:0;color:#ead2a0}
.meihua-heading>span{font-size:9px;line-height:1.4;text-align:right;color:#b9c9a4}
.meihua-piles{display:grid;gap:5px;align-items:stretch}
.meihua-pile{display:flex;flex-direction:column;min-width:0;padding:4px;border:1px solid #728768;background:#0e2d2577}
.meihua-pile.is-locked{border-style:dashed;background:#26382f88}
.meihua-pile-label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px;min-height:31px;margin-bottom:3px}
.meihua-pile-label>b{font-size:10px;color:#efd49a;white-space:nowrap}
.meihua-pile-label>small{grid-column:1/-1;grid-row:2;font-size:8px;color:#afc49b}
.meihua-pile-label button{grid-column:2;grid-row:1;padding:3px 4px;font-size:8px;white-space:nowrap}
.meihua-pile-label button:disabled{opacity:.35;cursor:default}
.meihua-pile-cards{display:grid;grid-template-columns:repeat(var(--meihua-columns,1),minmax(0,1fr));align-items:stretch;align-content:start;gap:5px 4px;min-width:0;min-height:126px;padding:2px;overflow:visible}
.meihua-pile-cards:has(>.meihua-pile-placeholder){align-content:center}
.meihua-pile-placeholder{grid-column:1/-1;align-self:center;display:block;text-align:center;font-size:9px;line-height:1.6;color:#8ea389}
#rogueScreen .meihua-card{position:relative;min-width:0;min-height:126px;height:auto;margin:0;padding:3px 4px;border-width:3px;transform:none;text-align:left;touch-action:none}
#rogueScreen .meihua-card:hover{transform:none}
#rogueScreen .meihua-card.is-focused{outline:2px solid #e9bd60;outline-offset:0}
#rogueScreen .meihua-card.selected{transform:none}
#rogueScreen .meihua-card .selection-pin{top:-6px;font-size:10px}
.meihua-card-number{font:8px var(--font-ui);color:#6b7553;line-height:1.2;min-height:10px}
#rogueScreen .meihua-card .card-top{flex-wrap:nowrap;gap:2px;min-width:0;border-bottom-width:1px;padding-bottom:3px;margin-bottom:2px}
#rogueScreen .meihua-card .card-top>b{font-size:17px;min-width:0}
#rogueScreen .meihua-card .card-top>span{font-size:8px;padding-top:0}
#rogueScreen .meihua-card .element-badge{width:22px;height:22px;min-width:22px;min-height:22px;padding:0;border-width:1px}
#rogueScreen .meihua-card .element-badge strong{font-size:20px;line-height:1}
#rogueScreen .meihua-card .pair-partner{font-size:8px;margin-left:1px}
#rogueScreen .meihua-card .card-illustration{height:24px;min-height:24px;flex:none}
#rogueScreen .meihua-card .pixel-art{width:24px;height:24px}
#rogueScreen .meihua-card .hexagram{width:18px;height:24px;flex-shrink:0}
#rogueScreen .meihua-card h3{font-size:11px;max-width:none;white-space:normal}
#rogueScreen .meihua-card .card-attributes{font-size:8px;padding:2px 0;gap:1px}
#rogueScreen .meihua-card .card-attributes small{font-size:7px;margin-right:1px}
#rogueScreen .meihua-card .card-attributes b{font-size:10px}
#rogueScreen .meihua-card .field-element{font-size:8px;line-height:1.25;margin:1px 0;padding:2px 0}
#rogueScreen .meihua-card .card-preview{font-size:9px;line-height:1.3;padding-top:3px;height:auto;max-height:none;min-height:0;overflow:visible;white-space:normal}
#rogueScreen .meihua-card .card-title{font-size:8px;margin-bottom:2px}
#rogueScreen .meihua-card .card-relations{font-size:8px;margin-top:2px}
.meihua-current-hand{margin-top:6px;border-top:1px solid #728768;padding-top:5px}
.meihua-hand-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;color:#e9cf93;font-size:11px}
.meihua-hand-heading>span{font-size:9px;color:#b5c6a0}
.meihua-current-cards{display:grid;grid-template-columns:repeat(var(--meihua-hand-columns,6),minmax(0,124px));gap:5px}
#rogueScreen .meihua-current-cards .meihua-card{min-height:126px;cursor:default}
#rogueScreen .meihua-current-cards [data-meihua-swap]{cursor:pointer}
.meihua-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:6px}
.meihua-toolbar button{padding:5px 8px;font-size:10px;min-height:27px}
.meihua-order{display:flex;align-items:center;gap:4px;margin-right:auto}
.meihua-order>span{font-size:10px;color:#d3d6ad;max-width:145px}
.meihua-order button{padding:4px 9px}
.meihua-detail{font-size:9px;line-height:1.4;color:#c0cba5;min-height:13px;margin:5px 0 0}
#characterScreen[data-role="yi"] .character-choice.active{background:#38654c;border-color:#cfdf98;box-shadow:0 0 22px #99c67544}
#characterScreen[data-role="yi"] .character-detail h2 small{color:#aad092}
#characterScreen[data-role="yi"] .character-aura{background:radial-gradient(ellipse,#54855455,transparent 70%)}
#characterScreen[data-role="bu"] .character-choice.active{background:#345b71;border-color:#acd8e5;box-shadow:0 0 22px #68b5d444}
#characterScreen[data-role="bu"] .character-detail h2 small{color:#95c9de}
#characterScreen[data-role="bu"] .character-aura{background:radial-gradient(ellipse,#386e8755,transparent 70%)}

.rogue-growth-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rogue-growth-market h2{font-size:18px;margin:12px 0 8px}
.rogue-growth-offers article{padding:10px 14px;background:#e8ddbb;color:#263d31;border:3px solid #b5b18b}
.rogue-growth-offers h3{font-size:17px;margin:0 0 6px}.rogue-growth-offers p{font-size:12px;margin:6px 0}.rogue-growth-offers button{padding:5px 12px;font-size:12px}
.rogue-shop:has(.rogue-growth-market){padding-top:10px}.rogue-shop:has(.rogue-growth-market) .rogue-offers article{min-height:135px;padding:10px 14px}.rogue-shop:has(.rogue-growth-market) .rogue-offers p{margin:6px 0}
.rogue-shop:has(.rogue-growth-market) .rogue-market{display:block;margin-top:8px}.rogue-shop:has(.rogue-growth-market) .rogue-owned-fields{max-height:72px;overflow:auto;grid-template-columns:repeat(4,minmax(0,1fr))}

.sdk-game-icon{width:22px;height:22px;object-fit:contain;vertical-align:middle;margin-right:5px}.sdk-status-strip{display:flex;flex-wrap:wrap;gap:3px;margin:3px 0}.sdk-status-strip button{font-size:10px;padding:2px 4px;min-height:22px}.sdk-status-strip small{margin-left:4px;color:var(--muted)}.sdk-status-strip .sdk-game-icon{width:15px;height:15px}.sdk-status-strip{max-height:53px;overflow:auto}

#rogueScreen .card-illustration .taiji-mark{width:38px;height:38px;color:#576b83}