@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.f4k-Ea_className{font-family:Inter,Inter Fallback;font-style:normal}.f4k-Ea_variable{--font-sans:"Inter", "Inter Fallback"}
@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.35tcax5pyx804.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.0fzl0-df6mp6z.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f13700f23fbdc6fd-s.35tcax5pyx804.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cc014fcb166cf364-s.p.0fzl0-df6mp6z.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cinzel Fallback;src:local(Times New Roman);ascent-override:71.31%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:136.86%}.LDAKKq_className{font-family:Cinzel,Cinzel Fallback;font-style:normal}.LDAKKq_variable{--font-display:"Cinzel", "Cinzel Fallback"}
.mg-grid,.mg-itemview{--mg-surface:#f6f8f8;--mg-ink:#10202a;--mg-muted:#5b6b74;--mg-line:#c3cdd2;--mg-accent:#2442e0;--mg-radius:14px;--mg-pad:12px 16px 10px;--mg-ease:cubic-bezier(.2, .8, .2, 1);--mg-move:.4s;--mg-resize:.3s;color:var(--mg-ink)}.mg-grid{display:grid;position:relative}@media (prefers-color-scheme:dark){.mg-grid,.mg-itemview{--mg-surface:#16222a;--mg-ink:#e8eef0;--mg-muted:#8fa1ab;--mg-line:#2e404b;--mg-accent:#8ea0ff}}.mg-cell{border-radius:var(--mg-radius);min-width:0;min-height:0;color:var(--mg-muted);border:1.5px solid #0000;flex-direction:column;justify-content:flex-end;padding:14px 16px;transition:background .2s,border-color .2s;display:flex}.mg-cell[data-empty]{border:1.5px dashed var(--mg-line)}.mg-cell[data-over]{border:1.5px solid var(--mg-accent);background:color-mix(in srgb, var(--mg-accent) 12%, transparent)}.mg-cell[data-refused]{border:1.5px dashed var(--mg-muted);background:color-mix(in srgb, var(--mg-muted) 10%, transparent);cursor:not-allowed}.mg-hint{opacity:0;font-size:13px;transition:opacity .2s}.mg-cell[data-over] .mg-hint,.mg-cell[data-empty] .mg-hint{opacity:1}.mg-block{z-index:1;box-sizing:border-box;background:color-mix(in srgb, var(--mg-surface) 90%, transparent);-webkit-backdrop-filter:blur(6px);border:1px solid var(--mg-line);border-radius:var(--mg-radius);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;transition:left var(--mg-move) var(--mg-ease), top var(--mg-move) var(--mg-ease), width var(--mg-resize), height var(--mg-resize);flex-direction:column;display:flex;position:absolute;overflow:hidden;container-type:size}.mg-block img,.mg-block svg,.mg-block a{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mg-block:focus-visible{outline:3px solid var(--mg-accent);outline-offset:2px}.mg-block.mg-dragging{z-index:5;cursor:grabbing;border-color:var(--mg-accent);transition:width .25s,height .25s;box-shadow:0 14px 34px #0003}.mg-block.mg-instant{transition:none}.mg-block[data-locked]{cursor:default}.mg-content{flex-direction:column;flex:1;min-height:0;animation:.35s mg-morph;display:flex}@keyframes mg-morph{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.mg-chrome{min-height:0;padding:var(--mg-pad);flex-direction:column;flex:1;display:flex;position:relative}.mg-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mg-title{font-size:15px;font-weight:600}.mg-viewlabel{color:var(--mg-accent);font-size:12px;font-weight:600}.mg-body{flex-direction:column;flex:1;justify-content:center;min-height:0;padding-bottom:28px;display:flex}.mg-body>.mg-content{justify-content:center}.mg-cycle{opacity:0;align-items:center;gap:4px;transition:opacity .2s;display:flex;position:absolute;bottom:8px;left:12px;right:12px}.mg-block:hover .mg-cycle,.mg-block:focus-within .mg-cycle,.mg-block.mg-dragging .mg-cycle{opacity:1}@media (hover:none){.mg-cycle{opacity:1}}.mg-cycle span{color:var(--mg-muted);font-size:11px}.mg-cycle button{font:inherit;color:var(--mg-muted);border:1px solid var(--mg-line);cursor:pointer;background:0 0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.mg-cycle button:focus-visible{outline:2px solid var(--mg-accent)}.mg-itemview{flex-direction:column;min-height:0;display:flex}.mg-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mg-rows .mg-cell.mg-rowhead,.mg-rows .mg-cell.mg-rowhead[data-over],.mg-rows .mg-cell.mg-rowhead[data-refused]{cursor:default;background:0 0;border:0;padding:10px 2px 0}.mg-rowbar{min-width:0;color:var(--mg-ink);border-bottom:2px solid var(--mg-line);align-items:center;gap:10px;padding-bottom:4px;display:flex}.mg-rowtype{font:inherit;color:inherit;background:0 0;border:0;min-width:0;padding:0;font-size:17px;font-weight:700}select.mg-rowtype{cursor:pointer;field-sizing:content}select.mg-rowtype:focus-visible{outline:2px solid var(--mg-accent);border-radius:4px}.mg-rowmeta{color:var(--mg-muted);white-space:nowrap;font-size:12px}.mg-rowtools{gap:4px;margin-left:auto;display:flex}.mg-rowtools button{font:inherit;border:1px solid var(--mg-line);width:28px;height:28px;color:var(--mg-ink);cursor:pointer;background:0 0;border-radius:50%;font-size:15px;line-height:1}.mg-rowtools button:disabled{opacity:.35;cursor:default}.mg-rowtools button:focus-visible{outline:2px solid var(--mg-accent)}.mg-cell.mg-slot[data-empty]{justify-content:center;align-items:center}.mg-slotpick{flex-direction:column;align-items:center;gap:6px;max-width:100%;display:flex}.mg-slotpick select{font:inherit;color:var(--mg-accent);border:1px solid var(--mg-line);cursor:pointer;background:0 0;border-radius:999px;max-width:100%;padding:3px 10px;font-size:13px;font-weight:600}.mg-slotpick select:focus-visible{outline:2px solid var(--mg-accent)}@media (prefers-reduced-motion:reduce){.mg-block,.mg-cell{transition:none}.mg-content{animation:none}}
:root{--bg:#0a0e13;--bg-deep:#010a13;--panel:#0c1116;--panel-2:#1e2328;--line:#ffffff14;--text:#d8d2c2;--bright:#fff;--dim:#a09b8c;--blue:#c8aa6e;--blue-deep:#785a28;--red:#ff7a7a;--sans:var(--font-sans), "Beaufort for LOL", Arial, Helvetica, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);font:15px/1.5 var(--sans);background:radial-gradient(1000px 420px at 70% -120px, #c8aa6e29, transparent 70%), linear-gradient(to bottom, var(--bg) 0, #0a1428 420px, var(--bg-deep) 100%);flex-direction:column;margin:0;display:flex}a{color:var(--blue);text-decoration:none}a:hover{color:var(--bright)}code{color:var(--bright);background:#0000004d;border-radius:3px;padding:1px 6px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}::selection{background:var(--blue);color:var(--bg-deep)}.topbar{background:var(--bg-deep);box-shadow:0 1px 0 var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px max(16px,50vw - 590px);display:flex}.logo{color:var(--bright);letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:inline-flex}.logo:hover{color:var(--bright)}.logo svg{width:24px;height:24px;fill:var(--blue);flex:none}.logo em{color:var(--dim);margin-left:4px;font-size:13px;font-style:normal;font-weight:500}.btn{font:500 15px/1 var(--sans);cursor:pointer;color:var(--bright);white-space:nowrap;border:0;border-radius:3px;justify-content:center;align-items:center;padding:11px 18px;display:inline-flex}.btn.primary{background:linear-gradient(to right, #0ac8b9, var(--blue-deep));color:var(--bright)}.btn.primary:hover{filter:brightness(1.1);color:var(--bright)}.btn.ghost{color:var(--blue);background:#c8aa6e1f}.btn.ghost:hover{background:var(--blue);color:var(--bg-deep)}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.btn:disabled,.btn.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.landing{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:56px 16px 40px}.hero{max-width:680px}.hero h1{letter-spacing:-.02em;color:var(--bright);margin:0 0 14px;font-size:clamp(30px,5vw,46px);font-weight:700;line-height:1.1}.lede{color:var(--text);max-width:58ch;margin:0 0 28px;font-size:17px}.search label{color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.search-row{flex-wrap:wrap;gap:8px;display:flex}.search input{min-width:0;font:16px var(--sans);color:var(--bright);background:#00000059;border:1px solid #ffffff1a;border-radius:3px;flex:260px;padding:11px 14px}.search input::placeholder{color:#67707b}.search input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #c8aa6e33}.error{color:var(--red);margin:12px 0 0}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.hint{color:var(--dim);margin:12px 0 0;font-size:14px}.help{color:var(--text);max-width:62ch;margin-top:22px;font-size:14px}.help summary{cursor:pointer;color:var(--blue);width:fit-content}.help summary:hover{color:var(--bright)}.help ul{gap:8px;margin:12px 0 8px;padding-left:18px;display:grid}.help p{color:var(--dim);margin:0}.recent>span{color:var(--dim);margin-right:2px;font-size:13px}.recent ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chip{color:var(--text);background:#c8aa6e1f;border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:14px;display:inline-flex}.chip:hover{background:var(--blue);color:var(--bg-deep)}.chip img,.chip-ph{object-fit:cover;background:var(--panel-2);border-radius:50%;width:24px;height:24px;display:block}.cmp-start{grid-template-columns:1fr;gap:8px;max-width:560px;display:grid}.cmp-start label{margin:6px 0 0}.cmp-start .vs-mini{color:var(--bright);background:linear-gradient(135deg,#0ac8b9,#005a82);justify-self:center;margin-top:8px}.cmp-start-who{color:var(--blue);font-size:13px}.cmp-start .btn.primary{justify-self:start;margin-top:10px}.cmp-start .recent{margin-top:8px}button.chip{font:14px var(--sans);cursor:pointer;border:0}.steam-signin{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:14px;display:flex}.steam-btn{color:var(--bright);background:linear-gradient(#1e2328,#0a1428);gap:10px;padding:10px 16px 10px 12px;box-shadow:inset 0 0 0 1px #ffffff1a}.steam-btn svg{fill:currentColor;flex:none;width:20px;height:20px}.steam-btn:hover{color:var(--bright);background:linear-gradient(#35597a,#213246);box-shadow:inset 0 0 0 1px #c8aa6e80}.steam-signin span{color:var(--dim);font-size:13px}.chip-clear{color:var(--dim);font:13px var(--sans);cursor:pointer;background:0 0;border:0;padding:4px}.chip-clear:hover{color:var(--bright)}.notice p{max-width:62ch}.facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:64px;display:grid}.facts div{box-shadow:inset 0 1px 0 var(--line);background:#0003;border-radius:4px;padding:18px 20px}.facts h2{color:var(--bright);margin:0 0 6px;font-size:15px}.facts p{color:var(--dim);margin:0;font-size:14px}.foot{color:#67707b;text-align:center;padding:24px 16px 32px;font-size:12px}.foot-links{justify-content:center;gap:18px;margin-bottom:8px;font-size:13px;display:flex}.foot-links a{color:var(--dim)}.foot-links a:hover{color:var(--bright)}.legal{flex:1;width:100%;max-width:760px;margin:0 auto;padding:44px 16px 24px;font-size:15px;line-height:1.65}.legal h1{color:var(--bright);letter-spacing:-.02em;margin:0 0 4px;font-size:clamp(28px,5vw,38px)}.legal-meta{color:var(--dim);margin:0 0 22px;font-size:13px}.legal-lede{color:var(--text);font-size:17px}.legal h2{color:var(--bright);margin:30px 0 8px;scroll-margin-top:20px;font-size:18px;font-weight:600}.legal ul{gap:6px;padding-left:20px;display:grid}.legal b{color:var(--bright);font-weight:600}.dash{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 16px 16px}.profile{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:22px;display:flex}.avatar{object-fit:cover;background:linear-gradient(#c8aa6e,#785a28);border-radius:2px;flex:none;width:72px;height:72px;padding:2px}.avatar.ph{background:var(--panel-2)}.who{flex:1;min-width:0}.who h1{color:var(--bright);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:500;display:flex}.who p{color:var(--dim);margin:4px 0 0;font-size:14px}.tag{color:var(--bg-deep);background:var(--blue);border-radius:2px;padding:2px 8px;font-size:12px;font-weight:500}.level{color:var(--dim);align-items:center;gap:10px;font-size:14px;display:flex}.level b{width:40px;height:40px;color:var(--bright);border:2px solid #785a28;border-radius:50%;place-items:center;font-size:16px;font-weight:500;display:grid}.dash-bar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}.dash-tools{flex:none;gap:8px;display:flex}.status{color:var(--dim);min-height:21px;margin:0;font-size:14px}.guide{width:min(520px,100%)}.guide h2{margin:0 0 14px}.guide-steps{gap:10px;margin:16px 0 0;padding-left:20px;font-size:15px;display:grid}.guide-steps b{color:var(--bright);font-weight:600}.guide-actions{justify-content:flex-end;margin-top:18px;display:flex}@media (max-width:720px){.modal:has(.guide){padding:12px}.modal-box.guide{padding:16px 16px 0}.guide h2{margin-bottom:10px;font-size:18px}.guide .demo{height:112px}.guide .demo-slot,.guide .demo-card{height:84px;top:12px}.guide .demo-card .as-bars,.guide .demo-card .as-number{top:34px}.guide .demo-card .as-number{font-size:26px}.guide .demo-hand{top:50px}.guide-steps{gap:7px;margin-top:12px;font-size:13.5px;line-height:1.45}.guide .wide-only{display:none}.guide-actions{background:var(--panel);margin:12px -16px 0;padding:12px 16px;position:sticky;bottom:0;box-shadow:0 -8px 16px #00000040}.guide-actions .btn{flex:1}}.demo{background:#00000040;border-radius:4px;height:150px;position:relative;overflow:hidden}.demo-slot{border:1.5px dashed #c8aa6e59;border-radius:4px;width:42%;height:114px;position:absolute;top:18px}.demo-slot.a{left:5%}.demo-slot.b{right:5%}.demo-slot span{color:var(--dim);font-size:11px;position:absolute;bottom:-1px;left:8px;transform:translateY(100%)}.demo-card{background:linear-gradient(to bottom, #12171d, var(--panel));border-radius:4px;flex-direction:column;gap:8px;width:42%;height:114px;padding:10px 12px;display:flex;position:absolute;top:18px;box-shadow:0 0 0 1px #ffffff0f,0 6px 18px #0006}.demo-card b{color:var(--bright);font-size:13px;font-weight:500}.demo-card .as-bars{flex-direction:column;gap:6px;display:flex}.demo-card .as-bars i{background:linear-gradient(to right, #077a83, var(--blue));border-radius:2px;height:8px;display:block}.demo-card .as-number{color:var(--bright);font-size:34px;font-weight:300;line-height:1}.demo-card.one{z-index:2;animation:4.8s ease-in-out infinite demo-one;left:5%}.demo-card.two{animation:4.8s ease-in-out infinite demo-two;left:53%}.demo-card .as-bars,.demo-card .as-number{position:absolute;top:40px;left:12px;right:12px}.demo-card.one .as-bars,.demo-card.two .as-number{animation:4.8s infinite demo-out}.demo-card.one .as-number,.demo-card.two .as-bars{opacity:0;animation:4.8s infinite demo-in}.demo-hand{z-index:3;filter:drop-shadow(0 2px 3px #00000080);animation:4.8s ease-in-out infinite demo-hand;position:absolute;top:70px;left:22%}@keyframes demo-one{0%,15%,to{left:5%;transform:none;box-shadow:0 0 0 1px #ffffff0f,0 6px 18px #0006}20%{box-shadow:0 0 0 1.5px var(--blue), 0 14px 30px #0000008c;transform:scale(1.03)}45%,55%{box-shadow:0 0 0 1.5px var(--blue), 0 14px 30px #0000008c;left:53%;transform:scale(1.03)}60%,92%{left:53%;transform:none;box-shadow:0 0 0 1px #ffffff0f,0 6px 18px #0006}}@keyframes demo-two{0%,30%{left:53%}50%,92%{left:5%}to{left:53%}}@keyframes demo-hand{0%,10%{opacity:0;top:76px;left:22%}15%{opacity:1;top:70px;left:22%}45%,55%{opacity:1;top:70px;left:70%}65%,to{opacity:0;top:82px;left:72%}}@keyframes demo-out{0%,44%{opacity:1}52%,92%{opacity:0}to{opacity:1}}@keyframes demo-in{0%,44%{opacity:0}52%,92%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-card,.demo-hand,.demo-card .as-bars,.demo-card .as-number{animation:none!important}}.note{color:#67707b;margin:18px 0 0;font-size:13px}.privacy-notice{background:linear-gradient(90deg,#c8aa6e1f,#c8aa6e08);border-radius:6px;margin:0 0 18px;padding:14px 16px 12px;box-shadow:inset 3px 0 #c8aa6e}.privacy-notice header{align-items:center;gap:10px;display:flex}.privacy-notice h2{color:var(--bright);flex:1;margin:0;font-size:15px;font-weight:600}.privacy-notice .pn-icon{color:#c8aa6e;background:#c8aa6e26;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid}.privacy-notice .pn-icon svg{width:16px;height:16px}.privacy-notice ul{gap:4px;margin:10px 0 0;padding-left:20px;font-size:14px;display:grid}.privacy-notice li b{color:var(--bright);font-weight:500}.privacy-notice p{color:var(--dim);margin:10px 0 0;font-size:13px}.note.busy{color:var(--text);background:#c8aa6e14;border-left:3px solid #c8aa6e;border-radius:3px;padding:10px 14px}.stat-grid{--mg-surface:var(--panel);--mg-ink:var(--text);--mg-muted:var(--dim);--mg-line:var(--line);--mg-accent:var(--blue);--mg-radius:4px}.stat-grid .mg-cell[data-over]{border:1.5px dashed var(--blue);background:#c8aa6e0f}.stat-grid .mg-hint{color:var(--blue);font-size:13px}.stat-grid .mg-block{background:linear-gradient(to bottom, #12171d, var(--panel));-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:0 0 0 1px #ffffff0a,0 2px 8px #00000040}.stat-grid .mg-block:hover{box-shadow:0 0 0 1px #c8aa6e40,0 2px 8px #00000040}.stat-grid .mg-block.mg-dragging{box-shadow:0 0 0 1.5px var(--blue), 0 18px 40px #00000080}.stat-grid .mg-block:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.stat-grid .mg-cell.mg-rowhead{padding:16px 0 0}.row-head{position:relative}.row-insert{cursor:pointer;opacity:0;background:0 0;border:0;justify-content:center;align-items:center;height:16px;padding:0;transition:opacity .15s;display:flex;position:absolute;top:-16px;left:0;right:0}.row-insert:before{content:"";border-top:1px dashed #c8aa6e73;position:absolute;top:50%;left:0;right:0}.row-insert span{font:500 11px var(--sans);letter-spacing:.04em;color:var(--blue);background:var(--bg);border:1px solid #c8aa6e66;border-radius:999px;padding:1px 10px;position:relative}.row-insert:hover span{background:var(--blue);color:var(--bg-deep)}.mg-rowhead:hover .row-insert,.row-insert:focus-visible{opacity:1;outline:none}.row-insert:focus-visible span{outline:2px solid var(--blue)}.row-insert-end{opacity:.7;width:100%;height:34px;margin-top:8px;position:relative;top:auto}.row-insert-end:hover,.row-insert-end:focus-visible{opacity:1}@media (hover:none){.row-insert{opacity:.8}.row-insert:before{display:none}}@media (max-width:720px){.row-insert{display:none}}.stat-grid .mg-cell.mg-slot[data-empty]{border-color:#ffffff1f}.stat-grid .mg-cell.mg-slot .mg-hint{text-align:center;color:var(--dim)}.stat-grid .mg-cell.mg-slot[data-over] .mg-hint{color:var(--blue)}.stat-grid .mg-slotpick select{color:var(--blue);font:13px var(--sans);background:#c8aa6e14;border:1px solid #c8aa6e59;border-radius:3px;padding:5px 10px}.stat-grid .mg-slotpick select:hover{background:#c8aa6e2e}.stat-grid .mg-slotpick select option{background:var(--panel);color:var(--text)}.row-head{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;min-width:0;padding-bottom:5px;display:flex}.row-type{color:var(--bright);letter-spacing:.08em;text-transform:uppercase;flex:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.row-type .vm-icon{color:var(--blue)}.row-head .vm-button{color:var(--bright);letter-spacing:.08em;text-transform:uppercase;max-width:none;margin-left:-4px;font-size:12px}.row-head .vm-label{overflow:visible}.row-meta{color:var(--dim);white-space:nowrap;font-size:12px}.row-tools{gap:4px;margin-left:auto;display:flex}.row-tools button{font:500 15px/1 var(--sans);width:26px;height:24px;color:var(--text);cursor:pointer;background:#ffffff0f;border:0;border-radius:3px}.row-tools button:hover:not(:disabled){background:var(--blue);color:var(--bg-deep)}.row-tools button:disabled{opacity:.35;cursor:default}.row-tools button:focus-visible{outline:2px solid var(--blue)}.card{flex-direction:column;flex:1;min-height:0;display:flex}.card-head{background:#00000038;align-items:center;gap:8px;padding:9px 10px 8px 14px;display:flex}.card-title{color:var(--bright);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.card-title>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.stat-icon{--c:var(--blue);width:24px;height:24px;color:var(--c);background:color-mix(in srgb, var(--c) 15%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 22%, transparent);border-radius:6px;flex:none;place-items:center;display:inline-grid}.stat-icon svg{width:15px;height:15px}.modal-title{align-items:center;gap:10px;display:flex}.persona{flex:none;display:block}.v-highlight.hl-type{flex-direction:row;justify-content:flex-start;align-items:center;gap:min(4cqw,14px)}.v-highlight .hl-persona{width:min(26cqw,70cqh,72px);height:auto}.hl-type-text{flex-direction:column;min-width:0;display:flex}.v-highlight.hl-type b{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:min(8.5cqw,24cqh,28px);font-weight:500;overflow:hidden}.v-highlight.hl-type span{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12.5px;line-height:1.3;display:-webkit-box;overflow:hidden}@container (max-width:230px){.v-highlight.hl-type{gap:8px}.v-highlight .hl-persona{width:34px}.v-highlight.hl-type b{font-size:13.5px}.v-highlight.hl-type span{-webkit-line-clamp:3;font-size:11.5px}}.v-summary .summary-persona{width:64px;height:64px;margin-right:14px}.v-type{text-align:center;background:radial-gradient(circle at 50% 35%,#c8aa6e1f,#0000 70%);border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;padding:6px;display:flex}.v-type .type-persona{width:min(70cqw,46cqh,170px);height:auto}.v-type .type-text{flex-direction:column;gap:4px;min-width:0;max-width:100%;display:flex}.v-type b{color:var(--bright);white-space:nowrap;font-size:min(9.5cqw,8cqh,28px);font-weight:500;line-height:1.15}.v-type .pu{color:var(--text);font-size:13px;line-height:1.35}.v-type.wide{text-align:left;flex-direction:row;gap:22px}.v-type.wide .type-persona{width:min(40cqw,80cqh,190px)}.modal-persona{width:140px;height:140px;margin:14px auto 0}.modal-title .stat-icon{border-radius:8px;width:30px;height:30px}.modal-title .stat-icon svg{width:18px;height:18px}.vm-button{max-width:100%;font:12px var(--sans);color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:5px;padding:3px 6px 3px 4px;display:inline-flex}.vm-button:hover,.vm-button[aria-expanded=true]{color:var(--bright);background:#ffffff0f;border-color:#ffffff1a}.vm-button:focus-visible{outline:2px solid var(--blue)}.vm-icon{flex:none;width:14px;height:14px}.vm-label{text-overflow:ellipsis;overflow:hidden}.vm-caret{opacity:.8;flex:none;width:8px;height:5px}.vm-menu{z-index:200;background:#1e2328;border-radius:6px;gap:2px;width:190px;padding:6px;animation:.12s ease-out vm-in;display:grid;position:fixed;box-shadow:0 0 0 1px #ffffff14,0 14px 34px #0000008c}@keyframes vm-in{0%{opacity:0;transform:translateY(-4px)}}.vm-menu button{height:32px;color:var(--text);font:14px var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;grid-template-columns:18px 1fr 14px;align-items:center;gap:10px;padding:0 10px;display:grid}.vm-menu button .vm-icon{width:16px;height:16px;color:var(--dim)}.vm-menu button:hover,.vm-menu button:focus-visible{color:var(--bright);background:#c8aa6e29;outline:none}.vm-menu button:hover .vm-icon,.vm-menu button:focus-visible .vm-icon,.vm-menu button[aria-checked=true] .vm-icon{color:var(--blue)}.vm-menu button[aria-checked=true]{color:var(--bright)}.vm-check{color:var(--blue);font-size:13px}@media (prefers-reduced-motion:reduce){.vm-menu{animation:none}}.preset-pick{color:var(--dim);align-items:center;gap:6px;font-size:13px;display:inline-flex}.preset-pick select{appearance:none;field-sizing:content;font:500 13px var(--sans);color:var(--text);cursor:pointer;background:#c8aa6e1f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23c7d5e0'/%3E%3C/svg%3E") right 10px center no-repeat;border:0;border-radius:3px;padding:8px 26px 8px 12px}.preset-pick select:hover{background-color:#c8aa6e33}.preset-pick select:focus-visible{outline:2px solid var(--blue)}.preset-pick select option{background:var(--panel)}.card-title{flex:0 auto;min-width:0;margin-right:auto}@container (max-width:320px){.vm-label{display:none}}@container (max-width:260px){.card-head{gap:6px;padding:7px 6px 6px 10px}.card-title{gap:6px;font-size:13px}.card-title .stat-icon{border-radius:5px;width:18px;height:18px}.card-title .stat-icon svg{width:12px;height:12px}.card-tools [data-mg-cycle]{display:none}.vm-button{padding:2px 4px}}.card-tools{opacity:0;gap:2px;transition:opacity .15s;display:flex}.mg-block:hover .card-tools,.mg-block:focus-within .card-tools{opacity:1}@media (hover:none){.card-tools{opacity:1}}.card-tools button{font:500 15px/1 var(--sans);width:26px;height:24px;color:var(--text);cursor:pointer;background:#ffffff0f;border:0;border-radius:3px}.card-tools button:hover{background:var(--blue);color:var(--bg-deep)}.card-tools button:focus-visible{outline:2px solid var(--blue)}.card-body{flex-direction:column;flex:1;min-height:0;padding:12px 14px 14px;display:flex}.empty{color:var(--dim);text-align:center;max-width:34ch;margin:auto;font-size:14px}.v-toplist span.ph{background:var(--panel-2);border-radius:2px;width:74px;height:34px;display:block}.v-highlight{flex-direction:column;flex:1;justify-content:center;display:flex}.v-highlight b{color:var(--bright);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:min(22cqw,34cqh,64px);font-weight:300;line-height:1}.v-highlight span{color:var(--blue);margin-top:6px;font-size:14px}.v-chart{flex:1;min-height:0;display:flex}.v-chart .track{background:#ffffff0a;border-radius:2px;flex:1;display:flex}.v-chart i{background:linear-gradient(to right, #077a83, var(--blue));border-radius:2px;display:block}.v-chart .val{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.v-chart .lab{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.v-chart.vert{gap:6px}.v-chart.vert .col{text-align:center;flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.v-chart.vert .track{align-items:flex-end}.v-chart.vert i{background:linear-gradient(to top, #077a83, var(--blue));width:100%;min-height:3px}.v-chart.horiz{flex-direction:column;justify-content:center;gap:6px}.v-chart.horiz .row{grid-template-columns:var(--lab) 1fr 7ch;align-items:center;gap:10px;height:22px;display:grid}.v-chart.horiz .lab{color:var(--text);text-align:right;font-size:13px}.v-chart.horiz .track{height:10px}.v-chart.horiz i{min-width:3px;height:100%}.v-chart.horiz .val{text-align:right}.v-toplist{flex-direction:column;flex:1;justify-content:flex-start;gap:4px;min-height:0;margin:0;padding:0;list-style:none;display:flex}.v-toplist li{background:#0000002e;border-radius:3px;grid-template-columns:1.4em 1fr auto;align-items:center;gap:10px;padding:4px 6px;font-size:14px;display:grid}.v-toplist.art li{grid-template-columns:74px 1fr auto;padding:4px}.v-toplist img,.v-toplist .ph{object-fit:cover;border-radius:2px;width:74px;height:34px;display:block}.v-toplist .ph{background:var(--panel-2)}.v-toplist .rk{color:var(--dim);text-align:center;font-size:12px}.v-toplist .nm{color:var(--bright);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v-toplist .sc{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;padding-right:4px;font-size:13px}.v-toplist li:first-child .sc{color:var(--blue)}.v-progress{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.p-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.p-head span{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.p-head b{color:var(--bright);font-size:min(10cqw,28px);font-weight:300}.p-track{background:#06090c;border-radius:6px;height:12px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.p-track i{background:linear-gradient(90deg,#0ac8b9,#005a82);border-radius:6px;display:block}.p-foot{color:var(--dim);margin:0;font-size:13px}.v-progress.tall .p-track{flex-direction:column-reverse;flex:1;align-self:center;width:22px;height:auto}.v-progress.tall .p-track i{background:linear-gradient(#005a82,#0ac8b9);width:100%}.v-summary{border-left:3px solid var(--blue);flex:1;min-height:0;padding-left:12px;display:flex}.summary-text{color:var(--text);line-height:1.45}.v-showcase{flex-direction:column;flex:1;gap:8px;min-height:0;margin:0;display:flex}.v-showcase .ph{border-radius:3px;flex:1;width:100%;min-height:0}.fit-art{background:var(--panel-2);border-radius:3px;flex:1;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 4px 14px #0006}.fit-art .fit-bg{object-fit:cover;filter:blur(18px)brightness(.45)saturate(1.2);width:124%;height:124%;position:absolute;inset:-12%}.fit-art .fit-fg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.fit-art .ph{position:absolute;inset:0}.v-showcase .ph{background:var(--panel-2)}.v-showcase figcaption{color:var(--dim);font-size:13px}.v-showcase figcaption b{color:var(--bright);font-size:18px;font-weight:500}.v-showcase figcaption span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.v-showcase.wide{flex-direction:row;align-items:stretch}.v-showcase.wide .fit-art{flex:0 62%}.v-showcase.wide figcaption{align-self:flex-end;min-width:0}.v-showcase.wall{flex-direction:column}.wall-grid{flex:1;gap:6px;min-height:0;display:grid}.wall-item{background:var(--panel-2);border-radius:3px;min-width:0;min-height:0;overflow:hidden;box-shadow:0 2px 8px #00000059}.v-showcase .wall-item .fit-art{width:100%;height:100%;box-shadow:none;border-radius:0}.v-showcase.wall figcaption{align-self:auto}.v-poster{background:radial-gradient(circle at 25% 15%,#c8aa6e47,#0000 60%),linear-gradient(160deg,#1e2328,#091428 75%);border-radius:4px;flex-direction:column;flex:1;justify-content:space-between;gap:12px;min-height:0;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12,0 4px 14px #00000059}.pt-text{flex-direction:column;gap:6px;min-width:0;display:flex}.v-poster .pt{text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-size:12px}.v-poster b{color:var(--bright);letter-spacing:-.02em;font-size:min(20cqw,18cqh,58px);font-weight:300;line-height:1}.v-poster .pu{color:var(--text);font-size:14px}.v-poster .mini{align-items:flex-end;gap:3px;height:34%;min-height:40px;display:flex}.v-poster .mini i{background:#c8aa6e73;border-radius:2px 2px 0 0;flex:1}.v-poster .mini i.top{background:#5ce1d4}.v-poster.wide{flex-direction:row;align-items:stretch}.v-poster.wide .pt-text{flex:none;justify-content:center;max-width:45%}.v-poster.wide .mini{flex:1;height:auto}.v-heat{flex:1;gap:2px;min-height:0;display:grid}.v-heat i{background:#ffffff0d;border-radius:2px;min-width:0;min-height:0;display:block}.v-heat i.l1,.v-tiles .tile.l1{background:#0e3a3d}.v-heat i.l2,.v-tiles .tile.l2{background:#0b6b6b}.v-heat i.l3,.v-tiles .tile.l3{background:#0aa39a}.v-heat i.l4,.v-tiles .tile.l4{background:#5ce1d4}.v-heat .hl{color:var(--dim);white-space:nowrap;font-size:10px;line-height:1;overflow:visible}.v-heat .hl.row{align-self:center;padding-right:6px}.v-heat .hl.col{padding-bottom:4px}.v-tiles{flex:1;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));grid-auto-rows:1fr;gap:6px;min-height:0;display:grid}.v-tiles .tile{background:#ffffff0d;border-radius:3px;flex-direction:column;justify-content:space-between;gap:2px;min-height:0;padding:8px 10px;display:flex;overflow:hidden;container-type:size}.v-tiles .tile span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:none;font-size:12px;line-height:1.2;overflow:hidden}.v-tiles .tile b{color:var(--bright);font-size:16px;font-weight:500}.v-tiles .tile.l4 span,.v-tiles .tile.l4 b{color:#0e2233}.v-tiles .tile b{white-space:nowrap;text-overflow:ellipsis;font-size:min(24px,34cqh,16cqw);line-height:1;overflow:hidden}.v-radial{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.v-radial svg{width:100%;height:100%}.v-radial.side{justify-content:flex-start;gap:16px}.v-radial.side svg{aspect-ratio:1;flex:none;width:auto;height:100%}.v-radial.below{flex-direction:column;gap:10px}.v-radial.below svg{flex:1;width:100%;height:auto;min-height:0}.radial-legend{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.v-radial.below .radial-legend{flex:none;width:100%}.rl-unit{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);font-size:12px;overflow:hidden}.radial-legend ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.radial-legend li{grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:13px;display:grid}.radial-legend li i{background:#077a83;border-radius:2px;width:10px;height:10px}.radial-legend li i.top{background:#5ce1d4}.radial-legend li span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.radial-legend li b{color:var(--bright);font-variant-numeric:tabular-nums;font-weight:500}.rl-note{color:var(--dim);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:12px;display:-webkit-box;overflow:hidden}.v-radial .ring{fill:none;stroke:#ffffff0f}.v-radial .bar.top{fill:#5ce1d4}.v-radial .lab{fill:var(--dim);font-size:14px;font-family:var(--sans)}.v-radial .mid{fill:var(--bright);font-size:22px;font-weight:400;font-family:var(--sans)}.icon{vertical-align:-.12em;flex:none;width:1em;height:1em;display:inline-block}:root{--gold:#c8aa6e;--gold-hi:#f0e6d2;--unplayed:#f58fae}.gold-frame{box-shadow:0 0 0 2px var(--gold), 0 0 16px #c8aa6e73;position:relative;overflow:hidden}.gold-frame:after{content:"";pointer-events:none;mix-blend-mode:screen;animation:4.2s ease-in-out infinite gold-shine;animation-delay:var(--d,0s);background:linear-gradient(115deg,#0000 38%,#f0e6d2b3 50%,#0000 62%) 160% 0/260% 100% no-repeat;position:absolute;inset:0}@keyframes gold-shine{0%,62%{background-position:160% 0}to{background-position:-60% 0}}.trophy-badge{color:#3b2a00;background:radial-gradient(circle at 35% 30%, var(--gold-hi), var(--gold) 60%, #b58a1c);border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 2px 6px #00000073}.sparkles{pointer-events:none;position:absolute;inset:-6px -10px}.sparkles i{background:var(--gold-hi);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0;width:10px;height:10px;animation:2.4s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.v-highlight .hl-num{align-items:center;gap:10px;display:flex;position:relative}.v-highlight .hl-icon{font-size:min(10cqw,30px)}.v-highlight.gold b{background:linear-gradient(100deg, #b58a1c, var(--gold) 30%, var(--gold-hi) 50%, var(--gold) 70%, #b58a1c);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:5s linear infinite gold-text}.v-highlight.gold .hl-icon,.v-highlight.gold span{color:var(--gold)}@keyframes gold-text{to{background-position:-200% 0}}.v-highlight.unplayed .hl-icon,.v-highlight.unplayed span{color:var(--unplayed)}.v-chart i.gold{box-shadow:0 0 10px #c8aa6e80;background:linear-gradient(to right, #b58a1c, var(--gold), var(--gold-hi))!important}.v-chart.vert i.gold{background:linear-gradient(to top, #b58a1c, var(--gold), var(--gold-hi))!important}.v-toplist .thumb{border-radius:2px;flex:none;width:74px;height:34px;display:block}.v-toplist .thumb img,.v-toplist .thumb .ph{width:100%;height:100%}.v-toplist li.gold{background:linear-gradient(90deg,#c8aa6e29,#0000002e 60%)}.v-toplist li.gold .sc{color:var(--gold);align-items:center;gap:4px;display:inline-flex}.v-toplist li.unplayed .nm{align-items:center;gap:6px;min-width:0;display:inline-flex}.v-toplist li.unplayed .sc{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600;color:var(--unplayed)!important}.v-toplist .rk-icon{justify-self:center;font-size:16px}.v-toplist li.gold .rk-icon{color:var(--gold)}.v-toplist li.unplayed .rk-icon,.v-toplist .nm-icon{color:var(--unplayed)}.v-toplist .nm-icon{font-size:15px}.v-progress.gold .p-track i{background:linear-gradient(to right, #b58a1c, var(--gold), var(--gold-hi));box-shadow:0 0 10px #c8aa6e80}.v-progress.gold .p-head b{color:var(--gold)}.v-progress.unplayed .p-track i{background:linear-gradient(to right, #c45b7d, var(--unplayed))}.v-summary.gold{border-left-color:var(--gold)}.v-summary.unplayed{border-left-color:var(--unplayed)}.summary-icon{margin-top:2px;margin-right:10px;font-size:22px}.v-summary.gold .summary-icon{color:var(--gold)}.v-summary.unplayed .summary-icon{color:var(--unplayed)}.v-tiles .tile.gold{background:linear-gradient(135deg, #b58a1c, var(--gold) 55%, var(--gold-hi))!important}.v-tiles .tile.gold span,.v-tiles .tile.gold b{color:#3b2a00!important}.v-tiles .tile.unplayed{background:linear-gradient(135deg,#8a3c58,#c45b7d)!important}.v-radial .bar.gold{fill:var(--gold)}.v-radial .bar.unplayed{fill:var(--unplayed)}.sealed{border-radius:4px;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e,0 4px 12px #0006}.sealed .fit-art{box-shadow:none;border-radius:0}.sealed-wrap{pointer-events:none;background:linear-gradient(125deg,#ffffff4d 0%,#ffffff0f 22%,#0000 40% 62%,#ffffff24 78%,#0000 92%),linear-gradient(#ffffff14,#0000 30%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 0 18px #ffffff14}.sealed-wrap:after{content:"";animation:5.5s ease-in-out infinite gold-shine;animation-delay:var(--d,0s);background:linear-gradient(115deg,#0000 40%,#ffffff73 50%,#0000 60%) 160% 0/260% 100% no-repeat;position:absolute;inset:0}.sealed-tag{background:var(--unplayed);color:#2b0f19;font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;border-radius:3px;padding:2px 7px;position:absolute;top:6px;left:6px;box-shadow:0 2px 6px #0006}@media (prefers-reduced-motion:reduce){.sealed-wrap:after,.gold-frame:after,.sparkles i,.v-highlight.gold b{animation:none}.sparkles{display:none}}.compare-pick{width:min(640px,100%)}.friends-title{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:20px 0 8px;font-size:13px;font-weight:500}.friend-filter{width:100%;font:14px var(--sans);color:var(--bright);background:#0000004d;border:1px solid #ffffff1a;border-radius:3px;margin-bottom:8px;padding:7px 10px}.friends{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.friend{color:var(--text);background:#0003;border-radius:3px;align-items:center;gap:8px;min-width:0;padding:6px 8px;font-size:14px;display:flex}a.friend:hover{background:var(--blue);color:var(--bg-deep)}.friend img,.friend .chip-ph{object-fit:cover;border-radius:2px;flex:none;width:28px;height:28px}.friend span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.friend .f-name{min-width:0}.sugg-head{align-items:center;gap:12px;margin:20px 0 8px;display:flex}.sugg-head .friends-title{margin:0}.sugg-head .friend-filter{flex:1;margin:0}.sugg-more{margin-top:10px}.compare-btn{color:var(--bright);background:linear-gradient(135deg,#0ac8b9,#005a82);gap:10px;padding:10px 18px 10px 10px;box-shadow:0 4px 18px #c8aa6e59}.compare-btn:hover{filter:brightness(1.1);color:var(--bright)}.vs-mini{color:#005a82;width:28px;height:28px;font:800 11px var(--sans);background:#ffffffeb;border-radius:50%;place-items:center;display:grid}.vs{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:22px;display:grid}.vs-who{color:var(--text);align-items:center;gap:14px;min-width:0;display:flex}.vs-who.b{text-align:right;flex-direction:row-reverse}.vs-who b{color:var(--bright);white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:500;display:block;overflow:hidden}.vs-who span{color:var(--dim);font-size:14px}.vs-who:hover b{color:var(--blue)}.vs-badge{font:800 22px var(--sans);color:var(--bg-deep);background:linear-gradient(135deg,#0ac8b9,#005a82);border-radius:50%;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 24px #c8aa6e66}.vs-card{background:linear-gradient(to bottom, #12171d, var(--panel));border-radius:4px;margin-bottom:14px;padding:16px 18px;box-shadow:0 0 0 1px #ffffff0a}.compare{--pa:#0ac8b9;--pb:#f0a35e}.vs-avatar{width:84px;height:84px}.vs-who.a span{color:var(--pa)}.vs-who.b span{color:var(--pb)}.cmp-match{background:linear-gradient(110deg,#c8aa6e1f,#091428e6 45%,#f0a35e1f);border-radius:6px;justify-content:center;align-items:center;gap:32px;margin-bottom:18px;padding:18px 22px;display:flex;box-shadow:0 0 0 1px #ffffff0d}.cmp-gauge{flex:none;width:132px;height:132px}.cmp-gauge .track{fill:none;stroke:#ffffff14;stroke-width:10px}.cmp-gauge .fill{fill:none;stroke:var(--pa);stroke-width:10px;stroke-linecap:round}.cmp-gauge .num{fill:var(--bright);font:300 30px var(--sans);text-anchor:middle}.cmp-gauge .lbl{fill:var(--dim);font:500 11px var(--sans);text-anchor:middle;letter-spacing:.12em;text-transform:uppercase}.cmp-match-text{flex:0 460px;min-width:0}.cmp-match-text h2{color:var(--bright);margin:0;font-size:24px;font-weight:500}.cmp-match-text p{color:var(--dim);margin:4px 0 12px;font-size:14px}.cmp-match-text ul{gap:7px;margin:0;padding:0;list-style:none;display:grid}.cmp-match-text li{grid-template-columns:104px 1fr 42px;align-items:center;gap:10px;font-size:13px;display:grid}.cmp-match-text li span{color:var(--text)}.cmp-match-text li .bar{background:#ffffff12;border-radius:4px;height:8px;display:flex}.cmp-match-text li i{background:linear-gradient(to right, var(--pa), var(--pb));border-radius:4px;min-width:3px}.cmp-match-text li b{color:var(--bright);text-align:right;font-weight:500}.cmp-grid{margin-bottom:18px}.cmp-grid .card-body{padding:10px 14px 4px}.cmp-line{color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding:0 14px 10px;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.cmp-duel{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.cmp-sides{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cmp-sides .side{flex-direction:column;min-width:0;display:flex}.cmp-sides .side.b{text-align:right}.cmp-sides b{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:min(13cqw,30cqh,38px);font-weight:300;line-height:1.05;overflow:hidden}.cmp-sides span{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.cmp-sides .a.win b{color:var(--pa);font-weight:400}.cmp-sides .b.win b{color:var(--pb);font-weight:400}.cmp-sides .win span:after{content:" ▲";font-size:9px}.cmp-split{border-radius:3px;gap:2px;height:6px;display:flex;overflow:hidden}.cmp-split .a{background:var(--pa)}.cmp-split .b{background:var(--pb)}.cmp-unit{color:var(--dim);text-align:center;margin:0;font-size:12px}.cmp-bars{scrollbar-width:none;flex:1;align-content:start;gap:5px;min-height:0;display:grid;overflow:hidden auto}.cmp-bars::-webkit-scrollbar{display:none}@container (max-width:260px){.cmp-line{display:none}}.cmp-bars-head,.cmp-bar-row{grid-template-columns:1fr minmax(110px,38%) 1fr;align-items:center;gap:10px;display:grid}.cmp-bars-head span{text-transform:uppercase;letter-spacing:.06em;color:var(--pa);text-align:right;font-size:11px}.cmp-bars-head span:last-child{color:var(--pb);text-align:left}.cmp-bar-row .half{align-items:center;gap:6px;min-width:0;height:24px;display:flex}.cmp-bar-row .track{flex:1;min-width:0;display:flex}.cmp-bar-row .half.a .track{justify-content:flex-end}.cmp-bar-row .half i{opacity:.55;border-radius:2px;flex:none;min-width:2px;height:10px;display:block}.cmp-bar-row .half.a i{background:var(--pa)}.cmp-bar-row .half.b i{background:var(--pb)}.cmp-bar-row .half i.lead{opacity:1}.cmp-bar-row .v{min-width:3.4em;color:var(--text);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.cmp-bar-row .half.a .v{text-align:right}.cmp-bar-row .mid{background:#00000038;border-radius:3px;align-items:center;gap:8px;min-width:0;padding:2px;display:flex}.cmp-bar-row .mid img,.cmp-bar-row .mid .ph{object-fit:cover;border-radius:2px;flex:none;width:46px;height:22px}.cmp-bar-row .mid span{color:var(--bright);white-space:nowrap;text-overflow:ellipsis;padding-right:4px;font-size:12.5px;overflow:hidden}.cmp-bars.single{align-content:center;gap:10px}.cmp-one{grid-template-columns:minmax(60px,30%) 1fr auto;align-items:center;gap:10px;display:grid}.cmp-one .who{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.cmp-one i{border-radius:3px;min-width:3px;height:12px;display:block}.cmp-one.a i{background:var(--pa)}.cmp-one.b i{background:var(--pb)}.cmp-one .v{color:var(--bright);font-size:15px}.cmp-summary{flex-direction:column;flex:1;justify-content:center;gap:10px;display:flex}.cmp-summary p{color:var(--text);margin:0;font-size:16px;line-height:1.45}.cmp-mini{color:var(--dim);justify-content:space-between;gap:10px;font-size:13px;display:flex}.cmp-mini b{color:var(--text);margin-left:4px;font-weight:500}.cmp-mini .a.win b{color:var(--pa)}.cmp-mini .b.win b{color:var(--pb)}@container (max-width:480px){.cmp-bars{gap:9px;padding-bottom:14px;-webkit-mask-image:linear-gradient(#000 calc(100% - 28px),#0000);mask-image:linear-gradient(#000 calc(100% - 28px),#0000)}.cmp-bars-head{grid-template-columns:1fr 1fr}.cmp-bars-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cmp-bars-head span:nth-child(2){display:none}.cmp-bar-row{grid-template-columns:1fr 1fr;grid-template-areas:"mid mid""a b";row-gap:3px}.cmp-bar-row .mid{background:0 0;grid-area:mid;padding:0}.cmp-bar-row .mid img,.cmp-bar-row .mid .ph{width:32px;height:15px}.cmp-bar-row .half{height:16px}.cmp-bar-row .half.a{grid-area:a}.cmp-bar-row .half.b{grid-area:b}}.cmp-grid .mg-rowbar{color:var(--bright);border-bottom:1px solid #ffffff14}.cmp-grid .mg-rowtype{font:500 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--bright)}.cmp-grid .mg-rowtype option{background:var(--panel);text-transform:none}.cmp-grid .mg-rowmeta{color:var(--dim)}.cmp-grid .mg-rowtools button{width:26px;height:24px;color:var(--text);background:#ffffff0f;border:0;border-radius:3px}.vs-card h2{color:var(--bright);margin:0 0 14px;font-size:16px;font-weight:500}.vs-two{grid-template-columns:1fr 1fr;gap:14px;display:grid}.vs-two .vs-card{margin-bottom:0}.picks{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.picks li{flex-direction:column;gap:4px;min-width:0;display:flex}.picks img,.picks .ph{aspect-ratio:2/3;object-fit:cover;background:var(--panel-2);border-radius:3px;width:100%;box-shadow:0 4px 12px #00000059}.pk-name{color:var(--bright);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.pk-hours{color:var(--dim);font-size:12px}.together .hint{margin:-8px 0 14px}.together h3{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);margin:16px 0 8px;font-size:13px;font-weight:500}.together .hint+h3{margin-top:0}.tg-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tg-list li{background:#0003;border-radius:4px;align-items:center;gap:12px;min-width:0;padding:8px;display:flex}.tg-list img,.tg-list .ph{aspect-ratio:460/215;object-fit:cover;background:var(--panel-2);border-radius:3px;flex:none;width:128px}.tg-list li>div{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.tg-name{color:var(--bright);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;overflow:hidden}.tg-mode{letter-spacing:.04em;text-transform:uppercase;color:#9fe6cf;background:#6fd6b824;border-radius:3px;padding:1px 7px;font-size:11px;font-weight:600}.tg-mode.online-pvp,.tg-mode.multi{color:#f5c2d2;background:#f58fae24}.tg-why{color:var(--dim);font-size:12px}.tg-why i{font-style:normal}.tg-why .pa{color:var(--pa)}.tg-why .pb{color:var(--pb)}.never{background:linear-gradient(to bottom, #12171d, var(--panel));border-radius:4px;margin-top:14px;padding:18px 20px 20px;box-shadow:0 0 0 1px #ffffff0a}.never header{max-width:70ch;margin-bottom:14px}.never h2{color:var(--bright);align-items:center;gap:10px;margin:0 0 4px;font-size:16px;font-weight:500;display:flex}.never h2 .icon{color:var(--unplayed);font-size:20px}.never header p{color:var(--dim);margin:0;font-size:14px}.never-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-rows:165px;gap:12px;display:grid}.never-more{margin-top:14px}@media (max-width:720px){.vs{grid-template-columns:1fr;justify-items:center}.vs-who,.vs-who.b{text-align:center;flex-direction:column}.vs-two{grid-template-columns:1fr}.compare .vs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:8px}.compare .vs-who,.compare .vs-who.b{text-align:center;flex-direction:column;gap:6px}.compare .vs-who b{white-space:normal;overflow-wrap:anywhere;font-size:16px}.compare .vs-who span{font-size:12px}.compare .vs-badge{width:38px;height:38px;margin-top:16px;font-size:15px}.cmp-match{text-align:center;flex-direction:column;gap:10px;padding:16px 14px}.cmp-match-text{flex:none;width:100%}.cmp-match-text h2{font-size:21px}.cmp-match-text p{margin-bottom:10px}.cmp-match-text li{text-align:left;grid-template-columns:92px 1fr 38px}.cmp-gauge{width:112px;height:112px}.cmp-grid .card-title span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box}.vs-avatar{width:64px;height:64px}.never-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:140px}}.modal{z-index:80;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-box{background:linear-gradient(to bottom, #2a3f5a, var(--panel) 160px);border-radius:4px;width:min(560px,100%);max-height:100%;padding:20px 22px 22px;overflow:auto;box-shadow:0 20px 60px #0009}.modal-box header{justify-content:space-between;align-items:center;display:flex}.modal-box h2{color:var(--bright);margin:0;font-size:20px;font-weight:500}.modal-close{color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:3px;padding:4px 8px;font-size:18px}.modal-close:hover{color:var(--bright);background:#ffffff14}.modal-close:focus-visible{outline:2px solid var(--blue)}.modal-big{color:var(--blue);margin:14px 0 6px}.modal-big b{color:var(--bright);margin-right:4px;font-size:36px;font-weight:300}.modal-line{margin:0 0 16px}.modal-list{gap:6px}.modal-list.art li .rk{text-align:center;width:74px}.modal-list li{min-height:36px}.share{width:min(640px,100%)}.share-preview{background:var(--panel-2);border-radius:4px;place-items:center;margin:14px 0 6px;display:grid;position:relative;overflow:hidden}.share-preview.card{aspect-ratio:1200/630}.share-preview img{object-fit:contain;grid-area:1/1;width:100%;height:100%}.share-preview[data-loading] img{opacity:0}.share-preview span{color:var(--dim);grid-area:1/1;font-size:14px}.share-row textarea{resize:vertical;min-width:0;font:13px/1.4 var(--sans);color:var(--bright);background:#00000059;border:1px solid #ffffff1a;border-radius:3px;flex:1;padding:8px 10px}.share-row textarea:focus{border-color:var(--blue);outline:none}.share-note{color:var(--dim);margin:0 0 14px;font-size:13px}.share-field{margin-bottom:12px}.share-field label{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;display:block}.share-row{gap:8px;display:flex}.share-row input{min-width:0;color:var(--bright);background:#00000059;border:1px solid #ffffff1a;border-radius:3px;flex:1;padding:8px 10px;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.share-row input:focus{border-color:var(--blue);outline:none}.share-steam{background:#00000040;border-radius:4px;margin-top:18px;padding:14px 16px}.share-steam h3{color:var(--bright);margin:0 0 6px;font-size:15px;font-weight:500}.share-steam p{margin:0 0 12px;font-size:14px}@media (max-width:720px){.profile{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 14px;display:grid}.profile .compare-btn{order:5;grid-column:1/-1;justify-content:center}.avatar{width:56px;height:56px}.who h1{font-size:21px}.who p{font-size:13px;line-height:1.45}.level{text-transform:uppercase;letter-spacing:.06em;flex-direction:column;gap:2px;font-size:11px}.level b{width:36px;height:36px;font-size:15px}.dash-bar{flex-direction:column;align-items:stretch;gap:8px}.dash-bar .status{display:none}.dash-tools{flex-wrap:wrap;justify-content:flex-end}.dash-tools .preset-pick{margin-right:auto}.preset-pick span{display:none}.landing{padding-top:36px}.logo em{display:none}}@media (hover:none){.card-tools button{width:32px;height:30px;font-size:16px}}@media (prefers-reduced-motion:reduce){.card-tools{transition:none}}:root{--red:#e84057;--line:#c8aa6e24}.btn.primary{color:#010a13;background:linear-gradient(#c8aa6e,#785a28);font-weight:600}.persona{aspect-ratio:1;color:var(--gold-hi)}.persona svg{width:100%;height:100%;display:block}.persona-ring{fill:none;stroke:var(--gold);stroke-width:2.5px}.persona-core{fill:#c8aa6e24;stroke:#c8aa6e66;stroke-width:1px}.search-row select{font:15px var(--sans);color:var(--bright);background:#00000059;border:1px solid #ffffff1a;border-radius:3px;flex:none;padding:0 10px}.rank-badge{text-align:center;border:1px solid #c8aa6e66;border-radius:3px;place-items:center;padding:6px 14px;display:grid}.rank-badge span{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);font-size:11px}.rank-badge b{color:var(--gold);font-size:18px}.who h1 .dim{color:var(--dim);font-weight:500}:root{--display:var(--font-display), "Beaufort for LOL", Georgia, serif;--win:#0ac8b9;--loss:#e84057;--cut:10px}.topbar{box-shadow:0 1px #c8aa6e59}.hero h1,.who h1,.facts h2{font-family:var(--display);letter-spacing:.01em}.hero h1{color:var(--gold-hi)}.tag{background:var(--gold);color:#010a13}.avatar{border-radius:50%}.stat-grid .mg-block{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));box-shadow:none;background:linear-gradient(#c8aa6e,#785a28 25%,#3c3c41 60%,#785a28);border:0;border-radius:0;padding:1px}.stat-grid .mg-block:hover{box-shadow:none;background:linear-gradient(#f0e6d2,#c8aa6e 25%,#785a28 60%,#c8aa6e)}.stat-grid .mg-block.mg-dragging{box-shadow:none;background:linear-gradient(#f0e6d2,#c8aa6e)}.stat-grid .card{clip-path:polygon(calc(var(--cut) - .4px) 0, 100% 0, 100% calc(100% - var(--cut) + .4px), calc(100% - var(--cut) + .4px) 100%, 0 100%, 0 calc(var(--cut) - .4px));background:radial-gradient(120% 80% at 50% 0,#0a323c59,#0000 70%),linear-gradient(#10151b,#07090c)}.card{border-top:0}.card-head{background:linear-gradient(90deg,#c8aa6e1a,#0000 70%);box-shadow:inset 0 -1px #c8aa6e2e}.card-title{font:700 12.5px var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--gold-hi)}.v-highlight b{font-family:var(--display);letter-spacing:0;color:var(--gold-hi);font-weight:600}.v-summary{border-left-color:var(--gold)}.v-chart i.win,.v-chart.vert i.win{background:linear-gradient(to top, #005a82, var(--win))}.v-chart i.loss,.v-chart.vert i.loss{background:linear-gradient(to top, #6b1d2a, var(--loss))}.v-heat i.loss.l4{background:var(--loss)}.champ{background:linear-gradient(#c8aa6e,#463714);border-radius:50%;flex:none;width:30px;height:30px;padding:2px;display:inline-block}.champ img,.champ i{object-fit:cover;background:var(--panel-2);border-radius:50%;width:100%;height:100%;display:block}.champ.gold{background:linear-gradient(#f0e6d2,#c8aa6e);box-shadow:0 0 10px #c8aa6e99}.role-icon{width:18px;height:18px;color:var(--gold);flex:none;display:block}.v-toplist.glyphs li{grid-template-columns:32px 1fr auto;padding:3px 10px 3px 4px}.v-toplist .gl{place-items:center;display:grid}.v-toplist li.win{box-shadow:inset 3px 0 var(--win);background:linear-gradient(90deg,#0ac8b929,#0000002e 60%)}.v-toplist li.loss{box-shadow:inset 3px 0 var(--loss);background:linear-gradient(90deg,#e8405729,#0000002e 60%)}.v-toplist .res{font:700 10.5px var(--display);text-transform:uppercase;letter-spacing:.06em;margin-right:8px}.v-toplist li.win .res{color:var(--win)}.v-toplist li.loss .res{color:var(--loss)}.v-chart.vert .lab{justify-content:center;display:flex}.v-chart.vert .lab .champ{aspect-ratio:1;width:min(28px,100%);height:auto}.v-chart.horiz .lab{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex;overflow:hidden}.v-chart.horiz .lab .champ{order:2;width:20px;height:20px;padding:1px}.v-chart.horiz .lab .role-icon{order:2;width:16px;height:16px}.v-radial .lab-role{color:var(--dim)}.v-radial .lab-role.top{color:var(--gold)}.tier-crest{flex:none;display:block}.v-highlight.hl-rank{flex-direction:row;justify-content:flex-start;align-items:center;gap:min(4cqw,14px)}.hl-crest{filter:drop-shadow(0 4px 10px #00000080);width:auto;height:min(78cqh,32cqw,100px)}.hl-rank-text{min-width:0}.hl-rank-text b{font:700 min(10cqw, 26cqh, 34px)/1.05 var(--display);color:var(--gold-hi);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hl-rank-text span{color:var(--gold);margin-top:6px;font-size:13px;display:block}.v-crest{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;min-height:0;display:flex}.v-crest.wide{text-align:left;flex-direction:row;gap:28px}.crest-big{filter:drop-shadow(0 8px 18px #0009);width:auto;height:min(62cqh,170px)}.crest-text b{font:700 min(9cqw, 32px)/1.1 var(--display);color:var(--gold-hi);display:block}.crest-text span{color:var(--gold);font-size:13px}.rank-badge{text-align:left;align-items:center;gap:10px;display:flex}.rank-badge .tier-crest{width:46px;height:46px}.rank-badge>div{display:grid}.rank-badge b{font-family:var(--display)}.rank-badge small{color:var(--dim);font-size:12px}.kda-line{color:var(--text);font-variant-numeric:tabular-nums;margin-top:6px;font-size:14px}.kda-line em{color:var(--loss);font-style:normal}.v-highlight.penta b{font:700 min(11cqw, 28cqh, 40px)/1 var(--display);text-transform:uppercase;letter-spacing:.04em}.v-splash{flex:1;min-height:0;margin:-12px -14px -14px;position:relative;overflow:hidden}.v-splash .splash-img,.v-splash .ph{object-fit:cover;object-position:center 22%;width:100%;height:100%;position:absolute;inset:0}.v-splash:after{content:"";background:linear-gradient(#0000 30%,#010a1340 55%,#010a13f2);position:absolute;inset:0}.v-splash figcaption{z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.splash-name{font:700 min(9cqw, 44px)/1 var(--display);color:var(--gold-hi);text-transform:uppercase;letter-spacing:.04em;text-shadow:0 2px 14px #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.splash-stat{color:var(--text);font-size:13px}.splash-stat b{color:var(--gold);font-size:18px}.v-history{flex:1;justify-content:flex-end;align-items:center;gap:6px;min-height:0;display:flex}.hist{width:var(--s);flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.hist .champ{width:var(--s);height:var(--s);padding:2px}.hist.win .champ{background:linear-gradient(var(--win), #005a82)}.hist.loss .champ{background:linear-gradient(var(--loss), #6b1d2a)}.hist.loss img{filter:grayscale(.55)brightness(.8)}.hist b{font:700 12px/1 var(--display)}.hist.win b{color:var(--win)}.hist.loss b{color:var(--loss)}.hist span{color:var(--dim);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10.5px}.hl-rank-text b{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:min(8cqw,22cqh,28px);display:-webkit-box}.v-chart i{background:linear-gradient(to right, #005a82, var(--win))}.v-chart.vert i{background:linear-gradient(to top, #005a82, var(--win))}.v-chart i.top{background:linear-gradient(to right, var(--win), #a8f0e8)}.v-chart.vert i.top{background:linear-gradient(to top, var(--win), #a8f0e8)}:root{--bg:#1a1f26;--bg-deep:#121820;--panel:#232a33;--panel-2:#323a45;--text:#e2dccd;--dim:#b0aa9c}html{background:#121820}body{background:radial-gradient(1100px 480px at 50% -180px,#c8aa6e33,#0000 70%),radial-gradient(900px 700px at 100% -100px,#0a5a6e59,#0000 70%),linear-gradient(#232a33 0,#1a1f26 520px,#151a21 100%)}.topbar{background:#151a21}.stat-grid .card{background:radial-gradient(120% 80% at 50% 0,#0a6e822e,#0000 70%),linear-gradient(#2a313b,#20262e)}.card-head{background:linear-gradient(90deg,#c8aa6e29,#ffffff08 70%)}.v-toplist li{background:#ffffff0d}.v-chart .track,.v-heat i{background:#ffffff14}.v-heat i.off{background:0 0}.p-track{background:#161b21}.row-insert span{background:#1a1f26}.v-splash:after{background:linear-gradient(#0000 30%,#12182033 55%,#121820eb)}.btn.small{padding:8px 14px;font-size:13px}.lp{flex:1;width:100%}.lp-hero{isolation:isolate;align-items:center;min-height:640px;padding:72px max(16px,50vw - 590px) 88px;display:flex;position:relative;overflow:hidden}.lp-hero:before{content:"";z-index:-2;background:var(--splash) 70% 20% / cover no-repeat;animation:30s ease-in-out infinite alternate lp-drift;position:absolute;inset:0}.lp-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#121820f5 0%,#121820db 34%,#12182033 68%,#12182059),linear-gradient(0deg,#1a1f26 0,#0000 28%);position:absolute;inset:0}@keyframes lp-drift{0%{transform:scale(1.04)}to{transform:scale(1.12)translate(-1.5%)}}@media (prefers-reduced-motion:reduce){.lp-hero:before{animation:none}}.lp-kicker{font:700 13px var(--display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}.lp-kicker:before{content:"";vertical-align:middle;background:var(--gold);width:28px;height:1px;margin-right:10px;display:inline-block}.lp-hero h1{font:700 clamp(32px, 5.4vw, 56px)/1.08 var(--display);color:var(--gold-hi);text-shadow:0 2px 24px #0009;margin:0 0 16px}.lp-hero .lede{color:var(--text)}.lp-credit{font:700 12px var(--display);letter-spacing:.14em;text-transform:uppercase;color:#f0e6d2b3;text-shadow:0 1px 8px #000;margin:0;position:absolute;bottom:36px;right:max(16px,50vw - 590px)}.lp-search{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:linear-gradient(#f0e6d2,#c8aa6e 30%,#785a28);margin-bottom:14px;padding:1px}.lp-search-in{clip-path:polygon(11.6px 0,100% 0,100% calc(100% - 11.6px),calc(100% - 11.6px) 100%,0 100%,0 11.6px);background:#121820f0;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.lp-field{flex-direction:column;gap:6px;min-width:0;display:flex}.lp-field span{font:700 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.lp-field input,.lp-field select{width:100%;height:46px;font:16px var(--sans);color:var(--bright);background-color:#00000059;border:1px solid #c8aa6e4d;border-radius:2px;padding:0 12px}.lp-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c8aa6e'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.lp-field select option{color:var(--text);background:#1e2328}.lp-field input:focus,.lp-field select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #c8aa6e33}.lp-go{text-transform:uppercase;letter-spacing:.08em;height:46px;font:700 14px var(--display);flex:none;padding:0 22px}@media (max-width:560px){.lp-field.region,.lp-go{flex:100%}}.lp-fan{z-index:1;justify-content:center;margin-top:-70px;padding:10px 16px 30px;display:flex;position:relative}.lp-card{--w:clamp(92px, 13vw, 168px);width:var(--w);aspect-ratio:308/560;margin:0 calc(var(--w) * -.14);transform:translateY(calc(var(--i) * var(--i) * 6px)) rotate(calc(var(--i) * 5deg));background:#1e2328;border:2px solid #c8aa6e;flex:none;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #463714,0 18px 40px #0000008c}.lp-card:hover{z-index:2;transform:translateY(-16px)rotate(0)scale(1.06);box-shadow:0 0 0 1px #f0e6d2,0 0 28px #c8aa6e73,0 22px 44px #0009}.lp-card img{object-fit:cover;width:100%;height:100%;display:block}.lp-card figcaption{text-align:center;font:700 clamp(10px, 1.1vw, 13px) var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-hi);background:linear-gradient(#0000,#010a13e6);padding:22px 6px 8px;position:absolute;bottom:0;left:0;right:0}@media (max-width:640px){.lp-card:first-child,.lp-card:nth-child(7){display:none}.lp-fan{margin-top:-40px}}.lp-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1180px;margin:30px auto 0;padding:0 16px;display:grid}@media (max-width:960px){.lp-features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.lp-features{grid-template-columns:1fr}}.lp-feat{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(#2a313b,#20262e);border:1px solid #c8aa6e59;border-top-color:#c8aa6e;padding:20px;position:relative}.lp-feat h2{font:700 15px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-hi);margin:14px 0 6px}.lp-feat p{color:var(--dim);margin:0;font-size:14px}.lp-vis{align-items:center;gap:8px;height:64px;display:flex}.lp-vis.crests .tier-crest{filter:drop-shadow(0 4px 8px #00000080);width:auto;height:60px}.lp-vis.crests .tier-crest:nth-child(2){height:64px}.lp-vis.champs .champ{width:44px;height:44px;margin-right:-14px;box-shadow:0 4px 10px #00000073}.lp-vis.roles span{background:#00000040;border:1px solid #c8aa6e66;place-items:center;width:40px;height:40px;margin:0 4px;display:grid;transform:rotate(45deg)}.lp-vis.roles .role-icon{width:20px;height:20px;transform:rotate(-45deg)}.lp-vis.morph{gap:10px}.lp-vis.morph>span{background:#00000040;border:1px solid #c8aa6e;justify-content:center;align-items:center;width:64px;height:52px;display:flex}.lp-vis.morph b{font:700 20px var(--display);color:var(--gold-hi)}.lp-vis.morph i{color:var(--gold);font-size:20px;font-style:normal}.lp-vis.morph .m-b{align-items:flex-end;gap:4px;padding:8px}.lp-vis.morph .m-b em{background:linear-gradient(#0ac8b9,#005a82);width:8px}.lp-tiers{text-align:center;max-width:1180px;margin:56px auto 40px;padding:0 16px}.lp-tiers h2{font:700 clamp(20px, 3vw, 28px) var(--display);color:var(--gold-hi);margin:0 0 22px}.lp-tiers h2:before,.lp-tiers h2:after{content:"";background:var(--gold);vertical-align:middle;width:48px;height:1px;margin:0 14px;display:inline-block}.lp-tiers ol{flex-wrap:wrap;justify-content:center;gap:10px 4px;margin:0;padding:0;list-style:none;display:flex}.lp-tiers li{flex-direction:column;align-items:center;gap:6px;width:92px;transition:transform .2s;display:flex}.lp-tiers li:hover{transform:translateY(-4px)}.lp-tiers .tier-crest{filter:drop-shadow(0 6px 10px #00000080);width:64px;height:64px}.lp-tiers span{font:700 11px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.lp-hero-inner{max-width:660px}.lp-field.id{flex:190px}.lp-field.region{flex:0 200px}.lp-features{margin-top:0}.lp-tiers li{width:108px}.lp-tiers span{letter-spacing:.04em}.lp-fan{padding-bottom:88px}.glyph-crest{width:26px;height:26px}.v-chart.horiz .lab .glyph-crest{order:2;width:20px;height:20px}.stat-icon{--c:#e2c27a;width:26px;height:26px;box-shadow:none;color:var(--c);background:0 0;border-radius:0}.stat-icon svg{width:100%;height:100%;overflow:visible}.stat-icon .si-frame{fill:#010a13bf;stroke:#c8aa6e;stroke-width:1.4px}.stat-icon.trophy{--c:#f0d38a}.stat-icon.shelf{--c:#f08a98}.stat-icon.library{--c:#4fd8cb}.stat-icon.time{--c:#9cc2ee}.stat-icon.you{--c:#c9a8ff}.card-title .stat-icon{width:24px;height:24px}.modal-title .stat-icon{width:34px;height:34px}.card-head{box-shadow:none;position:relative}.card-head:before{content:"";background:linear-gradient(90deg,#0000,#785a28 15%,#c8aa6e 50%,#785a28 85%,#0000);height:1px;position:absolute;bottom:0;left:12px;right:12px}.card-head:after{content:"";background:#c8aa6e;width:6px;height:6px;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:0 0 0 2px #232a33}.card-tools button,.row-tools button{color:#c8aa6e;width:24px;height:22px;font-family:var(--display);background:linear-gradient(#1e2328,#0f1318);border:1px solid #785a28;border-radius:0}.card-tools button:hover,.row-tools button:hover:not(:disabled){color:#f0e6d2;background:linear-gradient(#2a3038,#1e2328);border-color:#f0e6d2;box-shadow:0 0 8px #c8aa6e73}.btn{border-radius:0}.btn.ghost{background:#010a1359;border:1px solid #c8aa6e73}.btn.ghost:hover{color:var(--gold-hi);border-color:var(--gold);background:#c8aa6e26}.row-head{background:linear-gradient(90deg,#785a28,#785a2826 60%,#0000) bottom/100% 1px no-repeat;border-bottom:0}.row-head .vm-button,.row-type{font-family:var(--display);color:var(--gold-hi);font-weight:700}.row-type .vm-icon,.row-head .vm-icon{color:var(--gold)}.vm-button{border-radius:0}.row-meta{font-family:var(--display);color:var(--gold);opacity:.75}.row-insert span{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);background:#1a1f26;border-color:#785a28;border-radius:0;padding-left:12px;padding-right:12px}.preset-pick select{color:var(--gold-hi);font-family:var(--display);letter-spacing:.04em;background-color:#010a1380;border:1px solid #785a28;border-radius:0;font-weight:700}.vm-menu{background:linear-gradient(#1e2328,#10151b);border:1px solid #785a28;border-radius:0;box-shadow:0 0 0 1px #010a13,0 14px 40px #0009}.vm-menu button{font-family:var(--display);letter-spacing:.04em;border-radius:0}.vm-menu button:hover,.vm-menu button:focus-visible{color:var(--gold-hi);background:#c8aa6e24}.vm-menu .vm-check{color:var(--gold)}.p-track{background:#010a13;border-radius:0;height:10px;overflow:visible;box-shadow:0 0 0 1px #463714}.p-track i{background:linear-gradient(90deg,#005a82,#0ac8b9);border-radius:0;position:relative}.p-track i:after{content:"";background:#cdfaf6;width:2px;position:absolute;top:-3px;bottom:-3px;right:-1px;box-shadow:0 0 8px 2px #0ac8b9b3}.v-progress.tall .p-track i:after{width:auto;height:2px;inset:-1px -3px auto}.p-head b{font-family:var(--display);color:var(--gold-hi);font-weight:700}.v-chart .track{background:#010a1373;border-radius:0;box-shadow:inset 0 0 0 1px #46371499}.v-chart i{border-radius:0}.v-chart.horiz i{box-shadow:inset -2px 0 #a8f0e8}.v-chart.vert i{box-shadow:inset 0 2px #a8f0e8}.v-chart .val{font-variant-numeric:tabular-nums}.v-radial .ring{stroke:#c8aa6e47}.v-radial .bar{fill:#0b6b6b}.v-radial .bar.top{fill:#0ac8b9;filter:drop-shadow(0 0 4px #0ac8b999)}.v-radial .mid{fill:var(--gold-hi);font-family:var(--display);font-weight:700}.rl-unit{font-family:var(--display);color:var(--gold)}.radial-legend li i{background:#0b6b6b;border-radius:0;width:8px;height:8px;transform:rotate(45deg)}.radial-legend li i.top{background:#0ac8b9;box-shadow:0 0 6px #0ac8b9b3}.v-toplist li{background:#010a134d;border-radius:0;transition:box-shadow .15s,background .15s;box-shadow:inset 2px 0 #0000}.v-toplist li:not(.win):not(.loss):hover{box-shadow:inset 2px 0 0 var(--gold);background:#c8aa6e14}.v-toplist .rk{font-family:var(--display);color:var(--gold);font-weight:700}.v-heat i{border-radius:0}.v-tiles .tile{border-radius:0;box-shadow:inset 0 1px #c8aa6e80}.v-summary{border-left:2px solid #0000;border-image:linear-gradient(#c8aa6e,#c8aa6e00) 1}.fit-art,.wall-item,.v-showcase .ph{border-radius:0}.wall-item{box-shadow:0 0 0 1px #785a28,0 4px 12px #0006}.wall-item:hover{box-shadow:0 0 0 1px #f0e6d2,0 0 14px #c8aa6e80}.modal-box{background:radial-gradient(120% 60% at 50% 0,#0a6e8238,#0000 70%),linear-gradient(#1e2328,#10151b);border:1px solid #785a28;border-radius:0;box-shadow:0 0 0 1px #010a13,0 0 0 3px #c8aa6e26,0 24px 60px #0009}.modal-box h2{font-family:var(--display);color:var(--gold-hi);text-transform:uppercase;letter-spacing:.06em;font-size:18px;font-weight:700}.modal-big{color:var(--gold)}.modal-big b{font-family:var(--display);color:var(--gold-hi);font-weight:700}.modal-close{color:var(--gold);border-radius:0}.stat-grid .mg-cell.mg-slot[data-empty]{border:1px dashed #c8aa6e59;border-radius:0}.stat-grid .mg-cell[data-over]{border-color:var(--gold);background:#c8aa6e0f}.card-title{letter-spacing:.04em;gap:7px}.search-hint{min-height:20px;color:var(--dim);margin:-6px 0 4px;font-size:13px}.search-hint.ok{color:var(--win)}.search-hint.ok:before{content:"✓ "}.search-hint.warn{color:#e8b86b}.lp-field input[aria-invalid=true]{border-color:#e8b86b99}.lp-go:disabled{opacity:.8;cursor:progress}.recent{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.recent-label{font:700 11px var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-right:2px}.recent .chip{color:var(--text);background:#010a1380;border:1px solid #c8aa6e59;border-radius:0;font-size:13px}.recent .chip:hover{border-color:var(--gold);color:var(--gold-hi);background:#c8aa6e1f}.recent .chip em{color:var(--dim);margin-left:-4px;font-style:normal}.recent .chip img{border-radius:50%;box-shadow:0 0 0 1px #785a28}.top-search{flex:0 300px;min-width:0;margin-left:auto;display:flex}.top-search input{min-width:0;height:34px;font:14px var(--sans);color:var(--bright);background:#010a1399;border:1px solid #785a28;border-right:0;border-radius:0;flex:1;padding:0 10px}.top-search input:focus{border-color:var(--gold);outline:none}.top-search button{color:#010a13;cursor:pointer;background:linear-gradient(#c8aa6e,#785a28);border:1px solid #785a28;border-radius:0;place-items:center;width:38px;height:34px;display:grid}.top-search button svg{width:16px;height:16px}.top-search button:disabled{cursor:progress;opacity:.8}@media (max-width:560px){.topbar .logo em{display:none}.top-search{flex-basis:170px}}.lp-hero .error{color:#ffb3bd;border-left:3px solid var(--loss);background:#121820e6;max-width:600px;margin:0 0 10px;padding:9px 12px}.lp-hero .hint{text-shadow:0 1px 6px #000;padding:6px 0}.level b{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;width:auto;min-width:40px;padding:0 9px}@media (max-width:720px){.level b{min-width:36px;padding:0 7px}}.suggest{background:#121820eb;border:1px solid #c8aa6e59;border-top-color:#c8aa6e;max-width:600px;margin:0 0 12px;padding:12px 14px}.suggest p{color:var(--text);margin:0 0 10px;font-size:14px}.suggest p b{color:var(--gold-hi)}.suggest ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.suggest li a{color:var(--text);background:#010a1373;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:6px 10px 6px 6px;transition:background .15s,box-shadow .15s;display:grid;box-shadow:inset 2px 0 #0000}.suggest li a:hover,.suggest li a:focus-visible{box-shadow:inset 2px 0 0 var(--gold);color:var(--gold-hi);background:#c8aa6e1f;outline:none}.suggest img,.suggest .chip-ph{border-radius:50%;width:36px;height:36px;display:block;box-shadow:0 0 0 2px #785a28}.sg-name{color:var(--bright);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.sg-name em{color:var(--dim);margin-left:2px;font-style:normal;font-weight:400}.sg-meta{color:var(--gold);white-space:nowrap;font-size:13px}.suggest .hint{margin:10px 0 0;font-size:13px}.v-history{justify-content:center;gap:var(--gap,8px)}.preset-pick select{field-sizing:fixed;text-overflow:ellipsis;width:10.5em}.mastery-mark{min-width:26px;height:28px;font:700 12px/1 var(--display);color:#1a1206;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);filter:drop-shadow(0 2px 4px #00000080);background:linear-gradient(#f0e6d2,#c8aa6e 55%,#785a28);place-items:center;padding:0 4px;display:grid;position:absolute;top:6px;right:6px}.mastery-mark.sm{vertical-align:middle;min-width:20px;height:22px;margin-right:8px;font-size:10px;display:inline-grid;position:static}.topbar-end{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.topbar-end .top-search{margin-left:0}.lp-hero:before{aspect-ratio:1215/717;background:var(--splash) center / cover no-repeat;transform-origin:100%;width:auto;height:100%;animation:30s ease-in-out infinite alternate lp-drift-soft;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22%);mask-image:linear-gradient(90deg,#0000 0,#000 22%)}@keyframes lp-drift-soft{0%{transform:scale(1)}to{transform:scale(1.03)}}@media (max-width:900px){.lp-hero:before{aspect-ratio:auto;background-position:70% 20%;width:auto;inset:0;-webkit-mask-image:none;mask-image:none}}.dash-tools{align-items:center;gap:8px;display:flex}.guide-btn{width:34px;height:34px;color:var(--gold);font:700 16px/1 var(--display);cursor:pointer;background:#010a1380;border:1px solid #785a28;border-radius:0;flex:none;padding:0}.guide-btn:hover{border-color:var(--gold);color:var(--gold-hi);box-shadow:0 0 8px #c8aa6e66}.guide-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.guide h2{font-family:var(--display)}.guide-steps b{color:var(--gold-hi)}.guide-steps li::marker{color:var(--gold);font-family:var(--display);font-weight:700}.demo{background:#010a1373;border-radius:0;box-shadow:inset 0 0 0 1px #c8aa6e40}.demo-slot{border-color:#c8aa6e66;border-radius:0}.demo-slot span{font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;color:var(--gold)}.demo-card{background:linear-gradient(#2a313b,#20262e);border-radius:0;box-shadow:0 0 0 1px #785a28,0 6px 18px #0006}.demo-card b{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--gold-hi);font-size:12px}.demo-card .as-number{font-family:var(--display);color:var(--gold-hi);font-weight:700}.demo-card .as-bars i{background:linear-gradient(90deg,#005a82,#0ac8b9);border-radius:0}@media (min-width:901px){.lp-hero:before{right:max(0px,50vw - 730px)}}@media (min-width:1500px){.lp-hero:before{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 22% 82%,#0000 100%)}}.wall-item{position:relative}