.bond-entry{width:100%;display:flex;align-items:center;gap:14px;padding:16px 20px;margin:12px 0 20px;text-align:left;color:#e8ddff;border:1px solid #a59be648;border-radius:20px;background:radial-gradient(ellipse at 80% 10%,#5c418954,transparent 65%),linear-gradient(115deg,#241e3b,#152c40);cursor:pointer;box-shadow:inset 0 1px #ffffff19}.bond-entry-mark{width:48px;color:#c7b2ff}.bond-entry svg,.bond-overview svg,.bond-confirm svg{width:100%;height:100%}.bond-entry span:nth-child(2){display:grid;gap:2px}.bond-entry small{font-size:9px;letter-spacing:2px;color:#af9fc6}.bond-entry strong{font-size:18px;color:#f3e7ff}.bond-entry em{font-size:12px;font-style:normal;color:#c2b5d2}.bond-entry>b{margin-left:auto;font-size:26px;font-weight:400;color:#c9b9ee}.bond-entry:active,.bond-btn:active,.bond-mini:active,.bond-link:active{transform:scale(.975);filter:brightness(1.2)}.bond-btn{min-height:40px;font:inherit;font-size:12px;transition:transform .12s,background .15s}.bond-primary{background:linear-gradient(120deg,#765ac3,#445f9e)!important;color:#fff!important;border:1px solid #c2b2ff!important}.bond-loading,.bond-warning{padding:24px;text-align:center}.bond-overview{display:flex;align-items:center;gap:15px;padding:22px;background:linear-gradient(130deg,#25203b,#142b39);border:1px solid #b7a4e330;border-radius:22px;color:#eee6ff;margin-bottom:22px}.bond-overview>span{width:50px;color:#b8a7ed}.bond-overview>div{display:grid;gap:5px}.bond-overview small{color:#bfb2d7;font-size:11px}.bond-overview strong{font-size:26px;font-weight:600}.bond-overview em{font-size:12px;font-style:normal}.bond-overview p{margin-left:auto;font-size:11px;line-height:1.8;color:#aebace}.bond-section-title{font-size:14px!important;margin:22px 0 10px!important}.bond-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bond-mini{width:100%;display:flex;gap:13px;align-items:center;padding:18px;border:1px solid #b7a4e33d;border-radius:18px;background:linear-gradient(130deg,#27223a,#1b2635);color:#eee6ff;cursor:pointer;text-align:left;min-width:0}.bond-mini>span{display:grid;gap:8px;flex:1;min-width:0}.bond-mini strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bond-mini small{font-size:11px;color:var(--bond-accent)}.bond-mini em{font-size:11px;font-style:normal;color:#e9c98e}.bond-mini i{display:block;height:3px;background:#ffffff18;border-radius:4px}.bond-mini i>b{display:block;height:100%;background:var(--bond-accent);border-radius:4px}.bond-avatar{width:48px!important;height:48px!important;min-width:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cdb9ed,#6f86ac);border:2px solid #e6dcff99;overflow:hidden;color:#251e39;font-size:20px!important}.bond-avatar img{width:100%;height:100%;object-fit:cover}.bond-invite{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:15px;margin-bottom:10px;border:1px solid #a396c13d;background:#9178bc0d;border-radius:16px}.bond-invite strong{font-size:13px}.bond-invite small{display:block;font-size:11px;opacity:.65;margin-top:4px}.bond-invite p{font-size:11px;line-height:1.7;margin:6px 0 0;opacity:.7}.bond-invite>div:last-child{display:flex;flex-wrap:wrap;gap:6px}.bond-empty{text-align:center;padding:36px 25px;border:1px dashed #b7a4e340;border-radius:22px;background:#8e72b909}.bond-empty>span{display:block;width:70px;height:70px;color:#ae9bda;margin:0 auto 14px}.bond-empty h3{font-size:16px}.bond-empty p{max-width:360px;font-size:12px;line-height:1.9;opacity:.7;margin:12px auto 22px}.bond-notify{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 4px;margin-top:16px}.bond-notify strong{font-size:12px}.bond-notify small{display:block;opacity:.65;font-size:10px;line-height:1.7;margin-top:4px}.bond-blocked{margin-top:20px;font-size:12px}.bond-blocked p{display:flex;justify-content:space-between;align-items:center}.bond-dialog{max-width:500px!important;overflow-x:hidden!important}.bond-dialog .modal-body{padding:18px!important}.bond-card{--bond-accent:#c3a5ff;position:relative;isolation:isolate;overflow:hidden;padding:25px 20px 16px;border-radius:24px;color:#f1ebff;background:radial-gradient(ellipse at 25% 0%,#644e9755,transparent 60%),radial-gradient(ellipse at 90% 85%,#35689144,transparent 60%),#18182c;border:1px solid color-mix(in srgb,var(--bond-accent) 55%,transparent);box-shadow:inset 0 0 32px #b3a0ff0a,0 12px 34px #100c1a1a}.bond-card:before{content:'';position:absolute;inset:4px;border:1px solid #c6b8ef1d;border-radius:20px;pointer-events:none}.bond-card-label{text-align:center;color:#b2a2c9;font-size:8px;letter-spacing:2.4px}.bond-card-stars{position:absolute;inset:38px 28px auto;display:flex;justify-content:space-between;color:var(--bond-accent);opacity:.6;pointer-events:none}.bond-card-stars i{font-size:8px;margin-top:35px}.bond-duo{display:flex;align-items:center;justify-content:center;gap:5px;margin:30px 0 18px}.bond-person{display:flex;flex-direction:column;align-items:center;gap:8px;width:34%;min-width:0}.bond-person .bond-avatar{width:62px!important;height:62px!important;min-width:62px;box-shadow:0 0 22px #c4adff28}.bond-person strong{font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;line-height:1.5}.bond-person small{font-size:9px;color:#bdafcf;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%}.bond-link{background:none;border:0;color:var(--bond-accent);width:25%;padding:0 4px;cursor:pointer;align-self:flex-start;margin-top:8px}.bond-link svg{width:52px;height:52px;max-width:100%}.bond-link small{display:block;letter-spacing:1px;font-size:9px;opacity:.7;margin-top:8px}.bond-tier{text-align:center}.bond-tier>span{color:var(--bond-accent);letter-spacing:3px;font-size:9px}.bond-tier h3{font-family:Georgia,'Songti SC',serif!important;font-weight:500!important;letter-spacing:5px;font-size:25px!important;color:#f0e8ff!important;margin:7px 0!important}.bond-tier p{font-size:10px!important;color:#b0a5c2!important;margin:8px 0 25px!important}.bond-score{display:flex;align-items:baseline;gap:8px}.bond-score strong{font-family:Georgia,serif;font-size:29px;font-weight:400;color:var(--bond-accent)}.bond-score>span{font-size:10px;opacity:.7}.bond-score em{font-size:9px;font-style:normal;color:#c7b9d7;margin-left:auto}.bond-progress{height:5px;margin-top:10px;border-radius:5px;background:#ffffff12;overflow:hidden}.bond-progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#7766b6,var(--bond-accent));box-shadow:0 0 10px var(--bond-accent)}.bond-card-foot{display:flex;justify-content:space-between;font-size:9px;color:#b2a6c1;margin-top:13px}.bond-today{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;margin:20px 2px 12px}.bond-today strong{font-size:12px}.bond-today em{font-style:normal;color:#a980cf;margin-left:5px}.bond-today small{font-size:9px;opacity:.65}.bond-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bond-actions section{border:1px solid #b6a4cb45;border-radius:17px;padding:14px 10px;text-align:center;background:linear-gradient(145deg,#aa8bd218,#91abc112)}.bond-actions section>span{font-size:23px;color:#a48bce}.bond-actions h4{font-size:13px;margin:6px 0}.bond-actions p{font-size:10px;opacity:.65;margin:6px 0 12px}.bond-actions .btn{width:100%;min-height:38px;font-size:11px}.bond-received{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;background:#c0a86a15;border:1px solid #d1bc8c44;border-radius:14px;margin-top:12px;font-size:11px}.bond-rounds{font-size:10px!important;opacity:.65;line-height:1.8!important;margin:16px 2px!important}.bond-timeline{display:flex;flex-wrap:wrap;gap:6px}.bond-timeline span{font-size:9px;padding:5px 7px;background:#a888cc0c;border:1px solid #b39ccd26;border-radius:6px}.bond-timeline small{margin-left:7px;opacity:.5}.bond-timeline b{color:#a68cc0;font-weight:500}.bond-card-tools{display:flex;justify-content:space-between;margin-top:16px;gap:12px}.bond-card-tools .btn{flex:1}.bond-confirm{text-align:center;padding:8px 8px 20px}.bond-confirm>span{display:block;width:65px;height:65px;color:#b49acf;margin:0 auto 16px}.bond-confirm p,.bond-rule{font-size:13px;line-height:1.9}.bond-confirm>small{font-size:10px;opacity:.65;display:block;margin:15px 0 22px}.bond-level-list p{display:grid;grid-template-columns:1fr auto;gap:6px;border-bottom:1px solid #a4a1bc25;padding:10px 0}.bond-level-list b{font-size:13px}.bond-level-list span,.bond-level-list small{font-size:11px;opacity:.7}.bond-effect{position:absolute;z-index:10;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse,#171d3cf5,#171329aa);animation:bond-effect-fade 2.8s both;border-radius:inherit;color:var(--bond-accent)}.bond-effect strong{font-family:Georgia,'Songti SC',serif;font-size:25px;letter-spacing:6px;margin-top:24px;text-shadow:0 0 22px var(--bond-accent)}.bond-effect>span{font-size:11px;letter-spacing:2px;color:#e7d9f4;margin-top:12px}.bond-effect-orbit{width:240px;height:180px;position:relative}.bond-effect-orbit i{position:absolute;inset:25px 0;border:1px solid var(--bond-accent);border-radius:50%;box-shadow:0 0 20px #a295ff44;animation:bond-orbit 2.8s ease-in-out both}.bond-effect-orbit i:nth-child(2){animation-delay:.1s;transform:rotate(55deg)}.bond-effect-orbit i:nth-child(3){animation-delay:.2s;transform:rotate(-55deg)}.bond-effect-orbit b{position:absolute;font-size:45px;top:55px;left:35px;text-shadow:0 0 30px var(--bond-accent);animation:bond-star-left 2.8s both}.bond-effect-orbit b:last-child{left:auto;right:35px;animation-name:bond-star-right}.bond-effect>em{position:absolute;left:50%;top:44%;font-size:13px;font-style:normal;animation:bond-particle 2.5s ease-out both;animation-delay:calc(var(--n)*.014s)}.bond-effect[data-tier="0"] .bond-effect-orbit i{opacity:.35}.bond-effect[data-tier="0"] .bond-effect-orbit i:not(:first-child),.bond-effect[data-tier="1"] .bond-effect-orbit i:nth-child(3){display:none}.bond-effect[data-tier="1"] .bond-effect-orbit i{border-radius:10%;height:1px;top:65px}.bond-effect[data-tier="3"] .bond-effect-orbit b,.bond-effect[data-tier="4"] .bond-effect-orbit b{animation-name:bond-converge-left}.bond-effect[data-tier="3"] .bond-effect-orbit b:last-child,.bond-effect[data-tier="4"] .bond-effect-orbit b:last-child{animation-name:bond-converge-right}.bond-effect[data-tier="4"] .bond-effect-orbit i{border-width:2px;box-shadow:0 0 24px #ebd2a455}.bond-effect[data-tier="4"] .bond-effect-orbit:after{content:'✧';position:absolute;left:95px;top:42px;font-size:55px;animation:bond-center 2.8s both;text-shadow:0 0 28px #ffdfac}
@keyframes bond-effect-fade{0%,100%{opacity:0}12%,82%{opacity:1}}@keyframes bond-orbit{0%{opacity:0;transform:scale(.3) rotate(-50deg)}35%{opacity:.8}85%{opacity:.6;transform:scale(1) rotate(125deg)}100%{opacity:0;transform:scale(1.15) rotate(145deg)}}@keyframes bond-star-left{0%{opacity:0;transform:translate(-30px,20px) scale(.3)}35%,75%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(20px,-20px) scale(.7)}}@keyframes bond-star-right{0%{opacity:0;transform:translate(30px,-20px) scale(.3)}35%,75%{opacity:1;transform:translate(0,0) scale(.8)}100%{opacity:0;transform:translate(-20px,20px) scale(.7)}}@keyframes bond-converge-left{0%{opacity:0;transform:translate(-50px,30px) scale(.3)}30%{opacity:1}65%,85%{transform:translate(50px,0) scale(.8);opacity:1}100%{opacity:0}}@keyframes bond-converge-right{0%{opacity:0;transform:translate(50px,-30px) scale(.3)}30%{opacity:1}65%,85%{transform:translate(-50px,0) scale(.8);opacity:1}100%{opacity:0}}@keyframes bond-particle{0%{opacity:0;transform:translate(0,0) scale(.2)}20%{opacity:1}80%{opacity:.6}100%{opacity:0;transform:translate(var(--x),var(--y)) scale(1.3)}}@keyframes bond-center{0%,55%{opacity:0;transform:scale(.1)}78%{opacity:1;transform:scale(1.3)}100%{opacity:0;transform:scale(1.5)}}
@media(max-width:600px){.bond-grid{grid-template-columns:1fr}.bond-overview{padding:18px 15px}.bond-invite{align-items:flex-start;flex-wrap:wrap}.bond-dialog .modal-body{padding:12px!important}.bond-card{padding:22px 16px 15px}.bond-entry{padding:14px 16px;margin:10px 0 16px}.bond-duo{margin-top:28px}.bond-card-label{font-size:7px;letter-spacing:1.6px}}
@media(prefers-reduced-motion:reduce){.bond-effect *{animation:none!important}.bond-effect{animation:none;opacity:1}.bond-effect>em{display:none}.bond-effect-orbit i{opacity:.5}.bond-effect-orbit:after{display:none}.bond-btn{transition:none}}
[data-motion='reduced'] .bond-effect,[data-motion='reduced'] .bond-effect *{animation:none!important}
[data-motion='reduced'] .bond-effect{opacity:1}[data-motion='reduced'] .bond-effect>em{display:none}[data-motion='reduced'] .bond-effect-orbit:after{display:none}

/* Distinct podium finishes, keeping the existing compact dimensions. */
.rank-panel.rank-compact .rank-podium-item.place-1{--place:#ffe08a;--rank-deep:#493722;--rank-soft:#725231;--rank-edge:#c89a4f}
.rank-panel.rank-compact .rank-podium-item.place-2{--place:#bce3ff;--rank-deep:#243b51;--rank-soft:#3f607c;--rank-edge:#85b6db}
.rank-panel.rank-compact .rank-podium-item.place-3{--place:#ffb9a3;--rank-deep:#492c32;--rank-soft:#79504d;--rank-edge:#c98c78}
.rank-panel.rank-compact .rank-podium-item{background:radial-gradient(ellipse at 50% 0%,var(--rank-soft),transparent 75%),var(--rank-deep);border-color:var(--rank-edge);box-shadow:inset 0 1px 0 #ffffff30,0 4px 14px color-mix(in srgb,var(--place) 12%,transparent)}
.rank-panel.rank-compact .rank-podium-item .rank-position{color:var(--place);text-shadow:0 0 12px color-mix(in srgb,var(--place) 40%,transparent)}
.rank-panel.rank-compact .rank-podium-item .rank-avatar-button{border-color:var(--rank-edge);box-shadow:0 0 0 3px color-mix(in srgb,var(--place) 10%,transparent),0 0 14px color-mix(in srgb,var(--place) 15%,transparent)}
.rank-panel.rank-compact .rank-podium-item .rank-member-name{color:#fff3f5}
.rank-panel.rank-compact .rank-podium-item .rank-value{color:var(--place)}