:root,body{color:#fff;--panel-bg:#0d0d0dbf;background:url(/sts2stats/assets/bg-DKsElm9O.png);height:100%;margin:0;padding:0;font-family:Saira,sans-serif}#app{flex-direction:row;height:100%;display:flex}.panel{text-align:center;background:var(--panel-bg);color:#fff;border-radius:16px;min-height:0;padding:16px 32px}.panel.inline{flex-direction:row;gap:16px;display:flex}.panel.inline h1,.panel.inline h2,.panel.inline h3,.panel.inline h4,.panel.inline h5,.panel.inline h6,.panel.inline p{margin:0}.panel h3,.panel p{margin:0}.stats{text-align:center;display:inline-block}.stats span:first-child{width:48px;display:inline-block}.stats span:last-child{width:64px;display:inline-block}.error{color:#fff;background:#df2020;padding:8px 16px;position:fixed;top:0;left:50%;transform:translate(-50%)}h3,h4{margin:0 0 8px}h3{font-size:20px}.layout-row{flex-direction:row;align-items:stretch;gap:16px;display:flex}.layout-row>*{flex-grow:1}label{color:#cbd4e6;font-size:16px;font-weight:700}.field{flex-direction:row;display:flex}.field:not(.large) label{flex-grow:1}.field:not(.large){align-items:center}.field.large{flex-direction:column}.field-row{flex-direction:row;display:flex}.field-row :first-child{flex-grow:1}.button,select{color:#fff;cursor:pointer;background:#293856;border:0;border-radius:4px;display:inline-block}::file-selector-button{color:#fff;cursor:pointer;background:#293856;border:0;border-radius:4px;display:inline-block}::file-selector-button:active{background:#212d45}::file-selector-button:disabled{cursor:default;background:#55585e}:is(.button,select):active{background:#212d45}:is(.button,select):disabled{cursor:default;background:#55585e}:disabled::file-selector-button{cursor:default;background:#55585e}select:focus:hover{background:#212d45}button,.input,select,.radiobutton label{color:#fff;padding:4px 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}::file-selector-button{color:#fff;padding:4px 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400}.input{color:#fff;background:0 0;border:0;border-bottom:2px solid #60759f}.input:focus{border-color:#fff;outline:0}.fg-Common,.fg-Basic{color:#ccc}.bg-Common{background:#ccc!important}.fg-Ancient{color:#e6eeff;font-weight:600}.fg-Rare{color:#fdd835}.bg-Rare{background:#fdd835!important}.fg-Uncommon{color:#62fdfd}.bg-Uncommon{background:#62fdfd!important}.fg-Curse{color:#e666fe}.bg-Curse{background:#e666fe!important}.fg-Event{color:#6ede80}.bg-Event{background:#6ede80!important}.res{position:relative}.res .popup{z-index:10;text-wrap:wrap;background:#192234;border-radius:8px;width:256px;padding:8px 16px;display:none;position:absolute;top:-4px;left:calc(100% + 16px)}.res:hover .popup{display:block}.fg-text-gold{font-weight:600}.fg-text-blue{color:#b4cdfd}.radiobutton{color:#fff;cursor:pointer;background:#293856;border:0;border-radius:4px;flex-direction:row;gap:0;padding:0;display:inline-flex}.radiobutton label{cursor:pointer;background:#293856;padding:4px 16px}.radiobutton :first-child+label{border-top-left-radius:4px;border-bottom-left-radius:4px}.radiobutton label:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.radiobutton input:checked+label{background:#192234}.radiobutton label:active{background:#212d45}.radiobutton input{display:none}.sep{flex-grow:1}.plot.svelte-7778nd{background:var(--panel-bg);border-radius:16px;width:768px;height:768px;position:relative}.point.svelte-7778nd{background:#fff;border-radius:16px;width:16px;height:16px;position:absolute}.point.svelte-7778nd.image{background:0 0}.point.svelte-7778nd img:where(.svelte-7778nd){width:48px;height:48px;position:absolute;top:-16px;left:-16px}.point.svelte-7778nd .popup:where(.svelte-7778nd){z-index:10;text-wrap:wrap;text-align:center;background:#192234;border-radius:8px;width:256px;padding:8px 16px;display:none;position:absolute}.point.svelte-7778nd .bottom:where(.svelte-7778nd){top:32px;left:-136px}.point.svelte-7778nd .left:where(.svelte-7778nd){right:32px}.point.svelte-7778nd .right:where(.svelte-7778nd){left:32px}.point.svelte-7778nd .top:where(.svelte-7778nd){bottom:32px;left:-136px}.point.svelte-7778nd:hover .popup:where(.svelte-7778nd){display:block}h6.svelte-7778nd{margin:0;font-size:16px}p.svelte-7778nd{margin:0}p.svelte-7778nd:last-child{margin-top:8px}table.svelte-1iq5b9c{background:var(--panel-bg);border-radius:16px;padding:16px}td.svelte-1iq5b9c:first-child{text-wrap:nowrap;min-width:128px;font-weight:500}td.svelte-1iq5b9c,th.svelte-1iq5b9c{text-align:center;padding:0 16px}th.svelte-1iq5b9c{text-wrap:nowrap}.root.svelte-126ak3w{flex-direction:column;flex-grow:1;align-items:stretch;height:100dvh;display:flex;position:relative;overflow:visible}.tabs.svelte-126ak3w{box-sizing:border-box;background:#111;flex-direction:row;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;top:0}.tab.svelte-126ak3w{color:#fff;background:0 0;border:0;border-bottom:2px solid #0000;outline:0;padding:10px 16px 8px;font-family:Saira,sans-serif;font-size:16px}.tab.selected.svelte-126ak3w{border-color:#ff5722}main.svelte-1t685aq{box-sizing:border-box;flex-grow:0;grid-template-rows:auto auto auto;grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.small-row.svelte-1t685aq{box-sizing:border-box;flex-direction:row;gap:8px;width:100%;padding:0 32px;display:flex}.wins-flex.svelte-1t685aq{flex-flow:wrap;justify-content:center;align-items:center;gap:32px;display:flex}.wins-flex.svelte-1t685aq>div:where(.svelte-1t685aq){flex-direction:column;flex-grow:1;gap:12px;display:flex}.wins-flex.svelte-1t685aq.chars>div:where(.svelte-1t685aq){flex-grow:0;min-width:27%}h4.svelte-1t685aq,strong.svelte-1t685aq{margin:0;font-size:24px}h3.svelte-1t685aq{color:#dfba9f;font-size:18px;line-height:1}.panel.svelte-1t685aq{flex-direction:column;padding:32px;font-size:18px;line-height:1;display:flex}.panel.svelte-1t685aq span:where(.svelte-1t685aq){font-size:48px}.panel.svelte-1t685aq>:where(.svelte-1t685aq):not(h3){flex-grow:1}.panel.svelte-1t685aq:not(.stat){gap:8px}.panel.svelte-1t685aq:not(.stat) h3:where(.svelte-1t685aq){text-align:start;margin-bottom:24px}.panel.stat.svelte-1t685aq{flex-direction:column;justify-content:center;align-items:stretch;gap:12px;display:flex}.panel.stat.svelte-1t685aq p:where(.svelte-1t685aq){flex-grow:1;justify-content:center;align-items:center;font-size:48px;line-height:1;display:flex}#panel-runs.svelte-1t685aq{grid-area:1/1/auto/span 1}#panel-players.svelte-1t685aq{grid-area:1/2/auto/span 1}#panel-winrate.svelte-1t685aq{grid-area:1/3/auto/span 2}#panel-duration.svelte-1t685aq{grid-area:1/5/auto/span 2}#panel-dr-act.svelte-1t685aq{grid-area:2/1/auto/span 3}#panel-wr-act.svelte-1t685aq{grid-area:3/1/auto/span 3}#panel-wr-char.svelte-1t685aq{grid-area:2/4/span 2/span 3}@media (width<=1200px){#panel-runs.svelte-1t685aq{grid-area:1/1/auto/span 3}#panel-players.svelte-1t685aq{grid-area:1/4/auto/span 3}#panel-winrate.svelte-1t685aq{grid-area:2/1/auto/span 6}#panel-duration.svelte-1t685aq{grid-area:3/1/auto/span 6}#panel-dr-act.svelte-1t685aq{grid-area:4/1/auto/span 6}#panel-wr-act.svelte-1t685aq{grid-area:5/1/auto/span 6}#panel-wr-char.svelte-1t685aq{grid-area:6/1/auto/span 6}}@media (width<=512px){.wins-flex.svelte-1t685aq{flex-direction:column;gap:32px}}.background.svelte-1t685aq{flex-direction:column;flex-grow:1;justify-content:start;align-items:center;gap:16px;max-width:100vw;padding:16px 0 0;display:flex;overflow:visible}.data-container.svelte-1t685aq{box-sizing:border-box;width:var(--main-width);flex-grow:1;justify-content:center;align-items:start;height:calc(100dvh - 45px);display:flex}.data-container.svelte-1t685aq>div:where(.svelte-1t685aq){box-sizing:border-box;max-width:var(--main-width);height:calc(100dvh - 45px);padding:32px;overflow:auto}.background.svelte-1t685aq .data-container:where(.svelte-1t685aq),.background.svelte-1t685aq .data-container:where(.svelte-1t685aq)>div:where(.svelte-1t685aq){height:calc(100dvh - 105px);padding-top:0}.sidebar.svelte-1n46o8q{box-sizing:border-box;background:#192234;flex-direction:column;flex-shrink:0;gap:6px;width:320px;padding:16px;display:flex}.sidebar.svelte-1n46o8q h3:where(.svelte-1n46o8q),.sidebar.svelte-1n46o8q p:where(.svelte-1n46o8q){text-align:center;margin:0}#sidebar-open.svelte-1n46o8q,#sidebar-open-label.svelte-1n46o8q{display:none}:root{--main-width:calc(100dvw - 320px)}@media (width<=900px){#upload.svelte-1n46o8q{display:none}:root{--main-width:100dvw}#sidebar-open-label.svelte-1n46o8q{text-align:center;cursor:pointer;z-index:30;width:42px;height:42px;font-family:sans-serif;font-size:24px;line-height:42px;display:block;position:fixed;top:0;right:0}.sidebar.svelte-1n46o8q{z-index:20;box-sizing:border-box;width:100%;height:100%;display:none;position:fixed}#sidebar-open.svelte-1n46o8q:checked+.sidebar:where(.svelte-1n46o8q){display:flex}}