.character-badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:0!important;margin-left:6px;border:0;background:none!important;flex:none;line-height:1;min-height:0!important}.character-badge[hidden]{display:none}.character-art{display:block;overflow:hidden}.character-badge .character-art{max-width:90px;overflow:visible}.character-grey{filter:grayscale(1);opacity:.5}.conversation-identity h1{display:flex;align-items:center;min-width:0}.conversation-copy>strong{display:flex;align-items:center;min-width:0}.conversation-copy .character-badge{pointer-events:none}.characters-dialog{width:min(100vw,430px);max-width:100vw;height:min(860px,100dvh);max-height:100dvh;padding:0;border:0;border-radius:12px;background:#fff;color:#242831;font:15px/1.5 Arial,"Microsoft YaHei",sans-serif;overflow:auto}.characters-dialog::backdrop{background:#17202b70}.characters-dialog *{box-sizing:border-box}.characters-dialog button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.characters-dialog button:disabled{opacity:.4;cursor:default}.characters-dialog>header{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;height:60px;padding:0 8px;background:#fff}.characters-dialog>header strong{font-size:18px;font-weight:500}.characters-dialog>header button{min-height:44px;font-size:25px}.characters-content{padding:6px 16px 24px}.characters-pair-label{font-size:12px;color:#88939e;text-align:center;margin:0 0 12px}.character-feature{border:1px solid #dfc89f;border-radius:12px;padding:18px 16px;text-align:center;background:linear-gradient(130deg,#fffcf5,#f8efde);color:#9c7b4e;position:relative}.character-feature:before{content:'';position:absolute;inset:9px;border:1px solid #d8bc895e;pointer-events:none}.character-feature.tech{background:radial-gradient(ellipse at top,#303240,#11141e 80%);color:#eed5ba;border-color:#a78371}.character-feature .character-art{height:130px;width:100%;margin:15px auto 8px}.character-state{font-size:11px;padding:5px 9px;border-radius:4px;background:#bc9c6b;color:#fff;display:inline-block}.character-feature p{font-size:13px;line-height:1.6;margin:12px auto 3px;max-width:270px}.character-progress{font-size:11px;margin-top:12px}.characters-draw-bar{display:flex;align-items:center;gap:8px;margin:18px 0 26px;background:#f3eee6;padding:10px 12px;border-radius:28px;font-size:11px;color:#9b7d52}.characters-draw-bar button{margin-left:auto;white-space:nowrap;padding:9px 13px;background:#c8a16c;color:white;border-radius:22px}.characters-content h3{font-size:16px;font-weight:500;margin:0 0 14px}.characters-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.characters-grid button{padding:0;font-size:12px;color:#6d7480}.character-thumb{display:flex;align-items:center;justify-content:center;height:76px;border:1px solid #e3dfd8;border-radius:9px;background:#fcfbf8;margin-bottom:6px;padding:8px}.characters-grid [aria-pressed=true] .character-thumb{border:1.5px solid #bd9a65;background:#fffcf5}.character-thumb.unowned{border-style:dashed}.character-thumb.unowned .character-art{opacity:.2}.character-thumb .character-art{height:auto;width:100%;max-height:55px}.characters-grid strong{display:block;font-weight:400;font-size:11px}.characters-grid small{display:block;color:#9ba2ab;font-size:10px;margin-top:3px}.characters-dialog .characters-equip{width:100%;border:1px solid #c9b18c;border-radius:7px;color:#99784d;padding:12px;margin-top:27px;font-size:15px}.characters-status{font-size:13px;color:#ac5e51;margin:14px 8px}.characters-draw{padding:30px 20px;text-align:center}.characters-draw h2{font-size:18px;font-weight:500}.characters-draw p{color:#909ba7;font-size:13px}.characters-cardbacks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.characters-cardbacks button{aspect-ratio:2/3;background:linear-gradient(135deg,#f4e1bf,#bd9762);border:1px solid #b5986a;border-radius:7px;display:grid;place-content:center;color:#725631;box-shadow:inset 0 0 0 5px #f4e5c54a}.characters-cardbacks span{font-size:40px}.characters-cardbacks small{font-size:11px}.character-reward{margin-top:35px;padding:26px 20px}.character-reward h2{font-size:21px;font-weight:500}.character-reward small{display:block;font-size:12px;margin:20px 0}.characters-dialog .character-reward button{display:block;width:100%;padding:12px;border-radius:24px;margin-top:25px;background:#c49e69;color:white}.character-empty{font-size:90px;padding:15px}.pair-review .characters-entry{display:block;width:100%;padding:16px;text-align:left;border:0;border-radius:8px;background:#fff;color:#526980;margin:14px 0;font-size:16px}@media(max-width:480px){.characters-dialog{height:100dvh;border-radius:0;margin:0 0 0 auto}}

.characters-uncollected{text-align:center;padding:42px 14px;color:#788594}.characters-uncollected p{margin:0 0 8px}.characters-uncollected small{font-size:13px}