.role-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-24);padding:var(--sp-32);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;background:radial-gradient(520px 220px at 0% 0%,rgb(227 197 141 / 12%),transparent 70%),var(--bg-2)}.role-card:before{content:"";position:absolute;top:0;left:var(--sp-32);width:120px;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}.role-card__face{position:relative;width:96px;height:96px}.role-card__portrait{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:50% 15%;border:2px solid rgb(227 197 141 / 45%);background:var(--bg-3)}.role-card__emblem{position:absolute;right:-4px;bottom:-4px;width:36px;height:36px;padding:4px;border-radius:50%;background:var(--bg-1);border:1px solid var(--line-2)}.role-card__who{min-width:0}.role-card__who h2{overflow:hidden;font-size:var(--fs-28);font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.role-card__who p{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8);margin-top:var(--sp-8);font-size:var(--fs-14);color:var(--text-2)}.role-card__who p i{width:1px;height:12px;background:var(--line-2)}.role-card__who small{display:block;margin-top:var(--sp-8);font-size:var(--fs-12);color:var(--text-3)}.role-card__coins{display:grid;justify-items:end;gap:var(--sp-8);text-align:right}.role-card__coins>small{font-size:var(--fs-12);letter-spacing:.08em;color:var(--text-3)}.role-card__coins strong{display:inline-flex;align-items:center;gap:var(--sp-8);font:700 var(--fs-40)/1 var(--font-latin);color:var(--gold);font-variant-numeric:tabular-nums}.role-card__coins strong img{width:32px;height:32px}.role-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-12);margin-top:var(--sp-16)}.role-card__actions .btn{min-width:132px;gap:var(--sp-8)}.role-card__actions .btn img{width:20px;height:20px}.coin-book{--coin-cols: 132px 88px minmax(0, 1fr) 128px 136px;display:grid;gap:var(--sp-12)}.coin-book .list-head{margin-bottom:0}.coin-head,.coin-line{display:grid;grid-template-columns:var(--coin-cols);align-items:center;gap:var(--sp-16);padding-inline:var(--sp-16)}.coin-head{font-size:var(--fs-12);letter-spacing:.08em;color:var(--text-3)}.coin-head span:nth-child(n+4){text-align:right}.coin-lines{display:grid;gap:var(--sp-8);padding:0;margin:0;list-style:none}.coin-line{height:56px;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg-1);transition:border-color var(--t-fast)}.coin-line:hover{border-color:var(--line-2)}.coin-line>*{min-width:0;white-space:nowrap}.coin-line__time{display:flex;align-items:baseline;gap:var(--sp-8);font-family:var(--font-latin);font-variant-numeric:tabular-nums}.coin-line__time b{font-size:var(--fs-14);font-weight:600;color:var(--text-2)}.coin-line__time small{font-size:var(--fs-12);color:var(--text-3)}.coin-line__kind{display:inline-flex;justify-content:center;height:24px;align-items:center;border-radius:var(--radius-s);font-size:var(--fs-12);font-weight:700;white-space:nowrap;background:#ffffff14;color:var(--text-2)}.coin-line__kind--in{background:var(--gain-bg);color:var(--gain)}.coin-line__kind--out{background:var(--loss-bg);color:var(--loss)}.coin-line__kind--gold{background:#e3c58d29;color:var(--gold)}.coin-line__note{overflow:hidden;font-size:var(--fs-14);font-weight:600;color:var(--text);text-overflow:ellipsis}.coin-line__amount{font:700 var(--fs-16)/1 var(--font-latin);color:var(--gain);font-variant-numeric:tabular-nums;text-align:right}.coin-line__amount.is-out{color:var(--loss)}.coin-line__after{font:500 var(--fs-14)/1 var(--font-latin);color:var(--text-2);text-align:right;font-variant-numeric:tabular-nums}.coin-line__after small{display:none}.coin-book__more,.reward-rows__more{display:flex;justify-content:center}.coin-book__more:empty,.reward-rows__more:empty{display:none}.side-card__links{display:flex;flex-wrap:wrap;gap:var(--sp-8);margin-top:var(--sp-16)}.reward-rows{display:grid;gap:var(--sp-12)}.reward-row{--medal: var(--line-3);position:relative;isolation:isolate;display:grid;grid-template-columns:72px minmax(0,1fr) 184px 128px;align-items:center;gap:var(--sp-24);height:108px;padding:0 var(--sp-24) 0 var(--sp-16);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-l);background:var(--bg-1);transition:border-color var(--t-fast)}.reward-row:before{content:"";position:absolute;inset:14px auto 14px 0;width:2px;border-radius:2px;background:var(--medal)}.reward-row:after{content:"";position:absolute;inset:0 auto 0 0;z-index:-1;width:220px;pointer-events:none;background:radial-gradient(90px 70px at 52px 50%,color-mix(in srgb,var(--medal) 22%,transparent),transparent 100%)}.reward-row.is-top-1{--medal: var(--medal-1)}.reward-row.is-top-2{--medal: var(--medal-2)}.reward-row.is-top-3{--medal: var(--medal-3)}.reward-row.is-tier{--medal: var(--gold)}.reward-row:hover{border-color:var(--line-2)}.reward-row__art{position:absolute;inset:0 auto 0 0;z-index:-2;width:48%;pointer-events:none}.reward-row__art img{width:100%;height:100%;object-fit:cover;opacity:.3;transition:opacity var(--t-mid);-webkit-mask-image:linear-gradient(90deg,#000,rgb(0 0 0 / 55%) 45%,transparent);mask-image:linear-gradient(90deg,#000,rgb(0 0 0 / 55%) 45%,transparent)}.reward-row:hover .reward-row__art img{opacity:.42}.reward-emblem{display:grid;place-items:center;width:72px;height:72px}.reward-emblem__art{width:66px;height:auto;filter:drop-shadow(0 4px 10px rgb(0 0 0 / 65%))}.reward-emblem__art.is-tier{width:92px;max-width:none;margin-inline:-10px}.reward-emblem__place{font:800 30px/1 var(--font-latin);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,var(--text),var(--text-3));-webkit-background-clip:text;background-clip:text;color:transparent}.reward-row__main{display:grid;gap:7px;min-width:0}.reward-row__eyebrow{display:flex;align-items:center;gap:var(--sp-12);min-width:0;height:20px;margin:0;font-size:var(--fs-12);line-height:1;color:var(--text-3);white-space:nowrap}.reward-row__eyebrow .tag{height:20px;min-width:0;padding-inline:8px;font-size:11px}.reward-row__eyebrow span{display:inline-flex;align-items:center;gap:5px}.reward-row__title{min-width:0;margin:0;overflow:hidden;font-size:var(--fs-16);font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.reward-row__title a{transition:color var(--t-fast)}.reward-row__title a:hover{color:var(--gold)}.reward-row__meta{display:flex;gap:var(--sp-16);min-width:0;margin:0;padding:0;list-style:none;overflow:hidden;font-size:var(--fs-12);line-height:1;color:var(--text-3);white-space:nowrap}.reward-row__meta li{display:inline-flex;align-items:center;gap:5px;min-width:0}.reward-row__meta li:last-child{overflow:hidden;text-overflow:ellipsis}.reward-row__meta li.is-result{font-weight:700;color:var(--text)}.reward-row:is(.is-top-1,.is-top-2,.is-top-3,.is-tier) .reward-row__meta li.is-result{color:var(--medal)}.reward-row__meta li+li:before{content:"";width:1px;height:10px;margin-right:11px;background:var(--line-2)}.reward-row__meta .icon,.reward-row__eyebrow .icon{flex:none;width:13px;height:13px;opacity:.8}.reward-row__slots{display:flex;align-items:center;gap:6px;height:var(--slot-xs)}.reward-cell{display:grid;padding:0;border:0;border-radius:var(--radius);background:none;cursor:pointer}.reward-cell:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.reward-coin,.reward-more{position:relative;display:grid;place-items:center;flex:none;width:var(--slot-xs);height:var(--slot-xs);border-radius:var(--radius);border:1px solid rgb(227 197 141 / 40%);background:radial-gradient(circle at 50% 35%,rgb(227 197 141 / 20%),transparent 70%),var(--bg-2)}.reward-coin img{width:26px;height:26px;margin-top:-6px}.reward-coin b{position:absolute;right:3px;bottom:2px;font:700 11px/1 var(--font-latin);color:var(--ivory);text-shadow:0 1px 2px rgb(0 0 0 / 90%)}.reward-more{border-color:var(--line-2);background:var(--bg-2);font:700 var(--fs-12)/1 var(--font-latin);color:var(--text-2)}.reward-row__state{display:grid;justify-items:end;gap:var(--sp-8);text-align:right}.reward-row__state small{font:400 var(--fs-12)/1.2 var(--font-latin);color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums}.reward-state{display:inline-flex;align-items:center;gap:6px;height:26px;padding-inline:12px;border-radius:999px;font-size:var(--fs-12);font-weight:700;white-space:nowrap}.reward-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.reward-state--sent{background:var(--gain-bg);color:var(--gain)}.reward-state--pending{background:#e3c58d24;color:var(--gold)}.reward-state--failed{background:var(--loss-bg);color:var(--loss)}@media(max-width:1100px){.role-card{grid-template-columns:auto minmax(0,1fr)}.role-card__coins{grid-column:1 / -1;justify-items:start;text-align:left}.role-card__actions{justify-content:flex-start}}@media(max-width:767px){.role-card{gap:var(--sp-16);padding:var(--sp-16)}.role-card__face,.role-card__portrait{width:72px;height:72px}.role-card__who h2{font-size:var(--fs-20)}.role-card__coins strong{font-size:var(--fs-28)}.coin-head{display:none}.coin-line{grid-template:"kind note amount" 1fr "kind time after" 1fr / 72px minmax(0,1fr) auto;height:64px;gap:2px var(--sp-12);padding:var(--sp-8) var(--sp-12)}.coin-line__kind{grid-area:kind}.coin-line__note{grid-area:note}.coin-line__amount{grid-area:amount}.coin-line__time{grid-area:time}.coin-line__time b{font-size:var(--fs-12);font-weight:400;color:var(--text-3)}.coin-line__after{grid-area:after;font-size:var(--fs-12);color:var(--text-3)}.coin-line__after small{display:inline;margin-right:var(--sp-4)}.reward-row{grid-template:"emblem main" auto "slots state" auto / 56px minmax(0,1fr);gap:var(--sp-12) var(--sp-16);height:auto;padding:var(--sp-16) var(--sp-16) var(--sp-16) var(--sp-12)}.reward-row__art{width:100%}.reward-row__art img{opacity:.2}.reward-emblem{grid-area:emblem;width:56px;height:56px}.reward-emblem__art{width:52px}.reward-emblem__art.is-tier{width:56px}.reward-emblem__place{font-size:24px}.reward-row__main{grid-area:main;gap:6px}.reward-row__title{font-size:var(--fs-14)}.reward-row__meta{gap:var(--sp-12)}.reward-row__meta li+li:before{margin-right:7px}.reward-row__slots{grid-area:slots}.reward-row__state{grid-area:state}}
