@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}.widget-page{background:0 0;overflow:hidden}.card{width:var(--card-width,460px);padding:var(--card-padding,22px 24px);border-radius:var(--card-radius,18px);color:#fff;background:linear-gradient(160deg, rgba(17,20,26, var(--card-opacity,.92)), rgba(11,13,17, var(--card-opacity,.92))) padding-box, linear-gradient(180deg, var(--accent,#ff4655), var(--accent-light,#ff7b85)) border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:var(--font-family,"Segoe UI", "Bahnschrift", Arial, sans-serif);font-size:calc(1em * var(--font-scale,1));border:2px solid #0000;border-left-width:4px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000008c,inset 0 1px #ffffff0f}.card:before{content:"";background-image:var(--bg-image);opacity:var(--bg-opacity,0);z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.card>*{z-index:1;position:relative}.card:after{content:"";background:radial-gradient(480px 260px at 110% -10%, var(--accent-glow,#ff46551a), transparent 60%), linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px);pointer-events:none;background-size:auto,34px 34px,34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90%,#000 20%,#0000 100%);mask-image:radial-gradient(90% 90%,#000 20%,#0000 100%)}.hide-grid .card:after{background:0 0}.top{justify-content:space-between;align-items:center;display:flex}.player-name{color:#e5e7eb;letter-spacing:.3px;font-size:.875em;font-weight:700}.player-tag{color:#6b7280;margin-left:6px;font-size:.75em;font-weight:500}.label{letter-spacing:3px;color:#9ca3af;text-transform:uppercase;font-size:.5625em;font-weight:700}.main{align-items:center;gap:18px;margin-top:16px;display:flex}.rank-icon-wrap{flex-shrink:0;width:84px;height:84px;position:relative}.rank-icon-wrap img{filter:drop-shadow(0 4px 14px #00000080);width:100%;height:100%;animation:3s ease-in-out infinite idleFloat}.rank-icon-wrap:after{content:"";background:radial-gradient(circle, var(--accent-glow,#ff465547), transparent 70%);border-radius:50%;animation:2.4s ease-in-out infinite glowPulse;position:absolute;inset:-10px}@keyframes idleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}.tier{letter-spacing:.5px;text-shadow:0 2px 16px var(--accent-glow,#ff465566);font-size:1.875em;font-weight:800;line-height:1.1}.sub{color:#6b7280;letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:.6875em;font-weight:600}.rr-section{margin-top:18px}.rr-head{color:#9ca3af;justify-content:space-between;align-items:baseline;margin-bottom:.5em;font-size:.6875em;font-weight:600;display:flex}.rr-num{color:var(--accent,#ff4655);font-variant-numeric:tabular-nums;font-size:1.0625em;font-weight:800}.rr-num small{color:#6b7280;font-size:.6875em;font-weight:600}.rr-bar{background:#ffffff1a;border-radius:99px;height:8px;position:relative;overflow:hidden}.rr-bar-fill{background:linear-gradient(90deg, var(--accent,#ff4655), var(--accent-light,#ff7b85));width:0;height:100%;box-shadow:0 0 12px var(--accent-glow,#ff4655cc);border-radius:99px;transition:width 1.1s cubic-bezier(.65,0,.35,1)}.rr-bar:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 18px,#00000040 18px 20px);position:absolute;inset:0}.rr-next{color:#9ca3af;text-align:center;margin-top:8px;font-size:11px;font-weight:600}.rr-next b{color:var(--accent,#ff4655);font-weight:800}.flash{animation:.5s flash}@keyframes flash{0%{color:#fff;text-shadow:0 0 18px var(--accent-glow,#ff4655e6)}to{color:var(--accent,#ff4655)}}.loading,.error{color:#9ca3af;padding:14px 22px;font-size:14px}.error{color:#f87171}.event-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#05070ac7;justify-content:center;align-items:center;animation:3.4s forwards eventFade;display:flex;position:fixed;inset:0}.event-overlay.event-box{border-radius:12px;position:absolute}.event-box .event-title{letter-spacing:.1em;font-size:44px}.event-box .event-detail{margin-top:8px;font-size:13px}.event-body{text-align:center}.event-title{letter-spacing:.12em;text-transform:uppercase;color:#fff;font-size:clamp(56px,12vw,120px);font-weight:900;animation:3.4s forwards eventTitle}.event-detail{letter-spacing:.3em;color:#ffffffd9;text-transform:uppercase;margin-top:14px;font-size:clamp(18px,3vw,30px);font-weight:700}.event-rankup{background:#141000d1}.event-rankup .event-title{color:#ffd54a;text-shadow:0 0 40px #ffd54ad9,0 0 120px #ffd54a66}.event-derank,.event-down,.event-lose{background:#180404d1}.event-derank .event-title,.event-down .event-title,.event-lose .event-title{color:#f87171;text-shadow:0 0 40px #f87171d9,0 0 120px #f8717166}.event-up,.event-win{background:#031408d1}.event-up .event-title,.event-win .event-title{color:#4ade80;text-shadow:0 0 40px #4ade80d9,0 0 120px #4ade8066}.event-tie{background:#040c18d1}.event-tie .event-title{color:#93c5fd;text-shadow:0 0 40px #93c5fdd9,0 0 120px #93c5fd66}@keyframes eventFade{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}@keyframes eventTitle{0%{letter-spacing:.3em;opacity:0;transform:scale(.7)}12%{opacity:1;transform:scale(1.06)}20%{letter-spacing:.12em;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.design-centered{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.design-centered .rank-icon-wrap{width:74px;height:74px}.design-centered .rank-icon-wrap:after{inset:-6px}.design-centered .tier{font-size:34px}.design-centered .player-name{font-size:14px}.design-centered .rr-section{width:100%}.design-centered .rr-head{justify-content:center}.design-slim{align-items:center;gap:14px;display:flex}.design-slim .rank-icon-wrap{width:52px;height:52px}.design-slim .rank-icon-wrap:after{inset:-4px}.design-slim .s-identity{flex:1;min-width:0}.design-slim .player-name{font-size:13px}.design-slim .s-tier{color:var(--accent,#ff4655);margin-top:2px;font-size:12px;font-weight:700}.design-slim .s-rr{flex-shrink:0;align-items:center;gap:10px;display:flex}.design-slim .rr-bar{width:110px;height:6px}.design-slim .rr-num{text-align:right;min-width:26px;font-size:14px}.design-hero{padding-top:26px;position:relative}.design-hero .h-badge{position:absolute;top:8px;right:8px}.design-hero .rank-icon-wrap{width:64px;height:64px}.design-hero .h-tier{letter-spacing:.5px;text-shadow:0 2px 20px var(--accent-glow,#ff465566);margin-bottom:4px;font-size:44px;font-weight:900;line-height:1}.design-hero .h-name .player-name{font-size:13px}.design-hero .rr-section{margin-top:16px}