@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";#main-nav{position:sticky;top:0;margin:0 auto 1rem;width:calc(100% - 2rem);max-width:60rem;height:4rem;border-radius:0 0 .75rem .75rem;background:var(--section-bg);display:flex;align-items:center;padding:.5rem;gap:.5rem;box-shadow:var(--shadow);z-index:1000}#main-nav>a{display:contents}#main-nav>*>.logo{height:3rem;opacity:.9}#main-nav>*>.tab{height:3rem;display:grid;place-content:center;padding:0 .5rem;cursor:pointer;text-decoration:none;font-weight:500;color:var(--text-2)}#main-nav>*>.tab[data-is-active=true]{font-weight:600;color:var(--text-1);text-decoration:underline}#tanks-page{margin:0 auto;width:calc(100% - 2rem);max-width:60rem}#tanks-page-settings{margin:1rem;height:2.5rem;display:flex;gap:.5rem}#tanks-page-settings>.space{flex-grow:1}#tanks-page-settings>.view-type-selector{display:flex}#tanks-page-settings>.view-type-selector>.view-type{border-radius:.5rem;width:2.5rem;height:2.5rem;cursor:pointer;display:grid;place-content:center}#tanks-page-settings>.view-type-selector>.view-type[data-is-active=true]{background:var(--section-bg)}#tanks-page-settings>.view-type-selector>.view-type>img{width:1.75rem;height:1.75rem;filter:brightness(.6);transition:filter .15s}#tanks-page-settings>.view-type-selector>.view-type:hover>img{filter:brightness(.8)}#tanks-page-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));margin:1rem}#tanks-page.bosses-page>#tanks-page-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr))}#tanks-page-grid>.tank-card{position:relative;aspect-ratio:1 / 1;border-radius:.5rem;background-image:linear-gradient(to bottom,rgba(0,0,0,.36),rgba(0,0,0,.62)),linear-gradient(to bottom,var(--color),var(--color));cursor:pointer;transition:transform .3s,filter .3s;overflow:hidden;text-decoration:none}#tanks-page-grid>.tank-card:hover{transform:scale(1.05);filter:brightness(1.3)}#tanks-page-grid>.tank-card>.name{position:absolute;inset:auto 0 0 0;display:grid;place-content:center;height:3rem;opacity:.875;color:var(--text-1);text-decoration:none;font-size:1.125rem;font-weight:500;text-align:center}#tanks-page-grid>.tank-card>svg{position:absolute;top:-1rem;right:0;bottom:1rem;left:0;transition:transform .3s}#tanks-page-grid>.tank-card:hover>svg{transform:scale(1.2)}#tanks-page-table{margin:1rem;display:flex;flex-direction:column;gap:.5rem}#tanks-page-table>.header-row{display:flex;padding-left:4rem;height:2rem;border-radius:.5rem;transition:transform .3s,filter .3s;align-items:center;text-decoration:none;opacity:.5}#tanks-page-table>.header-row>*{cursor:pointer}#tanks-page-table>.tank-row{display:flex;background-image:linear-gradient(to right,color-mix(in srgb,var(--section-bg),var(--color) 50%),color-mix(in srgb,var(--section-bg),var(--color) 36%) 4%,color-mix(in srgb,var(--section-bg),var(--color) 25%) 10%,color-mix(in srgb,var(--section-bg),var(--color) 15%) 25%,color-mix(in srgb,var(--section-bg),var(--color) 0%) 75%);height:4rem;border-radius:.5rem;transition:transform .3s,filter .3s;align-items:center;text-decoration:none}#tanks-page-table>.tank-row:hover{transform:scale(1.05);filter:brightness(1.3);z-index:2}#tanks-page-table>.tank-row>.image{position:relative;aspect-ratio:1/1;height:100%;isolation:isolate}#tanks-page-table>.tank-row>.image>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;transition:transform .3s}#tanks-page-table>.tank-row:hover>.image>svg{transform:scale(1.2)}#tanks-page-table>.tank-row>.image:after{position:absolute;content:"";top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border-radius:.25rem;background:rgba(0,0,0,.5);z-index:1}#tanks-page-table>*>.column{color:var(--text-1);font-weight:500;opacity:.875;font-size:1.125rem;position:relative;display:flex;align-items:center;isolation:isolate}#tanks-page-table>*>.column:has(.record-name){flex-direction:column}#tanks-page-table>*>.column>.record-name{font-size:.875rem}#tanks-page-table>*>.column>.record-year{font-size:.875rem}#tanks-page-table>*>.name{width:15rem;padding-left:.5rem}#tanks-page-table>*>.id{width:5rem;justify-content:center}#tanks-page-table>*>.tier{width:5rem;justify-content:center}#tanks-page-table>*>.level{width:5rem;justify-content:center}#tanks-page-table>*>.gamemode{width:8rem;justify-content:center}#tanks-page-table>*>.column>img{width:1.5rem;height:1.5rem;display:none}#tanks-page-table>*>.column[data-is-active=true]>img{display:block}#tanks-page-table>*>.column[data-is-flipped=true]>img{transform:scaleY(-1)}#tank-page{margin:0 auto;width:calc(100% - 2rem);max-width:60rem;display:grid;grid-template-columns:1fr 18rem;gap:1rem}#tank-page-sidebar>.tank-preview{width:100%;aspect-ratio:1/1;background:var(--section-bg);border-radius:.75rem;box-shadow:var(--shadow)}#tank-page-sidebar>.section{margin-top:1rem;background:var(--section-bg);border-radius:.75rem;box-shadow:var(--shadow)}#tank-page-sidebar>.section>.title{text-align:center;padding:.5rem .5rem 0;font-size:1.125rem;font-weight:500}#tank-page-sidebar>.section>.tank-grid{display:flex;padding:.25rem;flex-wrap:wrap;justify-content:center}#tank-page-sidebar>.section>.tank-grid>.tank{margin:.25rem;width:calc((100% - 2rem)/4);border-radius:.5rem;background-image:linear-gradient(to bottom,rgba(0,0,0,.36),rgba(0,0,0,.62)),linear-gradient(to bottom,var(--color),var(--color));cursor:pointer;transition:transform .3s,filter .3s;overflow:hidden;text-decoration:none}#tank-page-sidebar>.section>.tank-grid>.tank:hover{transform:scale(1.1);filter:brightness(1.3)}#tank-page-sidebar>.section>.tank-grid>.tank>svg{aspect-ratio:1/1;height:auto;width:100%;transform:scale(1.5)}#tank-page-sidebar>.section>.tank-grid>.tank>.name{text-align:center;font-size:.875rem;padding-bottom:.25rem;opacity:.875;color:var(--text-1);text-decoration:none}#tank-page-sidebar>.title{text-align:center;padding:.5rem .5rem 0;font-size:1.125rem;font-weight:500;margin-top:1rem}#tank-page-sidebar>.section>.stats-header{height:5rem;display:flex;margin-bottom:.5rem;align-items:center;width:100%}#tank-page-sidebar>.section>.stats-header>.title{flex-grow:1;flex-shrink:1;padding:0 1rem;font-size:1.125rem;font-weight:500}#tank-page-sidebar>.section>.stats-header>svg{width:5rem;height:5rem}#tank-page-sidebar>.section.stats{padding-bottom:.25rem}#tank-page-sidebar>.stats-settings{margin-top:.75rem}#tank-page-sidebar>.stats-settings>.row{display:flex;justify-content:center;gap:.5rem;margin:.25rem;align-items:center;height:1.5rem}#tank-page-sidebar>.stats-settings>.row>.name{display:flex;align-items:center}#tank-page-sidebar>.stats-settings>.row>input,#tank-page-sidebar>.stats-settings>.row>.build-input>input{height:1.5rem;border:none;background:var(--section-bg);border-radius:.25rem;text-align:center;color:#fff;font-family:monospace;font-size:1rem;width:3rem;outline:none;padding-bottom:.125rem}#tank-page-sidebar>.stats-settings>.row>input:focus,#tank-page-sidebar>.stats-settings>.row>.build-input>input:focus{box-shadow:inset 0 0 0 .125rem #fff4;background:var(--light-section-bg)}#tank-page-sidebar>.stats-settings>.row>input::-webkit-outer-spin-button,#tank-page-sidebar>.stats-settings>.row>.build-input>input::-webkit-outer-spin-button,#tank-page-sidebar>.stats-settings>.row>input::-webkit-inner-spin-button,#tank-page-sidebar>.stats-settings>.row>.build-input>input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#tank-page-sidebar>.stats-settings>.row>.build-input{position:relative;height:1.5rem}#tank-page-sidebar>.stats-settings>.row>.build-input>input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%}#tank-page-sidebar>.stats-settings>.row>.build-input>input:focus{opacity:1}#tank-page-sidebar>.stats-settings>.row>.build-input>.preview{display:flex;gap:.125rem;padding:.125rem .25rem;-webkit-user-select:none;user-select:none;height:1.5rem}#tank-page-sidebar>.stats-settings>.row>.build-input>.preview>.point-count{position:relative;height:100%;width:1rem;display:grid;place-content:center;font-size:.875rem;isolation:isolate;color:var(--text-1);padding-bottom:.125rem}#tank-page-sidebar>.stats-settings>.row>.build-input>.preview>.point-count:after{position:absolute;content:"";top:0;right:-10%;bottom:0;left:-10%;background:color-mix(in srgb,rgb(80,80,80),var(--color) 35%);z-index:-1;clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%)}#tank-page-sidebar>.stats-settings>.row>.build-input>.preview>.point-count:first-child:after{width:1.25rem;clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);left:auto;border-radius:5rem 0 0 5rem}#tank-page-sidebar>.stats-settings>.row>.build-input>.preview>.point-count:last-child:after{width:1.25rem;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);right:auto;border-radius:0 5rem 5rem 0}#tank-page-sidebar>.stats-settings>.row>.selector{display:flex;height:100%}#tank-page-sidebar>.stats-settings>.row>.selector>.option{height:100%;display:grid;place-content:center;padding:0 .5rem;border-radius:.25rem;color:var(--text-3);cursor:pointer;-webkit-user-select:none;user-select:none}#tank-page-sidebar>.stats-settings>.row>.selector>.option[data-active=true]{background:var(--light-section-bg);color:var(--text-1);cursor:auto}.tank-preview{position:relative;aspect-ratio:1/1;background:var(--section-bg);border-radius:.75rem;overflow:hidden;isolation:isolate}.tank-preview>svg{position:absolute;width:100%;height:100%;border-radius:.75rem;z-index:1}.tank-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 2rem color-mix(in srgb,var(--color) 50%,transparent),inset 0 0 1.5rem 1.5rem var(--section-bg);pointer-events:none;z-index:2}.tank-preview>.tank-name{position:absolute;top:0;left:2rem;right:2rem;height:2rem;margin:.75rem;display:grid;place-content:center;font-weight:500;font-size:1.125rem;color:var(--text-1);z-index:3}.tank-preview>.corner-button{position:absolute;top:0;width:2rem;height:2rem;margin:.75rem;display:grid;place-content:center;filter:brightness(.6);transition:filter .15s;z-index:3}.tank-preview>.corner-button:hover{filter:brightness(.8)}.tank-preview>.toggle-download{left:0}.tank-preview>.toggle-settings{right:0}.tank-preview>.corner-button>img{width:1.5rem;height:1.5rem}.tank-preview>.preview-download{position:absolute;z-index:10;background:var(--dark-section-bg);border-radius:.5rem;inset:3.5rem .5rem auto .5rem;box-shadow:var(--shadow);padding:.125rem;animation:preview-download-in .5s cubic-bezier(.19,1,.22,1)}.tank-preview>.preview-download>.option{height:2rem;display:grid;place-content:center;text-decoration:underline;cursor:pointer}@keyframes preview-download-in{0%{transform:translateY(-2rem);opacity:0}}.tank-preview>.preview-settings{position:absolute;z-index:10;background:var(--dark-section-bg);border-radius:.5rem;inset:75% .5rem auto .5rem;inset:auto .5rem .5rem .5rem;box-shadow:var(--shadow);padding:.125rem;animation:preview-settings-in .5s cubic-bezier(.19,1,.22,1)}@keyframes preview-settings-in{0%{transform:translateY(2rem);opacity:0}}.tank-preview>.preview-settings[data-active=false],.tank-preview>.preview-download[data-active=false]{animation:none;display:none}.tank-preview>.preview-settings>.setting-row{height:2rem;display:grid;grid-template-columns:4.5rem 3rem 1fr;padding:0 .5rem;place-content:center}.tank-preview>.preview-settings>.setting-row:has(input[type=color]){grid-template-columns:6rem 4.5rem 1fr}.tank-preview>.preview-settings>.setting-row:has(input[type=checkbox]){grid-template-columns:6rem 4.5rem 1fr}.tank-preview>.preview-settings>.setting-row.grid-alpha{grid-template-columns:6rem 4.5rem 1fr}.tank-preview>.preview-settings>.setting-row>.name{display:flex;align-items:center}.tank-preview>.preview-settings>.setting-row>input[type=number],.tank-preview>.preview-settings>.setting-row>input[type=text]{height:1.5rem;background:#444;border:none;border-radius:.25rem;color:var(--text-1);padding-left:.25rem}.tank-preview>.preview-settings>.setting-row>input[type=range]{margin-left:.5rem;width:auto;width:7rem}.tank-preview>.preview-settings>.setting-row.grid-alpha>input[type=range]{width:4.5rem}.tank-preview>.preview-settings>.setting-row>input[type=color]{width:4.5rem;height:1.5rem;margin-left:.5rem;border-radius:.25rem}.tank-preview>.preview-settings>.setting-row>input[type=color]{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none}.tank-preview>.preview-settings>.setting-row>input[type=color]::-webkit-color-swatch-wrapper{padding:0;border:none}.tank-preview>.preview-settings>.setting-row>input[type=color]::-webkit-color-swatch{border:none}.stat-row{height:1.5rem;display:flex;color:var(--text-2);align-items:center;padding:.5rem}.stat-row>.line{height:.125rem;border-radius:.125rem;flex-grow:1;background:#ffffff44;margin:0 .5rem}.xml-section{margin-bottom:.5rem;color:var(--text-2)}.xml-section>.title-bar{height:3rem;display:flex;position:relative;align-items:center;padding:0 .5rem;color:var(--text-1);transition:color .15s}.xml-section[data-is-collapsed=true]>.title-bar{color:var(--text-3)}.xml-section>.title-bar:after{position:absolute;content:"";inset:100% auto auto 0;width:100%;height:.125rem;background:rgba(255,255,255,.2);transition:width .3s}.xml-section[data-is-collapsed=true]>.title-bar:after{width:0}.xml-section>.title-bar>.title{font-size:1.5rem;flex-grow:1;font-weight:500}.xml-section>.title-bar>.arrow{width:1.5rem;height:1.5rem}.xml-section>.title-bar>.arrow>img{width:100%;height:100%;opacity:.8;transition:transform .15s}.xml-section[data-is-collapsed=true]>.title-bar>.arrow>img{transform:rotate(-90deg)}.xml-section>.content{margin:.625rem .625rem 1rem}.xml-section[data-is-collapsed=true]>.content{display:none}.xml-build{display:inline-flex;position:relative}.xml-build>.preview{display:inline-flex;gap:.125rem;padding:0 .25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.xml-build>.preview>.point-count{position:relative;width:.875rem;display:grid;place-content:center;font-size:.75rem;isolation:isolate;color:var(--text-1)}.xml-build>.preview>.point-count:after{position:absolute;content:"";top:-.0625rem;right:-10%;bottom:-.0625rem;left:-10%;background:color-mix(in srgb,rgb(80,80,80),var(--color) 35%);z-index:-1;clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%)}.xml-build>.preview>.point-count:first-child:after{width:1.125rem;clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);left:auto;border-radius:5rem 0 0 5rem}.xml-build>.preview>.point-count:last-child:after{width:1.125rem;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);right:auto;border-radius:0 5rem 5rem 0}.xml-build>.detailed-view{position:absolute;z-index:1000;background:var(--section-bg);box-shadow:var(--shadow);top:100%;margin-top:.25rem;border-radius:.5rem;padding:.375rem .5rem;gap:.25rem;display:flex;flex-direction:column;animation:xml-build-detailed-view .3s ease .5s forwards;pointer-events:none;transform:translateY(-1rem);opacity:0}@keyframes xml-build-detailed-view{to{transform:none;opacity:1}}.xml-build>.detailed-view>.point-row{height:1rem;display:flex;align-items:center;position:relative;isolation:isolate}.xml-build>.detailed-view>.point-row>.count{width:1.25rem;display:flex;align-items:center;font-weight:500;color:var(--text-1);font-size:.875rem;padding-bottom:.0625rem}.xml-build>.detailed-view>.point-row>.point-bar{position:relative;display:flex;gap:.125rem;height:100%}.xml-build>.detailed-view>.point-row>.point-bar:after{position:absolute;content:"";inset:0 -.125rem 0 auto;width:calc(100% + .25rem);background:var(--section-bg);animation:xml-build-detailed-view-bar .8s ease calc(.5s + 50ms * var(--row)) forwards;z-index:2}@keyframes xml-build-detailed-view-bar{to{width:0}}.xml-build>.detailed-view>.point-row>.point-bar>.dot{height:100%;width:1.25rem;position:relative;z-index:1}.xml-build>.detailed-view>.point-row>.point-bar>.dot:after{position:absolute;content:"";top:0;right:-10%;bottom:0;left:-10%;z-index:-1;background:rgb(80,80,80);clip-path:polygon(20% 0%,100% 0%,80% 100%,0% 100%)}.xml-build>.detailed-view>.point-row>.point-bar>.dot[data-is-colored=true]:after{background:color-mix(in srgb,rgb(80,80,80),var(--color) 50%)}.xml-build>.detailed-view>.point-row>.point-bar>.dot:first-child:after{clip-path:polygon(0% 0%,100% 0%,80% 100%,0% 100%);border-radius:5rem 0 0 5rem}.xml-build>.detailed-view>.point-row>.point-bar>.dot:nth-last-child(2):after{clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%);border-radius:0 5rem 5rem 0}.xml-build>.detailed-view>.point-row>.point-bar>.name{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;font-weight:500;color:#fff;font-size:.75rem;padding-bottom:.0625rem;text-shadow:0 0 .25rem black,0 0 .25rem black;z-index:3}#shapes-page{margin:0 auto;width:calc(100% - 2rem);max-width:60rem}#shapes-page-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));margin:1rem}#shapes-page-grid>.shape-card{position:relative;border-radius:.5rem;background:var(--section-bg);overflow:hidden;padding-bottom:.125rem;isolation:isolate}#shapes-page-grid>.shape-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 2rem color-mix(in srgb,var(--color) 50%,transparent);pointer-events:none;z-index:4}#shapes-page-grid>.shape-card:before{content:"";position:absolute;inset:0 0 auto 0;box-shadow:inset 0 0 1.5rem 1.5rem var(--section-bg);pointer-events:none;width:100%;aspect-ratio:1 / 1;z-index:2}#shapes-page-grid>.shape-card>.image{aspect-ratio:1 / 1;width:100%;position:relative}#shapes-page-grid>.shape-card>.image>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}#shapes-page-grid>.shape-card>.image>.name{position:absolute;inset:auto 0 0 0;display:grid;place-content:center;height:1.5rem;opacity:.875;color:var(--text-1);text-decoration:none;font-size:1.125rem;font-weight:500;text-align:center;z-index:3}#shapes-page-grid>.shape-card>.stats{padding:.25rem;z-index:6}#XML-page{margin:0 auto;width:calc(100% - 2rem);max-width:60rem}.record-proof{display:none;position:absolute;inset:100% auto auto 50%;transform:translate(-50%);width:max-content;padding:.25rem .5rem;background:var(--light-section-bg);border-radius:.5rem;font-size:1rem;font-weight:400;box-shadow:var(--shadow);flex-direction:column;gap:.5rem}.column:hover>.record-proof{display:flex}.column:hover>.record-proof>a{color:#fff}.record-proof>iframe{width:100%;height:auto;aspect-ratio:16 / 9}#tanks-page-settings>.platform-selector{display:flex}#tanks-page-settings>.platform-selector>.platform{border-radius:.5rem;height:2.5rem;padding:0 1rem;cursor:pointer;display:grid;place-content:center;color:var(--text-2)}#tanks-page-settings>.platform-selector>.platform[data-is-active=true]{background:var(--section-bg);font-weight:600;color:var(--text-1)}:root{font-family:Inter;font-size:16px;--gradient: linear-gradient(to bottom, #2eadff, #3d83ff, #7e61ff);--text-1: #eeeeee;--text-2: #cccccc;--text-3: #aaaaaa;--section-bg: #232323;--light-section-bg: #343434;--dark-section-bg: #1c1c1c;--main-bg: #171718;color:var(--text-1);--shadow: rgba(0, 0, 0, .35) 0px 5px 15px}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;flex-shrink:0}body{margin:0;min-height:100vh;width:100%;background:#0c0c0b}#root{display:contents}