.portrait-crop{display:block;flex:none;background-color:#24352e;background-image:var(--portrait-sheet,none);background-repeat:no-repeat;background-size:300% auto;background-position:var(--portrait-x,0%) 0%;overflow:hidden}.portrait-row-1{background-position-y:85.714%}.hero-thumb{float:right;width:40px;height:50px;border:1px solid #d9b36d80;border-radius:5px;margin:10px 0 0 4px}.featured .hero-mark{flex:0 0 78px;width:78px;height:98px;border:1px solid #d9b36d80;border-radius:8px;overflow:hidden}.featured .hero-mark .portrait-crop{width:100%;height:100%}.featured .hero-mark .portrait-row-1{background-position-y:85.96%}.hero-detail{grid-template-columns:112px 1fr;align-items:start}.hero-detail-art{width:112px;height:145px;border:1px solid #d9b36d88;border-radius:8px}.hero-detail-art.portrait-row-1{background-position-y:87.98%}.hero-detail .story{grid-column:1/-1}.seat-portrait{float:left;width:58px;height:72px;border-radius:6px;border:1px solid #d7bd7980;margin:3px 9px 6px 0}.seat-portrait.portrait-row-1{background-position-y:84.99%}.seat h3{min-height:42px}.card{padding:7px}.card img{display:block;width:100%;height:74px;object-fit:cover;border-radius:5px;margin-bottom:6px}.card strong{font-size:12px;margin:4px 0}.card small{display:block;font-size:9px;line-height:1.35;max-height:38px;overflow:hidden}.card-art{display:block;flex:none;background-color:#19241f;background-image:var(--card-sheet);background-repeat:no-repeat;background-size:300% auto;background-position:var(--card-x,0%) 0%;overflow:hidden;border-radius:5px}.hand-card-art{width:100%;height:74px;margin-bottom:6px}.card-art-row-1{background-position-y:64%}.catalog-card img{width:100%;height:180px;object-fit:cover;border-radius:6px;margin-bottom:6px}.catalog-card .catalog-card-art{width:120px;height:180px;justify-self:center;border:1px solid #d9b36d80}.catalog-card .card-art-row-1{background-position-y:100%}.catalog-card{display:grid;grid-template-rows:180px auto 1fr}.hero-card{min-height:100px}
.portrait-individual{background-size:cover;background-position:center top}
@media(max-width:600px){.hero-detail{grid-template-columns:76px 1fr;gap:10px}.hero-detail-art{width:76px;height:98px}.hero-detail-art.portrait-row-1{background-position-y:87.38%}.featured .hero-mark{flex-basis:62px;width:62px;height:78px}.featured .hero-mark .portrait-row-1{background-position-y:85.96%}.hero-thumb{width:32px;height:40px}.seat-portrait{width:44px;height:58px}.seat-portrait.portrait-row-1{background-position-y:90.7%}.card{flex-basis:126px}}
@media print{.card-catalog{max-height:none;overflow:visible}.catalog-card{break-inside:avoid}.catalog-card img{height:170px}}
.hero-detail .connections{grid-column:1/-1;padding:9px 11px;border-left:2px solid #cfb56e88;background:#d5c38c0b;border-radius:0 8px 8px 0}
.campaign-select{display:grid;gap:7px;margin-top:12px;max-width:430px;color:#d6c79c;font-size:12px}.campaign-select select{background:#101c18;color:#eee4ce;border:1px solid #cfb56e66;border-radius:9px;padding:10px}.campaign-brief{margin-top:9px;padding:13px 15px;border:1px solid #c9aa5c44;border-radius:10px;background:#111d18bb;color:#d2d1bb;font-size:12px;line-height:1.75}.campaign-brief b{color:#e0c77e}.campaign-brief p{margin:4px 0}.campaign-brief small{color:#8da496}

.portrait-crop.portrait-single{background-size:cover;background-position:center}
.hero-detail .lore-meta{grid-column:1/-1;color:#d0bd89;font-size:10px;line-height:1.7}
.water-top a,.top-actions button,.quiet-btn,.skill-btn{color:#e2e8df;font-weight:700;border-color:#bacab65c;background:#1c3028}
.water-top a:hover,.top-actions button:hover,.quiet-btn:hover,.skill-btn:hover{color:#fff4cf;border-color:#d6bd79;background:#283c31}
.skill-btn{color:#f2d88f;border-color:#d4b96e;background:#26372c}
.hand{gap:10px;min-height:282px;padding:6px 4px 12px}
.hand .card{display:flex;flex:0 0 184px;width:184px;height:270px;min-height:0;flex-direction:column;overflow:hidden;padding:0;border:1px solid #99895d;background:#f2ead9;color:#26312b;box-shadow:0 5px 14px #0005,inset 0 0 0 2px #fff7;transition:transform .16s,box-shadow .16s}
.hand .card.attack{border-color:#a74e39;background:#f2ded2;color:#50291f}
.hand .card.guard{border-color:#53836a;background:#dce9dc;color:#223c32}
.hand .card.heal{border-color:#ab6656;background:#f1e2d4;color:#58362b}
.hand .card.trick{border-color:#716390;background:#e5e2ee;color:#332d48}
.hand .card.equip{border-color:#a4863f;background:#eee3c4;color:#41351c}
.hand .card.special{border-color:#7a7654;background:#eee8d9;color:#28352f}
.hand .card.selected{transform:translateY(-7px);outline:3px solid #d2a84f;outline-offset:1px;box-shadow:0 10px 22px #91752d44}
.hand .card:focus-visible{outline:3px solid #9b7736;outline-offset:2px}
.hand .card .hand-card-art{flex:0 0 108px;width:100%;height:108px;margin:0;border-bottom:2px solid #99895d;border-radius:0}
.hand .card.attack .hand-card-art{border-color:#a74e39}.hand .card.guard .hand-card-art{border-color:#53836a}.hand .card.heal .hand-card-art{border-color:#ab6656}.hand .card.trick .hand-card-art{border-color:#716390}.hand .card.equip .hand-card-art{border-color:#a4863f}
.hand .card .kind{display:block;flex:0 0 auto;margin:8px 11px 0;color:#756744;font:700 11px/1.25 'Noto Sans SC','Microsoft YaHei',sans-serif}
.hand .card strong{display:block;flex:0 0 auto;margin:5px 11px 0;color:inherit;font:800 15px/1.3 'Noto Sans SC','Microsoft YaHei',sans-serif}
.hand .card small{display:block;flex:1 1 auto;min-height:0;max-height:none;margin:5px 11px 10px;overflow:hidden;color:#42483f;font:500 12px/1.5 'Noto Sans SC','Microsoft YaHei',sans-serif}
@media(max-width:600px){.hand{min-height:262px}.hand .card{flex-basis:166px;width:166px;height:250px}.hand .card .hand-card-art{flex-basis:94px;height:94px}.hand .card .kind{margin:7px 9px 0;font-size:10px}.hand .card strong{margin:4px 9px 0;font-size:14px}.hand .card small{margin:4px 9px 8px;font-size:11px;line-height:1.4}}
#helpDialog{max-height:calc(100vh - 28px);overflow-y:auto}
#helpDialog h3{margin:20px 0 8px;color:#e1c579}
#helpDialog ul{padding-left:22px;color:#c2cbbd;line-height:1.8}