@import url('./frontend.css');
@font-face{font-family:RiftBeaufort;src:url('../../design/ui/assets/riot/rcp-fe-lol-typekit/fonts/beaufort/beaufortforlol-bold.otf')}@font-face{font-family:RiftSpiegel;src:url('../../design/ui/assets/riot/rcp-fe-lol-typekit/fonts/spiegel/spiegel-regular.otf')}@font-face{font-family:RiftKorean;src:url('../../design/ui/assets/riot/rcp-fe-lol-typekit/ko_KR/f94ba41a0bf65e59.woff')}
.rift-ui{--navy:#010a13;--panel:#091428;--gold:#c8aa6e;--gold-dark:#785a28;--text:#f0e6d2;--muted:#a09b8c;--cyan:#0ac8b9;position:fixed;inset:0;z-index:10;color:var(--text);font:15px/1.55 RiftSpiegel,RiftKorean,sans-serif;pointer-events:none}.rift-ui *{box-sizing:border-box}.rift-ui [hidden]{display:none!important}.rift-ui h1,.rift-ui h2,.rift-ui p{margin:0}.rift-ui h1{font-size:clamp(26px,3vw,44px);line-height:1.25;letter-spacing:.03em}.rift-ui h2{font-size:22px}.rift-ui button{font:inherit}.rift-ui button:focus-visible{outline:3px solid #0ac8b9;outline-offset:4px}.rs-screen,.rs-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:32px;pointer-events:auto;background:rgba(1,10,19,.78);backdrop-filter:blur(5px)}.rs-screen:empty{pointer-events:none}.rs-screen:has(.rs-title){background:linear-gradient(180deg,rgba(1,10,19,.35),rgba(1,10,19,.78));backdrop-filter:none}.rs-modal{background:rgba(1,10,19,.83)}.rs-panel{width:min(1120px,100%);max-height:100%;overflow:auto;padding:36px;border:1px solid var(--gold-dark);background:linear-gradient(145deg,rgba(9,20,40,.98),rgba(1,10,19,.98));box-shadow:0 16px 80px #0009}.rs-heading{margin-bottom:28px}.rs-heading h1{margin:8px 0 12px}.rs-eyebrow{font-family:RiftBeaufort,RiftKorean,sans-serif;font-size:12px;letter-spacing:.22em;color:var(--gold)}.rs-muted{color:var(--muted);font-size:13px}.rs-button{pointer-events:auto;cursor:pointer;border:1px solid var(--gold-dark);background:#091428;color:var(--text);padding:11px 24px;min-height:44px;transition:border-color .16s,background .16s}.rs-button:hover:not(:disabled){border-color:var(--gold);background:#182634}.rs-button:disabled{cursor:not-allowed;opacity:.45}.rs-primary{border:2px solid var(--gold);background:linear-gradient(#174454,#092c39);font-weight:bold;min-width:190px}.rs-title{text-align:center;padding:32px}.rs-title h1{font-size:clamp(48px,8vw,104px);color:var(--gold);margin:18px 0;text-shadow:0 4px 30px #000}.rs-title-sub{font-size:18px;color:#cdbe91;margin-bottom:52px!important}.rs-enter{display:block;margin:0 auto 30px;font-size:18px;letter-spacing:.1em;border-width:1px 0;background:transparent;min-width:300px}.rs-champ-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:30px;margin-bottom:28px}.rs-champ-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rs-champion{position:relative;padding:0;height:330px;overflow:hidden;border:1px solid #3c3c41;background:#101a25}.rs-champion img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;filter:saturate(.7);transition:transform .3s,filter .3s}.rs-champion span{position:absolute;bottom:0;left:0;right:0;padding:40px 8px 18px;background:linear-gradient(transparent,#010a13);font-size:24px}.rs-champion[aria-pressed=true]{border:2px solid var(--gold)}.rs-champion[aria-pressed=true] img{filter:none;transform:scale(1.035)}.rs-champ-detail{padding:18px 0}.rs-champ-detail h2{font-size:36px;color:var(--gold);margin:6px 0 12px}.rs-champ-skill{display:grid;gap:4px;border-top:1px solid #785a2855;margin-top:20px;padding-top:12px}.rs-champ-skill small{color:var(--gold)}.rs-loading{max-width:560px;text-align:center}.rs-loading-label{margin-bottom:18px!important}.rs-meter{position:relative;height:18px;background:#010a13;border:1px solid #785a2880;overflow:hidden}.rs-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#005a82,#0ac8b9)}.rs-meter>span{position:absolute;inset:0;text-align:center;font:12px/18px RiftSpiegel,RiftKorean,sans-serif;text-shadow:1px 1px #000}.rs-hud{position:absolute;inset:0}.rs-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 28px;background:linear-gradient(#010a13ed,#010a1300)}.rs-wordmark{color:var(--gold);letter-spacing:.1em}.rs-clock{font:30px RiftBeaufort,serif;color:var(--text);font-variant-numeric:tabular-nums}.rs-stats{font-size:14px}.rs-keyhint{font-size:12px;color:var(--muted)}.rs-bottom{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 24px));padding:12px 20px;background:linear-gradient(transparent,#010a13ee 25%);display:grid;grid-template-columns:1fr 200px;gap:8px 16px}.rs-next{grid-column:1/-1;text-align:center;font-size:12px;color:#cdbe91}.rs-vitals{grid-column:1/-1;display:grid;gap:4px}.rs-hp{height:22px}.rs-hp>span{line-height:22px}.rs-hp i{background:linear-gradient(90deg,#147b53,#48ba76)}.rs-xp{height:15px}.rs-xp span{font-size:10px;line-height:15px}.rs-loadout{display:grid;gap:6px}.rs-slots{display:flex;gap:5px}.rs-slot{width:47px;height:47px;position:relative;border:1px solid var(--gold-dark);background:#010a13;display:grid;place-items:center}.rs-passives .rs-slot{width:35px;height:35px}.rs-slot small{position:absolute;bottom:0;right:0;font-size:11px;line-height:15px;background:#010a13e8;padding:0 3px;color:var(--gold)}.rs-slot.is-evolved{border-color:#c488ee}.rs-slot.is-ready{box-shadow:0 0 8px #0ac8b9}.rs-empty{color:#5b5a56}.rs-icon{position:relative;width:100%;height:100%;display:inline-grid;place-items:center;color:var(--gold);background:#15232b;overflow:hidden;flex-shrink:0}.rs-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rs-manual{display:grid;grid-template-columns:46px 1fr;align-content:start;gap:4px 10px;font-size:13px}.rs-manual .rs-icon{grid-row:span 2;width:46px;height:46px;border:1px solid var(--gold)}.rs-cd{font-size:11px;color:var(--gold)}.rs-augments{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.rs-augment-chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#cdbe91}.rs-augment-chip .rs-icon{width:22px;height:22px}.rs-bosses{position:absolute;top:76px;left:50%;transform:translateX(-50%);width:min(460px,calc(100% - 32px));display:grid;gap:6px;max-height:28vh;overflow:auto}.rs-boss{font-size:12px;text-align:center;text-shadow:1px 1px #000}.rs-boss .rs-meter{height:9px}.rs-boss i{background:linear-gradient(90deg,#6d222a,#dc6253)}.rs-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.rs-card{position:relative;min-height:320px;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;border-top:3px solid #519bcb;text-align:center;background:linear-gradient(#132c3e,#091428)}.rs-card.kind-passive{border-top-color:#81bc7c}.rs-card.kind-evolve{border-top-color:#bd88ec;background:linear-gradient(#302144,#091428)}.rs-card.kind-augment{border-top-color:#c8aa6e}.rs-card.kind-bonus{border-top-color:#69c5c0}.rs-card .rs-icon{width:72px;height:72px;border:1px solid var(--gold-dark)}.rs-card-type{font-size:12px;color:var(--gold)}.rs-card h2{font-size:20px}.rs-card-desc{font-size:14px;color:#cdbe91}.rs-level{color:var(--gold)}.rs-new{position:absolute;top:51px;right:12px;font-size:10px;color:#0ac8b9}.rs-badge{font-size:11px;color:#d4a9ff;line-height:1}.rs-warn{font-size:12px;color:#f1b08a}.rs-reward>.rs-muted{margin-top:14px}.rs-pause,.rs-result{max-width:620px;text-align:center}.rs-pause>.rs-button,.rs-result>.rs-button{margin:6px}.rs-pause-build{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.rs-pause-build>span{display:flex;gap:8px;align-items:center;font-size:12px}.rs-pause-build .rs-icon{width:28px;height:28px}.rs-result.is-victory h1{color:var(--gold)}.rs-result-champ{color:var(--gold)}.rs-result-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:24px auto;text-align:left;max-width:330px}.rs-result-stats dt{color:var(--muted)}.rs-result-stats dd{margin:0;text-align:right}.rs-notices{position:absolute;top:30%;left:50%;transform:translateX(-50%);display:grid;gap:10px;width:min(500px,90%);text-align:center}.rs-notice{padding:12px 24px;background:linear-gradient(90deg,transparent,#010a13ee 15%,#010a13ee 85%,transparent);border-block:1px solid var(--gold-dark);color:var(--gold);animation:rs-appear .2s}.notice-boss{color:#ff9d85}.notice-augment{color:#afdeef}@keyframes rs-appear{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.rs-screen,.rs-modal{padding:16px}.rs-panel{padding:24px 18px}.rs-champ-layout{grid-template-columns:1fr}.rs-champion{height:240px}.rs-champ-detail{padding:0}.rs-champ-skill{display:inline-grid;width:48%}.rs-card-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.rs-card{min-height:290px}.rs-top{padding:10px 12px;gap:10px}.rs-wordmark,.rs-keyhint{display:none}.rs-bottom{padding:8px 10px;grid-template-columns:1fr 160px}.rs-slot{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.rift-ui *{animation:none!important;transition:none!important}}

/* Combat visibility: compact boss rows and bounded notifications share one stack. */
.rs-top-stack{position:absolute;top:66px;left:50%;transform:translateX(-50%);width:min(640px,calc(100% - 32px));display:grid;gap:6px;pointer-events:none}
.rs-top-stack .rs-bosses{position:static;transform:none;width:100%;max-height:108px;gap:4px;grid-template-columns:1fr;overflow:auto}
.rs-bosses[data-crowded=true]{grid-template-columns:repeat(2,minmax(0,1fr))}
.rs-boss{display:grid;grid-template-columns:minmax(0,145px) minmax(40px,1fr);align-items:center;gap:8px;font-size:11px;line-height:18px;text-align:left;min-width:0}
.rs-boss>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.rs-boss .rs-meter{height:6px}
.rs-bosses[data-crowded=true] .rs-boss{grid-template-columns:minmax(0,110px) minmax(40px,1fr);gap:6px}
.rs-top-stack .rs-notices{position:static;transform:none;width:min(460px,100%);justify-self:center;gap:3px;pointer-events:none}
.rs-notice{height:24px;padding:3px 12px;font-size:12px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(1,10,19,.75) 15%,rgba(1,10,19,.75) 85%,transparent)}
.rs-bottom{bottom:10px;padding:6px 14px;gap:5px 12px;background:linear-gradient(transparent,rgba(1,10,19,.75) 25%)}
.rs-vitals{gap:3px}.rs-hp{height:19px}.rs-hp>span{line-height:19px}.rs-xp{height:12px}.rs-xp span{line-height:12px}
.rs-loadout{gap:4px}.rs-slot{width:41px;height:41px}.rs-passives .rs-slot{width:30px;height:30px}.rs-next{font-size:11px;line-height:16px}
.rs-reward{--reward-accent:#519bcb;border-top:4px solid var(--reward-accent)}
.rs-reward[data-kind=elite]{--reward-accent:#e7aa59}.rs-reward[data-kind=chest]{--reward-accent:#bd88ec}.rs-reward[data-kind=augment]{--reward-accent:#0ac8b9}.rs-reward[data-kind=boss]{--reward-accent:#ec796a}
.rs-reward .rs-heading{border-bottom:1px solid var(--reward-accent);padding-bottom:16px}.rs-reward .rs-heading .rs-eyebrow{color:var(--reward-accent)}
@media(max-width:800px){.rs-top-stack{top:58px}.rs-bottom{padding:5px 10px}.rs-boss{grid-template-columns:minmax(0,125px) minmax(40px,1fr)}.rs-bosses[data-crowded=true] .rs-boss{grid-template-columns:minmax(0,90px) minmax(30px,1fr);gap:4px}}