@import"https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--sidebar-width: 230px;--topbar-height: 80px;--tapeboo-green: #bbdf5e;--tapeboo-orange: #d17434}*{box-sizing:border-box;margin:0}html,body{color:#b3b3b3;background-color:#222;font-family:Rubik,sans-serif;font-optical-sizing:auto;overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}img{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#444}::-webkit-scrollbar-thumb{background:#d1733488}::-webkit-scrollbar-thumb:hover{background:#d17434}::-moz-selection{color:#111;background:var(--tapeboo-green);text-shadow:none}::selection{color:#111;background:var(--tapeboo-green);text-shadow:none}.tabs{display:flex;flex-flow:row wrap;justify-content:flex-end;margin:30px -20px 10px 0;height:fit-content}.tab{margin:10px 20px 0;padding:0 20px;order:2;border:1px solid #bbdf5e22;border-radius:5px;background-color:#bbdf5e22;text-wrap:nowrap;text-decoration:none;color:inherit;transition:color .25s,border-color .25s}.tab h2{padding:5px 0;font-family:Kode Mono,monospace;font-weight:500}.tab:hover{color:var(--tapeboo-green);border-color:var(--tapeboo-green)}.tab.active{margin:10px auto 0 0;order:1;color:#222;background-color:var(--tapeboo-green);border:none;cursor:default;transition:none}.tabs+hr{border-color:var(--tapeboo-green)}#content{position:relative;padding:var(--topbar-height) 60px 0 60px;margin-left:var(--sidebar-width);min-width:422px;min-height:100vh}#bg-img{position:absolute;top:110px;left:0;width:100%;opacity:.3;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}#content>.sub-title h2{position:relative;font-size:24px;font-weight:500}#content>p,#content>ul>li{position:relative;padding-top:30px;font-size:18px;line-height:1.8}#content>ul>li{padding-top:0}#buffer{height:60px}@media screen and (max-width: 672px){#content{margin-left:0;overflow-x:auto}#sidebar{display:none}}#sidebar{position:fixed;top:0;z-index:10;height:100vh;width:var(--sidebar-width);border-right:2px solid var(--tapeboo-green);background-color:#191919;font-family:Kode Mono,monospace;-webkit-user-select:none;user-select:none}#sidebar #sidebar-offset{height:calc(var(--topbar-height) + 25px);transition:height .25s,min-height .1s}#sidebar .links{display:flex;flex-flow:column nowrap}#sidebar .links a{margin:5px 25px;padding:20px 0 20px 20px;border-radius:5px;font-size:18px;font-weight:500;text-decoration:none;color:inherit;transition:background-color .2s}#sidebar .links a:hover{color:var(--tapeboo-green);background-color:#333}#sidebar .links a.active{color:var(--tapeboo-green);text-shadow:-1px -1px 20px #bbdf5e66,1px -1px 20px #bbdf5e66,-1px 1px 20px #bbdf5e66,1px 1px 20px #bbdf5e66;text-underline-offset:4px}.error-page{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100vh;margin-left:var(--sidebar-width)}.error-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:10px!important}.error-page p{width:400px}.error-page *{padding:14px 0}#page-header{position:fixed;top:0;width:100%;height:var(--topbar-height);display:flex;align-items:center;z-index:20;font-family:Kode Mono,monospace;background-color:#191919;border-bottom:2px solid var(--tapeboo-green);transition:height .25s,min-height .1s}#header-content{margin-left:60px;text-wrap:nowrap}#header-content>h1{display:inline;font-size:26px}#header-content>p{display:inline;font-size:14px;font-weight:600}.logo{display:inline-flex;align-items:center;width:var(--sidebar-width);min-width:var(--sidebar-width);height:100%;border-right:2px solid var(--tapeboo-green);font-family:Major Mono Display,monospace;-webkit-user-select:none;user-select:none}.logo .wrapper{width:fit-content;margin:0 auto;position:relative}.logo .wrapper h1{font-size:26px;color:#d17434}.logo .wrapper p{position:absolute;right:0;font-size:10px;font-weight:600;color:#e7b08b;text-shadow:0 0 4px #e7b08b,0 0 8px #fbab76,0 0 16px #fbab76,0 0 32px #fbab76,0 0 64px #d17434,0 0 96px #d17434,0 0 128px #d17434}.dropdown{width:300px;margin-right:10px;position:relative}.placeholder{height:40px;display:flex;justify-content:space-between;align-items:center;background-color:#333;border:1px solid #aaa;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .15s,border-color .15s}.placeholder:hover{background-color:#444}.placeholder:focus:not(:active){border-color:var(--tapeboo-green);box-shadow:0 0 3px var(--tapeboo-green)!important}.dropdown:has(.options.visible)>.placeholder,.dropdown:has(.options:focus-within)>.placeholder{border-radius:5px 5px 0 0;box-shadow:none!important;border-color:var(--tapeboo-green)}.placeholder.selected{border:2px solid var(--tapeboo-green)!important}.placeholder .text{padding:0 8px;height:100%;text-wrap:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}.placeholder .text>img{height:30px}.placeholder .arrow{padding:0 8px}.placeholder.selected .text,.placeholder.selected .arrow{margin:-1px}.options{z-index:10;visibility:hidden;position:absolute;top:100%;max-height:214px;border:1px solid var(--tapeboo-green);border-top:none!important;border-radius:0 0 5px 5px;background-color:#333;-webkit-user-select:none;user-select:none;overflow-y:auto;overscroll-behavior:none}.options::-webkit-scrollbar{width:8px}.options::-webkit-scrollbar-track{background:#444}.dropdown:has(.placeholder.selected)>.options{border:2px solid var(--tapeboo-green)}.options.visible{visibility:visible;height:auto}.option{height:42px;padding:4px;width:100%;display:flex;align-items:center;transition:background-color .15s}.options .option:hover,.options .option:focus{background-color:#444}.options .option:focus{border:1px solid grey;padding:3px}.options .option.selected{background-color:#666}.options .option:active{background-color:#666;border:none;padding:4px}.option div{display:flex;align-items:center}.option img{height:36px;margin-right:4px}.option input{display:none}.filter-bar{display:flex;flex-flow:row wrap;justify-content:space;align-items:end;margin-right:-22px;padding-bottom:10px}.filter-bar *{outline:none}.filter-bar .filter-group{margin:10px 12px 0 0}.filter-bar .group-title{height:20px}.filter-bar .btn-group{display:flex;flex-flow:row nowrap;justify-content:space-around}.filter-bar .btn-group button{display:flex;justify-content:center;height:40px;width:40px;margin-right:10px;background-color:#333;border:1px solid #aaa;border-radius:5px;transition:background-color .15s,border-color .15s;cursor:pointer}.filter-bar .btn-group button:hover{background-color:#444}.filter-bar .btn-group button:focus:not(:active){border-color:var(--tapeboo-green);box-shadow:0 0 3px var(--tapeboo-green)}.filter-bar .btn-group button>img{height:32px;width:auto;align-self:center;transition:transform .05s}.filter-bar .btn-group button.selected{border:2px solid var(--tapeboo-green)}.filter-bar .btn-group button.selected>img{transform:scale(.95)}.filter-bar .btn-group button:active>img{transform:scale(.9)}.filter-bar .btn-group button.reset:active{border-color:var(--tapeboo-green)}.filter-bar .search{display:flex;align-items:center;justify-content:space-between;height:40px;width:300px;margin-right:10px;border:1px solid #aaa;border-radius:5px;background-color:#333;color:#aaa;transition:background-color .25s,color .25s,border .25s}.filter-bar .search input[type=text]{padding:8px 0 8px 8px;height:100%;flex-grow:1;font-family:inherit;font-size:15px;font-weight:500;color:inherit;outline:none;background:none;border:none}.filter-bar .search:has(input:not(:placeholder-shown)){border-color:var(--tapeboo-green);box-shadow:0 0 0 1px var(--tapeboo-green) inset}.filter-bar .search:has(input[type=text]:focus){border-color:var(--tapeboo-green);box-shadow:0 0 0 1px var(--tapeboo-green) inset;background-color:#444;color:#bbb}.filter-bar .search span{padding:8px;font-size:20px;font-weight:600;color:#aaa;-webkit-user-select:none;user-select:none}.filter-bar .search span:hover{cursor:pointer}.item-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,140px);justify-content:space-between;gap:16px;width:100%;margin-top:20px}.item-tile{position:relative;width:100%;border:1px solid var(--tapeboo-green);border-radius:5px;overflow:hidden;transition:box-shadow .5s}.item-tile:hover{box-shadow:0 0 6px var(--tapeboo-green)}.item-tile .icons{position:absolute;display:flex;flex-flow:column nowrap;top:5px;left:5px;z-index:1;width:25px}.item-tile .icons>img{min-height:25px;margin-bottom:3px;border-radius:3px;background-color:#333c;padding:2px}.item-tile .copies{position:absolute;top:5px;right:5px;height:24px;padding:2px 4px;z-index:1;border-radius:3px;background-color:#333c;font-weight:500;-webkit-user-select:none;user-select:none}.item-tile .bg-img{display:flex;justify-content:center;align-items:center;overflow:hidden;height:100%}.item-tile .bg-img>img{transform:scale(1.0001);transition:transform .5s}.item-tile:hover .bg-img>img{transform:scale(1.04)}.item-tile .label{position:absolute;bottom:0;width:100%;height:36px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;letter-spacing:.6px;text-wrap:nowrap;text-shadow:#000 3px 3px;color:#eee;border-top:1px solid var(--tapeboo-green);background-color:#333c;background-image:url(/assets/misc/itemNameBg.png);background-size:contain}.item-tile.hidden{display:none}.agent-tile{height:195px}.agent-tile .bg-img>img{height:201%}.bangboo-tile{height:170px}.bangboo-tile .bg-img>img{height:100%}.w-engine-tile{height:170px}.w-engine-tile .bg-img>img{height:80%;margin-bottom:25%}.w-engine-tile .label{justify-content:flex-start;padding-left:8px;font-size:16px;letter-spacing:.25px}.item-tile.w-engine-tile .label .text{width:100%;height:100%;display:flex;align-items:center;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}.rank-S{background:#cda469;background:linear-gradient(180deg,#8b504bd9,#cda469)}.rank-A{background:#8758ca;background:linear-gradient(180deg,#3e3d66d9,#8758ca)}.rank-B{background:#4475bc;background:linear-gradient(180deg,#37375dd9,#4475bc)}.item-grid .nothing{display:none;align-items:center;justify-content:center;position:relative;border:1px solid var(--tapeboo-green);border-radius:5px;grid-column:1 / -1}.item-grid .nothing-content{font-size:70px;font-weight:bolder;font-style:italic;letter-spacing:8px;opacity:.4}.item-grid .nothing.visible{display:flex}.sections{position:fixed;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;justify-items:stretch;align-items:center;width:80%}.section{min-width:210px;margin:40px;padding:30px 0;border:1px solid var(--tapeboo-green);border-radius:5px;list-style-type:none;font-family:Kode Mono,monospace;font-size:30px;font-weight:900;text-align:center;text-decoration:none;color:inherit;transition:color .25s,background-color .25s}.section:hover,.section.active{background-color:var(--tapeboo-green);color:#111}