:root{--tone-bg-1:#0b1422;--tone-bg-2:#070b12;--tone-raised-1:#142238;--tone-raised-2:#0e1829;--tone-event-1:#2a2110;--tone-surface:#101b2b;--tone-control:#16233a;--tone-gold:#dcb968;--tone-gold-soft:#fff0c9;--tone-border:#dcb96859;--tone-border-light:#dcb9688c}.sg-tone-dark,.stadium-frame,.stadium-page-layout{--lol-bg-1:var(--tone-bg-1);--lol-bg-2:var(--tone-bg-2);--lol-surface-subtle:var(--tone-surface);--sg-modal-btn-bg:var(--tone-control);--lol-gold:var(--tone-gold);--lol-gold-soft:var(--tone-gold-soft);--lol-border:var(--tone-border);--lol-border-light:var(--tone-border-light)}:is(.stadium-frame,.stadium-page-layout) :is(.sg-panel,.sg-surface){background:var(--tone-surface);border-color:#dcb96838}
:root{--sg-frame-info-layers:url(/modal-frame/info-tl.webp) 0 0 / 40px 40px no-repeat, url(/modal-frame/info-tr.webp) 100% 0 / 40px 40px no-repeat, url(/modal-frame/info-bl.webp) 0 100% / 40px 40px no-repeat, url(/modal-frame/info-br.webp) 100% 100% / 40px 40px no-repeat, url(/modal-frame/info-t.webp) 40px 0 / calc(100% - 80px) 12px no-repeat, url(/modal-frame/info-b.webp) 40px 100% / calc(100% - 80px) 12px no-repeat, url(/modal-frame/info-l.webp) 0 40px / 12px calc(100% - 80px) no-repeat, url(/modal-frame/info-r.webp) 100% 40px / 12px calc(100% - 80px) no-repeat;--sg-frame-event-layers:url(/modal-frame/event-crest.webp) 50% 0 / 24px 25px no-repeat, url(/modal-frame/event-tl.webp) 0 5px / 40px 40px no-repeat, url(/modal-frame/event-tr.webp) 100% 5px / 40px 40px no-repeat, url(/modal-frame/event-bl.webp) 0 100% / 40px 40px no-repeat, url(/modal-frame/event-br.webp) 100% 100% / 40px 40px no-repeat, url(/modal-frame/event-t.webp) 40px 5px / calc(100% - 80px) 12px no-repeat, url(/modal-frame/event-b.webp) 40px 100% / calc(100% - 80px) 12px no-repeat, url(/modal-frame/event-l.webp) 0 45px / 12px calc(100% - 85px) no-repeat, url(/modal-frame/event-r.webp) 100% 45px / 12px calc(100% - 85px) no-repeat;--sg-frame-event-clip:polygon(12px 5px, calc(50% - 12px) 5px, calc(50% - 12px) 0, calc(50% + 12px) 0, calc(50% + 12px) 5px, calc(100% - 12px) 5px, 100% 17px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 17px)}.sg-modal.sg-modal-frame.sg-modal-frame--info{background:var(--sg-frame-info-layers),  linear-gradient(var(--sg-frame-tier,transparent), var(--sg-frame-tier,transparent)) 12px 12px / calc(100% - 24px) 4px no-repeat, var(--sg-frame-tint,linear-gradient(transparent, transparent)) 0 17px / 100% calc(100% - 34px) no-repeat, var(--sg-frame-tint,linear-gradient(transparent, transparent)) 17px 0 / calc(100% - 34px) 100% no-repeat, linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 0 17px / 100% calc(100% - 34px) no-repeat, linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 17px 0 / calc(100% - 34px) 100% no-repeat;box-shadow:none;clip-path:none;background-origin:border-box;background-clip:border-box;border-radius:0;border:12px solid #0000!important}.sg-modal.sg-modal-frame.sg-modal-frame--event{background:var(--sg-frame-event-layers), linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 0 17px / 100% calc(100% - 30px) no-repeat, linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 13px 5px / calc(100% - 26px) calc(100% - 5px) no-repeat;box-shadow:none;clip-path:none;background-origin:border-box;background-clip:border-box;border:12px solid #0000;border-top-width:17px;border-radius:0}.sg-modal.sg-modal-frame.sg-modal-frame--event-overlay{clip-path:none;border:14px solid #0000;border-image:url(/modal-frame/realm-frame.webp) 70/40px;border-radius:0;box-shadow:0 18px 44px #00000073;background-clip:padding-box!important}:root{--sg-frame-small-layers:url(/modal-frame/info-tl.webp) 0 0 / 26px 26px no-repeat, url(/modal-frame/info-tr.webp) 100% 0 / 26px 26px no-repeat, url(/modal-frame/info-bl.webp) 0 100% / 26px 26px no-repeat, url(/modal-frame/info-br.webp) 100% 100% / 26px 26px no-repeat, url(/modal-frame/info-t.webp) 26px 0 / calc(100% - 52px) 8px no-repeat, url(/modal-frame/info-b.webp) 26px 100% / calc(100% - 52px) 8px no-repeat, url(/modal-frame/info-l.webp) 0 26px / 8px calc(100% - 52px) no-repeat, url(/modal-frame/info-r.webp) 100% 26px / 8px calc(100% - 52px) no-repeat}:is(.sg-modal,.sg-modal-frame).sg-modal-frame.sg-modal-frame--small{background:var(--sg-frame-small-layers), linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 0 12px / 100% calc(100% - 24px) no-repeat, linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 12px 0 / calc(100% - 24px) 100% no-repeat;box-shadow:none;clip-path:none;background-origin:border-box;background-clip:border-box;border-radius:0;border:8px solid #0000!important}.sg-modal-frame.sg-modal-frame.sg-modal-frame--small:not(.sg-modal){background:linear-gradient(#0a1428,#010a13) padding-box padding-box;border-image:url(/modal-frame/realm-frame.webp) 70/40px;box-shadow:0 18px 44px #00000073;border:14px solid #0000!important}@media (max-width:600px){.sg-modal.sg-modal-frame.sg-modal-frame--info,.sg-modal.sg-modal-frame.sg-modal-frame--event,:is(.sg-modal,.sg-modal-frame).sg-modal-frame.sg-modal-frame--small{background:var(--sg-frame-tint,linear-gradient(transparent, transparent)), linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2));border:1px solid var(--lol-gold)!important}.sg-modal.sg-modal.sg-modal-frame.sg-modal-frame--info[class*=sg-finance-tier--]{border-top:4px solid var(--sg-frame-tier,var(--lol-gold))!important}.sg-modal.sg-modal-frame.sg-modal-frame--event-overlay{border:1px solid var(--lol-gold);border-image:}}
:root{--realm-navy:#1f2638;--realm-navy-deep:#1a2033;--realm-bronze:#b08d57;--realm-bronze-dark:#6b5230;--realm-bronze-light:#d2ad6a;--realm-parchment:#ecd9bb;--realm-parchment-card:#f3e6cf;--realm-parchment-btn:#f6ecd8;--realm-crystal:#6ec1f0;--realm-gain:#2f6a45;--realm-loss:#a3352c;--realm-ink:#2b1f16;--realm-ink-sub:#5a4633;--realm-on-navy:#f6e7c1;--realm-on-navy-sub:#e9d7b0;--realm-fs-title:22px;--realm-fs-section:17px;--realm-fs-body:15px;--realm-fs-amount:26px;--realm-fs-small:13px;--realm-clip:7px}@layer components{.sg-realm{color:var(--realm-ink);font-size:var(--realm-fs-body)}.sg-realm .sg-realm-title{font-family:var(--font-lol-serif), "Noto Sans KR", sans-serif;font-synthesis-weight:none;font-weight:400;font-size:var(--realm-fs-title);color:var(--realm-on-navy)}.sg-realm .sg-realm-section{font-size:var(--realm-fs-section);font-weight:700}.sg-realm .sg-realm-amount{font-size:var(--realm-fs-amount);font-variant-numeric:tabular-nums;font-weight:700}.sg-realm .sg-realm-small{font-size:var(--realm-fs-small);color:var(--realm-ink-sub)}.sg-realm .sg-realm-gain{color:var(--realm-gain)}.sg-realm .sg-realm-loss{color:var(--realm-loss)}.sg-realm .sg-realm-dark{background:var(--realm-navy);color:var(--realm-on-navy)}.sg-realm .sg-realm-dark .sg-realm-small{color:var(--realm-on-navy-sub)}.sg-realm .sg-realm-btn{z-index:0;font-size:var(--realm-fs-body);color:var(--realm-on-navy);background:var(--realm-bronze-dark);clip-path:polygon(var(--realm-clip) 0, 100% 0, 100% calc(100% - var(--realm-clip)), calc(100% - var(--realm-clip)) 100%, 0 100%, 0 var(--realm-clip));cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-weight:700;display:inline-flex;position:relative}.sg-realm .sg-realm-btn:before{content:"";z-index:-1;background:var(--realm-navy-deep);box-shadow:inset 0 0 0 2px var(--realm-bronze-light);clip-path:inherit;position:absolute;inset:2px}.sg-realm .sg-realm-btn--secondary{color:var(--realm-navy-deep)}.sg-realm .sg-realm-btn--secondary:before{background:var(--realm-parchment-btn);box-shadow:inset 0 0 0 2px var(--realm-bronze)}.sg-realm .sg-realm-btn:hover:not(:disabled):before{filter:brightness(1.15)}.sg-realm .sg-realm-btn:disabled{cursor:not-allowed;opacity:.55}.sg-modal.sg-realm.sg-realm-modal{background:var(--realm-bronze-dark);clip-path:polygon(var(--realm-frame-cut) 0, calc(100% - var(--realm-frame-cut)) 0, 100% var(--realm-frame-cut), 100% calc(100% - var(--realm-frame-cut)), calc(100% - var(--realm-frame-cut)) 100%, var(--realm-frame-cut) 100%, 0 calc(100% - var(--realm-frame-cut)), 0 var(--realm-frame-cut));border:0;border-radius:0;padding:3px;position:relative}.sg-realm-modal>.sg-realm-inner{min-height:0;max-height:inherit;background:var(--realm-parchment);box-shadow:inset 0 0 0 2px var(--realm-bronze-light), inset 0 0 0 5px var(--realm-parchment), inset 0 0 0 6px var(--realm-bronze);clip-path:inherit;flex-direction:column;display:flex}.sg-realm .sg-realm-head{background:var(--realm-navy);color:var(--realm-on-navy);border-bottom:2px solid var(--realm-bronze-light);justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex;position:relative}.sg-realm .sg-realm-head:after{content:"";background:var(--realm-crystal);width:10px;height:10px;box-shadow:0 0 0 2px var(--realm-bronze-dark);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.sg-realm .sg-realm-body{min-height:0;padding:18px 16px;overflow-y:auto}.sg-realm .sg-realm-card{background:var(--realm-parchment-card);border:1.5px solid var(--realm-bronze);padding:10px 12px}.sg-realm .sg-realm-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:0 16px 16px;display:flex}}:root{--realm-frame-cut:12px}.sg-modal.sg-modal-frame.sg-realm-frame.sg-realm-frame,.sg-modal.sg-realm-frame.sg-realm-frame{background:var(--realm-navy) padding-box!important;clip-path:none!important;border:14px solid #0000!important;border-image:url(/modal-frame/realm-frame.webp) 70/40px!important;border-radius:0!important;box-shadow:0 18px 44px #00000073!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *){--lol-bg-1:#0a1428;--lol-bg-2:#010a13;--lol-panel-bg:#111a28;--lol-border:#4f3f2c;--lol-border-light:#8a6a3c;--lol-gold:#d2ad6a;--lol-gold-soft:#f0dcae;--lol-gold-dim:#8a6a3c;--lol-text-sub:#b5a78a;--lol-surface-subtle:#d2ad6a0f;--lol-gold-subtle:#d2ad6a1f;--lol-gold-gradient:linear-gradient(180deg, #f8efdc 0%, #efe2c6 100%);--lol-gold-gradient-border:#d2ad6a;--lol-gold-gradient-glow:none;--lol-gold-gradient-inset:inset 0 0 0 1px #8a6a3c;--lol-danger-gradient:linear-gradient(180deg, #8f352a 0%, #6e2620 100%);--lol-danger-gradient-border:#d97a6c;--lol-danger-gradient-glow:none;--color-panel:#111a28;--color-line:#d2ad6a38;--color-line2:#d2ad6a61;--color-ink:#efe3c8;--color-sub:#b5a78a;--color-dim:#8f846d;color:var(--color-ink)}.sg-modal.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *){clip-path:none!important;background:linear-gradient(#0a1428,#010a13) padding-box padding-box!important;border:14px solid #0000!important;border-image:url(/modal-frame/realm-frame.webp) 70/40px!important;border-radius:0!important;box-shadow:0 18px 44px #00000073!important}.sg-modal.sg-modal-frame:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *):before,.sg-modal.sg-modal-frame:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *):after{content:none!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-modal-title{color:#f0dcae}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-modal-close{color:#d8c8a4;margin:2px 4px 0 0}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-modal-head-center .sg-modal-close{top:2px;right:4px}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-btn--primary{color:#1a2033;text-shadow:none}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-btn--danger{color:#fff1e6;text-shadow:none}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) :is(.sg-btn--primary,.sg-btn--ghost,.sg-btn--danger){z-index:0;position:relative;box-shadow:none!important;filter:none!important;text-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) :is(.sg-btn--primary,.sg-btn--ghost,.sg-btn--danger):before{clip-path:var(--lol-clip-sm)!important;content:""!important;z-index:-1!important;border-radius:0!important;display:block!important;position:absolute!important;inset:0!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-btn--primary{color:#1a2033!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-btn--primary:before{background:linear-gradient(#f8efdc,#ecdfc2)!important;border:2px solid #8a6a3c!important;box-shadow:inset 0 0 0 1px #d2ad6a!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-btn--ghost{color:#efe3c8!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-btn--ghost:before{background:#1a2033!important;border:2px solid #8a6a3c!important;box-shadow:inset 0 0 0 1px #d2ad6a73!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-btn--danger{color:#fff1e6!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) .sg-btn--danger:before{background:linear-gradient(#8f352a,#6e2620)!important;border:2px solid #4a1a15!important;box-shadow:inset 0 0 0 1px #d97a6c!important}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) :is(.sg-btn--primary,.sg-btn--ghost,.sg-btn--danger):hover:not(:disabled):before{filter:brightness(1.08)}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *) :is(.sg-btn--primary,.sg-btn--ghost,.sg-btn--danger):disabled{cursor:not-allowed;opacity:.5}.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *){--text-hint:13px;--text-body:15px;--text-head:17px;--text-title:22px;font-size:15px}:where(.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *)) :where(h3){color:#f0dcae;font-size:17px;font-weight:700}:where(.sg-modal:not(.sg-realm-exempt):not(.sg-modal-frame--event-overlay):not(.t-ow *)) :where(.text-sub){color:#b5a78a}