.sg-tips{flex-direction:column;gap:1.1rem;display:flex}.sg-tips svg{flex-shrink:0;display:block}.sg-tips__head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.sg-tips__pane{flex-direction:column;gap:1rem;display:flex}.sg-tips__kpi-hint{color:var(--sg-ink-soft);margin:.35rem 0 0;font-size:.76rem}.sg-tips__panel{flex-direction:column;gap:.85rem;display:flex}.sg-tips__help,.sg-tips__hint{color:var(--sg-ink-soft);margin:0;font-size:.85rem;line-height:1.45}.sg-tips__meter{padding:1.1rem 1.2rem;position:relative;overflow:hidden}.sg-tips__meter-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.75rem;display:flex}.sg-tips__meter-title{color:var(--sg-ink);margin:0;font-size:1rem;font-weight:650}.sg-tips__meter-period{color:var(--sg-ink-soft);font-size:.78rem}.sg-tips__meter-track{border-radius:var(--sg-radius-pill);background:color-mix(in srgb, var(--sg-glass) 70%, transparent);border:1px solid color-mix(in srgb, var(--sg-glass-border) 80%, transparent);height:12px;overflow:hidden}.sg-tips__meter-fill{border-radius:inherit;background:linear-gradient(90deg, var(--sg-blue), var(--sg-cyan));height:100%;box-shadow:0 0 18px color-mix(in srgb, var(--sg-cyan) 45%, transparent);transition:width .45s}.sg-tips__meter-meta{color:var(--sg-ink-soft);justify-content:space-between;gap:.5rem;margin-top:.55rem;font-size:.8rem;display:flex}.sg-tips__tier-chip{border-radius:var(--sg-radius-pill);letter-spacing:.02em;border:1px solid color-mix(in srgb, var(--sg-tier,var(--sg-cyan)) 55%, transparent);background:color-mix(in srgb, var(--sg-tier,var(--sg-cyan)) 22%, transparent);color:var(--sg-ink);align-items:center;gap:.35rem;padding:.2rem .65rem;font-size:.75rem;font-weight:650;display:inline-flex}.sg-tips__tier-chip--copper{--sg-tier:#b87333}.sg-tips__tier-chip--marble{--sg-tier:#a8a29a}.sg-tips__tier-chip--sten{--sg-tier:#111;color:#e9edff;background:#111111bf;border-color:#e9edff47}.sg-tips__badge-row{flex-wrap:wrap;gap:.45rem;display:flex}.sg-tips__badge{border-radius:var(--sg-radius-pill);background:color-mix(in srgb, var(--sg-glass) 60%, transparent);border:1px solid color-mix(in srgb, var(--sg-glass-border) 80%, transparent);color:var(--sg-ink);align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.sg-tips__badge.is-locked{opacity:.45}.sg-tips__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;display:grid}.sg-tips__item{border-radius:var(--sg-radius-sm);background:color-mix(in srgb, var(--sg-glass) 55%, transparent);border:1px solid color-mix(in srgb, var(--sg-glass-border) 70%, transparent);flex-direction:column;gap:.55rem;padding:.85rem;display:flex}.sg-tips__item-title{color:var(--sg-ink);margin:0;font-size:.92rem;font-weight:650}.sg-tips__item-meta{color:var(--sg-ink-soft);margin:0;font-size:.76rem;line-height:1.4}.sg-tips__rows{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.sg-tips__row{border-radius:var(--sg-radius-sm);background:color-mix(in srgb, var(--sg-glass) 55%, transparent);border:1px solid color-mix(in srgb, var(--sg-glass-border) 70%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;display:flex}.sg-tips__row.is-top{box-shadow:0 0 0 1px color-mix(in srgb, var(--sg-tier,var(--sg-cyan)) 40%, transparent), 0 0 24px color-mix(in srgb, var(--sg-tier,var(--sg-cyan)) 18%, transparent)}.sg-tips__row-main{flex-wrap:wrap;align-items:center;gap:.55rem;min-width:0;display:flex}.sg-tips__row-name{color:var(--sg-ink);font-weight:650}.sg-tips__row-name.has-glow{text-shadow:0 0 12px color-mix(in srgb, var(--sg-tier,var(--sg-cyan)) 55%, transparent)}.sg-tips__shine{position:relative;overflow:hidden}.sg-tips__shine:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff47 45%,#0000 70%);animation:3.2s ease-in-out infinite sg-tips-shine;position:absolute;inset:0;transform:translate(-120%)}.sg-tips__ticker{border-radius:var(--sg-radius-pill);background:color-mix(in srgb, var(--sg-glass) 60%, transparent);border:1px solid color-mix(in srgb, var(--sg-glass-border) 75%, transparent);align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex;overflow:hidden}.sg-tips__ticker-label{letter-spacing:.06em;text-transform:uppercase;color:var(--sg-cyan);flex-shrink:0;font-size:.72rem;font-weight:700}.sg-tips__ticker-track{white-space:nowrap;gap:1.25rem;animation:28s linear infinite sg-tips-ticker;display:flex}.sg-tips__ticker-item{color:var(--sg-ink-soft);font-size:.82rem}.sg-tips__ticker-item strong{color:var(--sg-ink);font-weight:650}.sg-tips__field{max-width:28rem}.sg-tips__field label{color:var(--sg-ink-soft);margin-bottom:.35rem;font-size:.8rem;display:block}.sg-tips__supporters{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.sg-tips__supporter{border-radius:var(--sg-radius-sm);background:color-mix(in srgb, var(--sg-glass) 55%, transparent);border:1px solid color-mix(in srgb, var(--sg-glass-border) 70%, transparent);flex-direction:column;gap:.4rem;padding:.95rem;display:flex}.sg-tips__supporter-name{color:var(--sg-ink);margin:0;font-size:.95rem;font-weight:650}.sg-tips__supporter-line{color:var(--sg-ink-soft);margin:0;font-size:.8rem;font-style:italic;line-height:1.4}.sg-tips__quest{border-radius:var(--sg-radius-sm);background:color-mix(in srgb, var(--sg-glass) 55%, transparent);border:1px solid color-mix(in srgb, var(--sg-glass-border) 70%, transparent);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;display:flex}.sg-tips__quest.is-done{border-color:color-mix(in srgb, var(--sg-cyan) 40%, transparent)}.sg-tips__quest-title{color:var(--sg-ink);margin:0;font-size:.9rem;font-weight:650}.sg-tips__equip-slots{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem;display:grid}@keyframes sg-tips-shine{0%,55%{transform:translate(-120%)}75%,to{transform:translate(120%)}}@keyframes sg-tips-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sg-tips__row,.sg-tips__item,.sg-tips__supporter,.sg-tips__quest,.sg-tips__ticker{background:var(--sg-glass-solid,#12141c)}}@media (max-width:767px){.sg-tips__row .sg-btn,.sg-tips__item .sg-btn{min-height:44px}}@media (prefers-reduced-motion:reduce){.sg-tips__meter-fill,.sg-tips__shine:after,.sg-tips__ticker-track{transition:none!important;animation:none!important}.sg-tips .sg-spin{animation:none}}.sg-lb-row.sg-tips-fx--copper,.sg-lb-slot.sg-tips-fx--copper{--sg-tier:#b87333}.sg-lb-row.sg-tips-fx--marble,.sg-lb-slot.sg-tips-fx--marble{--sg-tier:#a8a29a}.sg-lb-row.sg-tips-fx--sten,.sg-lb-slot.sg-tips-fx--sten{--sg-tier:#111}.sg-lb-row.is-tips-top,.sg-lb-slot.is-tips-top{box-shadow:0 0 0 1px color-mix(in srgb, var(--sg-tier,var(--sg-cyan)) 45%, transparent), 0 0 22px color-mix(in srgb, var(--sg-tier,var(--sg-cyan)) 22%, transparent)}.sg-lb-row.is-tips-top .sg-lb-row-name,.sg-lb-slot.is-tips-top .sg-lb-slot-name{text-shadow:0 0 10px color-mix(in srgb, var(--sg-tier,var(--sg-cyan)) 50%, transparent)}.sg-cos-equip-layout{flex-direction:column;gap:1.15rem;display:flex}.sg-cos-preview,.sg-cos-banner{flex-direction:column;gap:.45rem;width:100%;display:flex}.sg-cos-preview__label,.sg-cos-banner__label{color:var(--sg-muted,#9aa3b5);letter-spacing:.02em;font-size:.72rem;font-weight:600}.sg-cos-preview__card,.sg-cos-banner__stage{-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);min-height:96px;box-shadow:0 0 calc(36px * var(--sg-cos-glow-a,0)) color-mix(in srgb, var(--sg-cos-glow,transparent) 55%, transparent), 0 18px 48px #00000059, inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #38bdf814;isolation:isolate;background:linear-gradient(105deg,#080e20eb 0%,#0c1630b8 42%,#1228488c 100%);border:1px solid #7fd8ff2e;border-radius:22px;align-items:center;gap:.85rem;padding:.85rem 1.1rem;display:flex;position:relative;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sg-cos-preview__card,.sg-cos-banner__stage{background:#0a1024f5}}.sg-cos-banner.is-hero .sg-cos-banner__stage{border-radius:26px;min-height:128px;padding:1.05rem 1.35rem}.sg-cos-preview__card.has-frame{outline:2px solid var(--sg-cos-frame,transparent);outline-offset:3px}.sg-cos-preview__card.has-frame--halo{box-shadow:0 0 28px color-mix(in srgb, var(--sg-cos-frame,#fbbf24) 45%, transparent), 0 0 calc(36px * var(--sg-cos-glow-a,0)) color-mix(in srgb, var(--sg-cos-glow,transparent) 55%, transparent), 0 18px 48px #00000059, inset 0 1px 0 #ffffff1a;outline-width:3px}.sg-cos-banner__bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.sg-cos-banner__wash{background:radial-gradient(120% 90% at 88% 40%,#38bdf838,#0000 55%),radial-gradient(80% 70% at 70% 90%,#6366f124,#0000 50%),linear-gradient(100deg,#060a188c 0%,#0000 48%);position:absolute;inset:0}.sg-cos-banner__orb{filter:blur(22px);opacity:.55;mix-blend-mode:screen;border-radius:50%;animation:9s ease-in-out infinite alternate sg-cos-orb-drift;position:absolute}.sg-cos-banner__orb--a{background:radial-gradient(circle at 35% 30%,#7dd3fcd9,#38bdf826 55%,#0000 70%);width:120px;height:120px;top:-20%;right:8%}.sg-cos-banner__orb--b{background:radial-gradient(circle at 40% 35%,#a78bfa8c,#38bdf81a 60%,#0000 72%);width:90px;height:90px;animation-duration:12s;animation-delay:-2s;bottom:-30%;right:28%}.sg-cos-banner__orb--c{opacity:.4;background:radial-gradient(circle at 40% 35%,#ffffff59,#38bdf81f 55%,#0000 72%);width:64px;height:64px;animation-duration:14s;animation-delay:-4s;top:35%;right:42%}.sg-cos-banner__bloom{filter:blur(28px);opacity:.85;pointer-events:none;background:radial-gradient(at 70% 45%,#7dd3fc38,#0000 60%);animation:7.5s ease-in-out infinite sg-cos-motif-breathe;position:absolute;inset:-10% -5% -20% 35%}.sg-cos-banner__specular{mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(125deg,#ffffff24 0%,#0000 28% 62%,#7dd3fc0f 100%);position:absolute;inset:0}.sg-cos-banner__border{border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:4;opacity:.85;background:linear-gradient(135deg,#ffffff73,#38bdf840 35%,#ffffff0d 55%,#a78bfa47 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sg-cos-banner__canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sg-cos-banner__glass{box-shadow:inset 0 1px #ffffff1f,0 8px 28px #0000002e}.sg-cos-banner.is-hero .sg-cos-banner__stage{box-shadow:0 0 calc(48px * var(--sg-cos-glow-a,.35)) color-mix(in srgb, var(--sg-cos-glow,#38bdf8) 50%, transparent), 0 24px 64px #0000006b, inset 0 1px 0 #ffffff24, inset 0 -1px 0 #38bdf81a}.sg-cos-banner.is-hero .sg-cos-banner__glass{max-width:min(100%,480px);padding:.5rem .75rem .5rem .45rem}.sg-cos-banner-thumb .sg-cos-banner__stage{min-height:84px}.sg-tips__grid>.sg-tips__item .sg-cos-banner{margin-bottom:.35rem}.sg-cos-banner__motif{opacity:.55;filter:blur(1px);background:radial-gradient(circle at 50% 40%,#ffffff2e,#0000 55%),radial-gradient(circle at 60% 70%,#22d3ee59,#0000 60%);border-radius:40% 60% 55% 45%;width:min(42%,180px);height:78%;animation:6.5s ease-in-out infinite sg-cos-motif-breathe;position:absolute;top:50%;right:6%;translate:0 -50%}.sg-cos-banner__grain{opacity:.14;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:140px 140px;position:absolute;inset:0}.sg-cos-banner__rim{border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 12px 28px #7dd3fc0f}.sg-cos-banner__sparks,.sg-cos-preview__particles{pointer-events:none;z-index:1;position:absolute;inset:0}.sg-cos-banner__sparks i,.sg-cos-preview__particles i{background:var(--sg-cos-particle,#67e8f9);opacity:.7;width:4px;height:4px;box-shadow:0 0 8px color-mix(in srgb, var(--sg-cos-particle,#67e8f9) 70%, transparent);border-radius:50%;animation:3.2s ease-in-out infinite sg-cos-spark;position:absolute}.sg-cos-banner__sparks i:first-child,.sg-cos-preview__particles i:first-child{animation-delay:0s;top:22%;left:58%}.sg-cos-banner__sparks i:nth-child(2),.sg-cos-preview__particles i:nth-child(2){width:3px;height:3px;animation-delay:.45s;top:38%;left:72%}.sg-cos-banner__sparks i:nth-child(3),.sg-cos-preview__particles i:nth-child(3){animation-delay:.9s;top:18%;left:84%}.sg-cos-banner__sparks i:nth-child(4),.sg-cos-preview__particles i:nth-child(4){width:5px;height:5px;animation-delay:1.2s;top:68%;left:66%}.sg-cos-banner__sparks i:nth-child(5),.sg-cos-preview__particles i:nth-child(5){animation-delay:1.6s;top:58%;left:90%}.sg-cos-banner__sparks i:nth-child(6),.sg-cos-preview__particles i:nth-child(6){width:2px;height:2px;animation-delay:2s;top:78%;left:78%}@keyframes sg-cos-spark{0%,to{opacity:.2;transform:translate(0,0)}50%{opacity:.95;transform:translateY(-10px)}}@keyframes sg-cos-orb-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-18px,12px)scale(1.08)}}@keyframes sg-cos-motif-breathe{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}@keyframes sg-cos-string-glow{0%,to{opacity:.35;filter:brightness(.9)}50%{opacity:.95;filter:brightness(1.35)}}.sg-cos-banner[data-theme=lofi] .sg-cos-banner__wash{background:radial-gradient(100% 90% at 90% 20%,#f472b647,#0000 50%),radial-gradient(80% 80% at 75% 85%,#7c3aed59,#0000 55%),linear-gradient(100deg,#12081cb3 0%,#0000 50%)}.sg-cos-banner[data-theme=lofi] .sg-cos-banner__orb--a{background:radial-gradient(circle at 35% 30%,#fde047bf,#f472b633 55%,#0000 70%)}.sg-cos-banner[data-theme=lofi] .sg-cos-banner__motif{background:radial-gradient(circle at 20% 10%,#fde0478c 0 3px,#0000 4px),radial-gradient(circle at 40% 8%,#fde04773 0 2px,#0000 3px),radial-gradient(circle at 60% 14%,#fde04780 0 3px,#0000 4px),radial-gradient(circle at 75% 6%,#fde04766 0 2px,#0000 3px),radial-gradient(at 70% 90%,#a78bfa73,#0000 55%);border-radius:18px;animation:4.2s ease-in-out infinite sg-cos-string-glow}.sg-cos-banner[data-theme=koi] .sg-cos-banner__wash{background:radial-gradient(110% 90% at 88% 55%,#22d3ee47,#0000 52%),radial-gradient(70% 70% at 70% 90%,#0e749066,#0000 55%),linear-gradient(100deg,#04121cb3 0%,#0000 48%)}.sg-cos-banner[data-theme=koi] .sg-cos-banner__motif{filter:blur(.4px);background:radial-gradient(circle at 35% 35%,#fb923cf2,#f973168c 45%,#0000 68%),radial-gradient(circle at 70% 60%,#ffedd580,#0000 50%);border-radius:60% 40% 55% 45%;width:70px;height:70px;animation:7s ease-in-out infinite alternate sg-cos-orb-drift;right:12%;box-shadow:0 0 24px #fb923c59}.sg-cos-banner[data-theme=koi] .sg-cos-banner__sparks i{background:#fdba74;box-shadow:0 0 10px #fb923cb3}.sg-cos-banner[data-theme=kitsune] .sg-cos-banner__wash{background:radial-gradient(90% 90% at 86% 42%,#e2e8f038,#0000 45%),radial-gradient(80% 70% at 78% 80%,#a78bfa47,#0000 55%),linear-gradient(100deg,#060a1cbf 0%,#0000 48%)}.sg-cos-banner[data-theme=kitsune] .sg-cos-banner__motif{filter:none;background:radial-gradient(circle at 40% 38%,#f8fafcf2,#bae6fd8c 42%,#6366f126 68%,#0000 72%);border-radius:50%;width:88px;height:88px;animation:8s ease-in-out infinite sg-cos-motif-breathe;right:10%;box-shadow:0 0 40px #bae6fd59}.sg-cos-banner[data-theme=kitsune] .sg-cos-banner__sparks i{background:#e2e8f0;width:2px;height:2px}.sg-cos-banner[data-theme=moonsun] .sg-cos-banner__wash{background:radial-gradient(70% 70% at 78% 22%,#38bdf859,#0000 50%),radial-gradient(70% 70% at 88% 78%,#fb923c66,#0000 52%),linear-gradient(100deg,#040816bf 0%,#0000 48%)}.sg-cos-banner[data-theme=moonsun] .sg-cos-banner__orb--a{background:radial-gradient(circle at 40% 35%,#7dd3fce6,#0ea5e933 55%,#0000 70%);top:-10%;right:6%}.sg-cos-banner[data-theme=moonsun] .sg-cos-banner__orb--b{background:radial-gradient(circle at 40% 35%,#fdba74e6,#f9731640 55%,#0000 70%);bottom:-20%;right:14%}.sg-cos-banner[data-theme=moonsun] .sg-cos-banner__motif{opacity:.25}.sg-cos-banner[data-theme=copper] .sg-cos-banner__wash{background:radial-gradient(100% 90% at 85% 45%,#b8733366,#0000 55%),linear-gradient(100deg,#180e08b3 0%,#0000 48%)}.sg-cos-banner[data-theme=copper] .sg-cos-banner__orb--a{background:radial-gradient(circle at 35% 30%,#fbbf24b3,#b8733340 55%,#0000 70%)}.sg-cos-banner[data-theme=marble] .sg-cos-banner__wash{background:radial-gradient(100% 90% at 85% 40%,#e7e5e438,#0000 55%),linear-gradient(100deg,#141418b3 0%,#0000 48%)}.sg-cos-banner[data-theme=marble] .sg-cos-banner__sparks i{background:#e7e5e4}.sg-cos-banner[data-theme=void] .sg-cos-banner__wash{background:radial-gradient(90% 80% at 88%,#38bdf833,#0000 50%),linear-gradient(100deg,#000000d9 0%,#0000 55%)}.sg-cos-banner[data-theme=void] .sg-cos-banner__stage,.sg-cos-banner[data-theme=void] .sg-cos-preview__card{border-color:#38bdf859}.sg-cos-banner[data-theme=aurora] .sg-cos-banner__wash{background:linear-gradient(115deg,#0000 40%,#22d3ee33 55%,#a78bfa47 70%,#0000 85%),radial-gradient(90% 80% at 80% 30%,#38bdf840,#0000 55%)}.sg-cos-banner[data-theme=aurora] .sg-cos-banner__motif{filter:blur(8px);background:linear-gradient(160deg,#22d3ee73,#a78bfa59,#0000 70%);border-radius:40% 60% 30% 70%}.sg-cos-banner[data-theme=amber] .sg-cos-banner__wash{background:radial-gradient(100% 90% at 85% 45%,#fbbf2459,#0000 55%),linear-gradient(100deg,#1c1204b3 0%,#0000 48%)}.sg-cos-banner[data-theme=amber] .sg-cos-banner__sparks i{background:#fbbf24}.sg-cos-banner[data-theme=spark] .sg-cos-banner__sparks i{width:5px;height:5px;animation-duration:2.2s}.sg-cos-banner[data-theme=rose] .sg-cos-banner__wash{background:radial-gradient(100% 90% at 85% 45%,#fb718552,#0000 55%),linear-gradient(100deg,#1c0810b3 0%,#0000 48%)}.sg-cos-banner[data-theme=rose] .sg-cos-banner__sparks i{background:#fb7185}.sg-cos-banner__glass{z-index:2;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:#080c1c47;border:1px solid #ffffff0f;border-radius:16px;flex:1;align-items:center;gap:.85rem;min-width:0;max-width:min(100%,420px);padding:.35rem .55rem .35rem .35rem;display:flex;position:relative}.sg-cos-preview__avatar,.sg-cos-banner__avatar{color:#e9edff;background:linear-gradient(145deg,#38bdf873,#6366f14d);border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;font-weight:700;display:grid;box-shadow:0 0 0 3px #080c1c73,0 0 18px #38bdf840}.sg-cos-banner.is-hero .sg-cos-banner__avatar{width:58px;height:58px;font-size:1.25rem}.sg-cos-preview__meta,.sg-cos-banner__meta{flex:1;min-width:0}.sg-cos-preview__name-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.sg-cos-preview__nameplate{text-overflow:ellipsis;white-space:nowrap;color:#e9edff;border:1px solid #0000;border-radius:999px;align-items:center;max-width:100%;padding:.2rem .65rem;font-size:.95rem;font-weight:650;display:inline-flex;overflow:hidden}.sg-cos-preview__badge{color:#0a0b12;background:var(--sg-cos-badge,#38bdf8);min-width:1.55rem;height:1.55rem;box-shadow:0 0 12px color-mix(in srgb, var(--sg-cos-badge,#38bdf8) 45%, transparent);border-radius:8px;place-items:center;padding:0 .35rem;font-size:.68rem;font-weight:700;display:inline-grid}.sg-cos-preview__sub{color:var(--sg-muted,#9aa3b5);margin-top:.25rem;font-size:.75rem}.sg-cos-preview__accent{background:var(--sg-cos-accent,transparent);z-index:3;border-radius:999px;width:3px;position:absolute;top:14%;bottom:14%;left:0}.sg-cos-preview.is-compact .sg-cos-preview__card,.sg-cos-banner.is-compact .sg-cos-banner__stage{border-radius:18px;min-height:72px;padding:.45rem .65rem}.sg-cos-banner.is-compact .sg-cos-banner__glass{-webkit-backdrop-filter:none;background:0 0;border:none;max-width:none;padding:0}.sg-cos-preview.is-compact .sg-cos-preview__avatar,.sg-cos-banner.is-compact .sg-cos-banner__avatar{border-width:1.5px;width:36px;height:36px;font-size:.8rem}.sg-cos-preview.is-compact .sg-cos-preview__label,.sg-cos-banner.is-compact .sg-cos-banner__label{display:none}.sg-cos-banner.is-compact .sg-cos-banner__motif{width:min(38%,110px);height:70%}.sg-cos-thumb-row{flex-wrap:wrap;align-items:stretch;gap:.65rem;display:flex}.sg-cos-thumb,.sg-cos-banner-thumb{appearance:none;border:1px solid color-mix(in srgb, var(--sg-cos-rarity,#94a3b8) 45%, transparent);background:color-mix(in srgb, var(--sg-panel,#121722) 72%, transparent);color:inherit;cursor:pointer;text-align:left;border-radius:18px;flex:260px;min-width:min(100%,260px);max-width:340px;padding:.4rem;transition:border-color .16s,box-shadow .16s,transform .16s}.sg-cos-thumb:hover,.sg-cos-thumb:focus-visible,.sg-cos-banner-thumb:hover,.sg-cos-banner-thumb:focus-visible{border-color:var(--sg-cos-rarity,#38bdf8);box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-cos-rarity,#38bdf8) 35%, transparent);outline:none;transform:translateY(-1px)}.sg-cos-thumb.is-equipped,.sg-cos-banner-thumb.is-equipped{box-shadow:0 0 0 2px color-mix(in srgb, var(--sg-cyan,#22d3ee) 55%, transparent)}.sg-cos-thumb__meta{flex-direction:column;gap:.1rem;padding:.35rem .4rem .2rem;display:flex}.sg-cos-thumb__meta strong{font-size:.82rem;font-weight:650}.sg-cos-thumb__meta span{color:var(--sg-muted,#9aa3b5);text-transform:capitalize;font-size:.7rem}.sg-cos-slot-cols{flex-direction:column;gap:.85rem;display:flex}.sg-ach-group{margin-top:1rem}.sg-ach-group__title{color:var(--sg-cyan,#22d3ee);margin:0 0 .5rem;font-size:.85rem;font-weight:650}.sg-ach-row{border-left:3px solid color-mix(in srgb, var(--sg-cos-rarity,#94a3b8) 70%, transparent)}.sg-ach-row__main{flex:1;align-items:flex-start;gap:.65rem;min-width:0;display:flex}.sg-ach-row__icon{background:color-mix(in srgb, var(--sg-cos-rarity,#94a3b8) 22%, transparent);width:32px;height:32px;color:var(--sg-cos-rarity,#94a3b8);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.sg-ach-row__meta{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem;display:flex}.sg-ach-row__actions{flex-shrink:0}.sg-ach-row.is-claimable{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sg-cyan,#22d3ee) 35%, transparent)}.sg-cos-cinematic{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060ab8;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sg-cos-cinematic{background:#05060aeb}}.sg-cos-cinematic__panel{border-radius:var(--sg-radius,16px);background:color-mix(in srgb, var(--sg-panel,#121722) 92%, transparent);text-align:center;opacity:0;border:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:.75rem;width:min(440px,100%);padding:1.35rem 1.25rem 1.2rem;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(12px)scale(.98);box-shadow:0 24px 80px #00000073}.sg-cos-cinematic__panel.is-phase-1,.sg-cos-cinematic__panel.is-phase-2{opacity:1;transform:translateY(0)scale(1)}.sg-cos-cinematic__burst{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 30%,#22d3ee47,#0000 55%);transition:opacity .5s;position:absolute;inset:-20%}.sg-cos-cinematic__panel.is-phase-2 .sg-cos-cinematic__burst{opacity:1}.sg-cos-cinematic__icon{color:#22d3ee;background:#22d3ee2e;border:1px solid #22d3ee59;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.sg-cos-cinematic__kicker{color:var(--sg-cyan,#22d3ee);margin:0;font-size:.75rem;font-weight:650}.sg-cos-cinematic__title{letter-spacing:-.02em;margin:0;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:650}.sg-cos-cinematic__sub{color:var(--sg-muted,#9aa3b5);max-width:34ch;margin:0;font-size:.88rem}.sg-cos-cinematic.is-reduced .sg-cos-cinematic__panel{opacity:1;transition:none;transform:none}.sg-cos-banner__glow-veil{background:radial-gradient(55% 70% at 18% 50%, color-mix(in srgb, var(--sg-cos-glow,#38bdf8) calc(55% * var(--sg-cos-glow-a,.5)), transparent), transparent 70%), radial-gradient(40% 50% at 72% 40%, color-mix(in srgb, var(--sg-cos-glow,#38bdf8) calc(35% * var(--sg-cos-glow-a,.5)), transparent), transparent 72%);pointer-events:none;z-index:1;animation:5.5s ease-in-out infinite sg-cos-glow-breathe;position:absolute;inset:-10%}.sg-cos-banner__stage.has-glow{box-shadow:0 0 calc(42px * var(--sg-cos-glow-a,.55)) color-mix(in srgb, var(--sg-cos-glow,#38bdf8) 60%, transparent), 0 0 calc(72px * var(--sg-cos-glow-a,.55)) color-mix(in srgb, var(--sg-cos-glow,#38bdf8) 28%, transparent), 0 18px 48px #00000059, inset 0 1px 0 #ffffff1a, inset 0 -1px 0 #38bdf814}.sg-cos-banner__avatar.has-glow-ring{box-shadow:0 0 0 3px #080c1c73, 0 0 calc(22px * var(--sg-cos-glow-a,.55)) color-mix(in srgb, var(--sg-cos-glow,#38bdf8) 70%, transparent), 0 0 calc(40px * var(--sg-cos-glow-a,.55)) color-mix(in srgb, var(--sg-cos-glow,#38bdf8) 35%, transparent)}.sg-cos-banner__avatar-bloom{background:radial-gradient(circle, color-mix(in srgb, var(--sg-cos-glow,#38bdf8) 55%, transparent), transparent 68%);filter:blur(6px);z-index:0;pointer-events:none;border-radius:50%;animation:4.8s ease-in-out infinite sg-cos-glow-breathe;position:absolute;inset:-28%}.sg-cos-banner__avatar{position:relative}.sg-cos-banner__avatar-face{z-index:2;position:relative}.sg-cos-banner__frame-orbit{border:2px solid color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 85%, white);box-shadow:0 0 0 1px color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 35%, transparent), 0 0 calc(16px * var(--sg-cos-frame-a,.85)) color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 55%, transparent), inset 0 0 10px color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 35%, transparent);z-index:1;pointer-events:none;background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 70%, white) 40deg, transparent 90deg, transparent 180deg, color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 55%, transparent) 220deg, transparent 300deg);border-radius:50%;animation:9s linear infinite sg-cos-frame-spin;position:absolute;inset:-5px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 2px))}.sg-cos-banner__avatar.has-frame-ring--halo .sg-cos-banner__frame-orbit{box-shadow:0 0 0 1px color-mix(in srgb, var(--sg-cos-frame,#fbbf24) 40%, transparent), 0 0 22px color-mix(in srgb, var(--sg-cos-frame,#fbbf24) 55%, transparent), 0 0 40px color-mix(in srgb, var(--sg-cos-frame,#fbbf24) 30%, transparent);animation-duration:7s;inset:-7px}.sg-cos-banner__frame-rim{pointer-events:none;z-index:4;border:1.5px solid color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 65%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 25%, transparent), inset 0 0 18px color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 18%, transparent), 0 0 calc(20px * var(--sg-cos-frame-a,.85)) color-mix(in srgb, var(--sg-cos-frame,#38bdf8) 35%, transparent);border-radius:20px;position:absolute;inset:3px}.sg-cos-banner.is-hero .sg-cos-banner__frame-rim{border-radius:24px;inset:4px}.sg-cos-banner__stage.has-frame{outline:none}.sg-cos-banner__stage.has-frame--halo .sg-cos-banner__frame-rim{border-width:2px;border-color:color-mix(in srgb, var(--sg-cos-frame,#fbbf24) 75%, white);box-shadow:0 0 0 1px color-mix(in srgb, var(--sg-cos-frame,#fbbf24) 30%, transparent), inset 0 0 24px color-mix(in srgb, var(--sg-cos-frame,#fbbf24) 22%, transparent), 0 0 28px color-mix(in srgb, var(--sg-cos-frame,#fbbf24) 45%, transparent)}.sg-cos-preview__badge,.sg-cos-banner__badge{color:#0a0b12;min-width:1.85rem;height:1.85rem;box-shadow:none;isolation:isolate;background:0 0;border-radius:999px;place-items:center;padding:0 .4rem;font-size:.68rem;font-weight:750;display:inline-grid;position:relative;overflow:hidden}.sg-cos-banner__badge-glass{border-radius:inherit;background:linear-gradient(145deg, color-mix(in srgb, var(--sg-cos-badge,#38bdf8) 88%, white), color-mix(in srgb, var(--sg-cos-badge,#38bdf8) 70%, #0ea5e9));opacity:.95;z-index:0;position:absolute;inset:0}.sg-cos-banner__badge-rim{border-radius:inherit;box-shadow:0 0 12px color-mix(in srgb, var(--sg-cos-badge,#38bdf8) 55%, transparent), inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #0003;z-index:1;pointer-events:none;border:1px solid #ffffff8c;position:absolute;inset:0}.sg-cos-banner__badge-label{z-index:2;letter-spacing:.01em;text-shadow:0 1px #ffffff40;position:relative}.sg-cos-banner__badge.is-glass .sg-cos-banner__badge-glass{-webkit-backdrop-filter:blur(8px)saturate(1.3);backdrop-filter:blur(8px)saturate(1.3);background:linear-gradient(145deg, color-mix(in srgb, var(--sg-cos-badge,#38bdf8) 75%, #ffffff8c), color-mix(in srgb, var(--sg-cos-badge,#38bdf8) 55%, transparent))}.sg-cos-banner.is-hero .sg-cos-banner__badge{min-width:2.05rem;height:2.05rem;font-size:.74rem}.sg-cos-preview__accent,.sg-cos-banner__accent{background:linear-gradient(180deg, transparent 0%, var(--sg-cos-accent,transparent) 18%, color-mix(in srgb, var(--sg-cos-accent,transparent) 80%, white) 50%, var(--sg-cos-accent,transparent) 82%, transparent 100%);z-index:3;width:4px;box-shadow:0 0 12px color-mix(in srgb, var(--sg-cos-accent,transparent) 55%, transparent), 0 0 22px color-mix(in srgb, var(--sg-cos-accent,transparent) 30%, transparent);border-radius:999px;position:absolute;top:12%;bottom:12%;left:0;overflow:hidden}.sg-cos-banner__accent.is-ribbon{width:5px;left:2px}.sg-cos-banner__accent-shimmer{opacity:.7;background:linear-gradient(#0000 0%,#ffffffbf 45%,#0000 70%);animation:2.8s ease-in-out infinite sg-cos-accent-shimmer;position:absolute;inset:-20% 0}.sg-cos-banner__stage.has-accent{border-left-color:color-mix(in srgb, var(--sg-cos-accent,#22d3ee) 35%, #7fd8ff2e)}.sg-cos-banner.is-focus-glow .sg-cos-banner__glow-veil,.sg-cos-banner[data-focus=glow] .sg-cos-banner__glow-veil{opacity:1}.sg-cos-banner.is-focus-profile_frame .sg-cos-banner__frame-orbit,.sg-cos-banner[data-focus=profile_frame] .sg-cos-banner__frame-orbit{animation-duration:5.5s}.sg-cos-banner.is-focus-badge .sg-cos-banner__badge,.sg-cos-banner[data-focus=badge] .sg-cos-banner__badge{transform:scale(1.08)}.sg-cos-banner.is-focus-accent .sg-cos-banner__accent,.sg-cos-banner[data-focus=accent] .sg-cos-banner__accent{width:6px;box-shadow:0 0 16px color-mix(in srgb, var(--sg-cos-accent,#22d3ee) 65%, transparent), 0 0 28px color-mix(in srgb, var(--sg-cos-accent,#22d3ee) 40%, transparent)}@keyframes sg-cos-glow-breathe{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes sg-cos-frame-spin{to{transform:rotate(360deg)}}@keyframes sg-cos-accent-shimmer{0%{opacity:.25;transform:translateY(-30%)}45%{opacity:.85}to{opacity:.2;transform:translateY(60%)}}@media (prefers-reduced-motion:reduce){.sg-cos-banner__glow-veil,.sg-cos-banner__avatar-bloom,.sg-cos-banner__frame-orbit,.sg-cos-banner__accent-shimmer{animation:none!important}.sg-cos-preview__particles i,.sg-cos-banner__sparks i,.sg-cos-banner__orb,.sg-cos-banner__motif,.sg-cos-thumb,.sg-cos-cinematic__panel,.sg-cos-cinematic__burst{transition:none!important;animation:none!important}.sg-cos-banner__canvas,.sg-cos-banner__bloom,.sg-cos-banner__orb--c{animation:none!important}.sg-cos-banner__canvas{opacity:.35}}