:root{--color-dw-accent-01:#52abff;--color-dw-accent-02:#ff32ff;--color-bg-01:color-mix(in oklab, var(--color-bg-0s) 100%, var(--color-bg-0e));--color-bg-02:color-mix(in oklab, var(--color-bg-0s) 95%, var(--color-bg-0e));--color-bg-03:color-mix(in oklab, var(--color-bg-0s) 90%, var(--color-bg-0e));--color-bg-04:color-mix(in oklab, var(--color-bg-0s) 85%, var(--color-bg-0e));--gradient-dw-accent:linear-gradient(110deg, var(--color-dw-accent-01) 0%, var(--color-dw-accent-02) 100%);--box-shadow-glow-dw-accent:-3px -1px 8px var(--color-dw-accent-01), 3px 1px 8px var(--color-dw-accent-02);--box-shadow-faint-glow-dw-accent:-3px -1px 8px color-mix(in oklab, transparent 80%, var(--color-dw-accent-01) 20%), 3px 1px 8px color-mix(in oklab, transparent 80%, var(--color-dw-accent-02) 20%);--border-dw-accent:padding-box, var(--gradient-dw-accent) border-box;--radius-2xl:1rem;--radius-xl:.7rem;--radius-lg:.5rem;--radius-nm:.3rem;--radius-sm:.2rem;--radius-xs:.1rem;--text-2xl:1.9rem;--text-xl:1.45rem;--text-lg:1.35rem;--text-nm:1.1rem;--text-sm:.9rem;--text-xs:.7rem;--font-bold:700;--font-semi:600;--font-nm:400;--font-thin:250;--spacing:.2rem}:root[data-theme=dark]{--color-bg-0s:#1b1b1b;--color-bg-0e:#e0f0ff;--text-color-01:#fff;--text-color-02:#ccc;--icon-filter:brightness(100%)}:root[data-theme=light]{--color-bg-0s:#f0f0f0;--color-bg-0e:#676c71;--text-color-01:#181a1b;--text-color-02:#282a2c;--icon-filter:brightness(0%)}*{scrollbar-width:none}html,body{overflow:hidden}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-nm)}h5{font-size:var(--text-sm)}h6{font-size:var(--text-xs)}.font-thin{font-weight:var(--font-thin)}.font-nm{font-weight:var(--font-nm)}.font-semi{font-weight:var(--font-semi)}.font-bold{font-weight:var(--font-bold)}#app{color:var(--text-color-01);font-size:var(--text-nm);font-weight:var(--font-nm);flex-direction:column;width:100dvw;height:100dvh;display:flex}#tarylemReference{color:var(--text-color-01)}#header,#footer{z-index:99}#header,#footer,#content{background-color:var(--color-bg-02);width:100%;position:relative}.inline-flex-container{width:100%;padding:calc(var(--spacing) * 5);padding-inline:calc(var(--spacing) * 8);justify-content:space-between;align-items:center;display:inline-flex}.inline-flex-button-list{gap:calc(var(--spacing) * 3);display:inline-flex}span:has(img){align-items:center;gap:calc(var(--spacing) * 2);display:flex}span:has(img) img{height:var(--text-nm);filter:var(--icon-filter)}:has(#errorRouterNotification){justify-content:center;align-items:center;display:flex}.separator{position:relative}.separator:after,.select.active .select-button:after{content:"";background:var(--gradient-dw-accent);opacity:.25;width:100%;height:1px;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.info-grid{grid-template-columns:repeat(var(--columns), 1fr);gap:calc(var(--spacing) * 4);--columns:2;display:grid}.info-grid .info-space{border-radius:var(--radius-xl);background:linear-gradient(var(--color-bg-03)) var(--border-dw-accent);padding:calc(var(--spacing) * 4);border:1px solid #0000;flex-direction:column;display:flex;overflow-x:auto}.info-grid .info-space .info-space-title{color:var(--text-color-02);font-weight:var(--font-thin);font-size:var(--text-sm);padding-bottom:var(--spacing);margin-bottom:calc(var(--spacing) * 1.5)}.info-grid .info-space .info-space-value{white-space:nowrap;overflow-x:auto}.platform-list{gap:calc(var(--spacing) * 2);display:inline-flex}.platform-list .platform-entry{color:#fff;justify-content:center;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);border-radius:var(--radius-nm);padding:var(--spacing);padding-inline:calc(var(--spacing) * 2);background:var(--gradient-dw-accent);cursor:pointer;flex-direction:row;transition:all .3s;display:flex}.platform-list .platform-entry img{width:var(--text-sm);height:var(--text-sm)}.platform-list .platform-entry:hover{box-shadow:var(--box-shadow-faint-glow-dw-accent)}#errorRouterNotification{text-align:center}#header:after{content:"";background:var(--gradient-dw-accent);width:100%;height:calc(var(--spacing) * .7);display:block;position:absolute;bottom:0;transform:translateY(50%)}#logo{justify-content:center;align-items:center;display:flex}#logo img{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12);margin-right:calc(var(--spacing) * 3)}#logo span{font-size:var(--text-lg);font-weight:var(--font-bold);background:var(--gradient-dw-accent);color:#0000;background-clip:text}#content{background-color:var(--color-bg-01);flex-grow:1;overflow:hidden scroll}#footer{display:inline-flex}#footer:after{content:"";background:var(--gradient-dw-accent);width:100%;height:calc(var(--spacing) * .7);display:block;position:absolute;top:0;transform:translateY(-50%)}#footer .inline-flex-container{max-width:calc(var(--spacing) * 480);padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 8);margin-inline:auto}.button-master{cursor:pointer;padding:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 6);background:color-mix(in oklab, transparent 95%, var(--text-color-01) 5%);border-radius:calc(var(--spacing) * 3);transition:box-shadow .3s}.button-master.disabled{cursor:default}.button-master span{color:var(--text-color-01);font-size:var(--text-nm)}.button-master:not(.disabled):hover{background:var(--gradient-dw-accent);box-shadow:var(--box-shadow-glow-dw-accent)}.button-master:not(.disabled):hover span{color:#fff}.button-master:not(.disabled):hover span img{filter:brightness()}.button-secondary{cursor:pointer;padding:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);border-radius:calc(var(--spacing) * 3);background:0 0;transition:background .3s}.button-secondary.disabled{cursor:default}.button-secondary span{background:var(--text-color-01);color:#0000;font-size:var(--text-nm);background-clip:text}.button-secondary:not(.disabled):hover{background:color-mix(in oklab, transparent 90%, var(--text-color-01) 10%)}.button-secondary:not(.disabled):hover span{background:var(--gradient-dw-accent);color:#0000;background-clip:text}.select{flex-direction:column;gap:0;display:flex}.select .select-button,.select .select-menu .option:not(.custom){cursor:pointer;text-align:left;white-space:nowrap;color:var(--text-color-01);height:calc(var(--text-nm) + var(--spacing) * 12);font-size:var(--text-nm);background-color:var(--color-bg-03);padding:calc(var(--spacing) * 6);outline:0;width:100%;transition:background .3s;overflow:auto hidden}.select .select-button{border-radius:var(--radius-xl);caret-color:var(--color-dw-accent-01);padding-right:calc(var(--text-nm) + var(--spacing) * 6);position:relative}.select[data-choice=""] .select-button span{color:var(--text-color-02)}.select .select-button:hover,.select .select-menu .option:not(.custom):hover{background-color:color-mix(in oklab, var(--color-bg-03) 90%, var(--text-color-01) 10%)}.select.active .select-button{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.select .select-button:before{content:"";filter:var(--icon-filter);width:var(--text-nm);height:var(--text-nm);background-image:url(/img/arrow.svg);transition:all .3s;display:block;position:absolute;top:50%;right:0;transform:translate(-100%,-50%)}.select.active .select-button:before{transform:translate(-100%,-50%)scaleY(-1)}.select .select-menu{border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--color-bg-03);flex-direction:column;width:100%;max-height:20rem;display:none;overflow-y:scroll}.select.active .select-menu{display:flex}@media (width<=650px){span:has(img) span{display:none}}:root:not([data-theme]){--color-bg-0s:#1b1b1b;--color-bg-0e:#e0f0ff;--text-color-01:#fff;--text-color-02:#ccc;--icon-filter:brightness(100%)}body.demonlist{background:var(--color-bg-02)}#content{min-height:0}#header,#footer{flex-shrink:0}a.list-entry{color:var(--text-color-01);flex-shrink:0}a.list-entry.selected{color:#fff}.pagination{align-items:center;gap:1rem;padding:1rem;display:flex}.detail-back{display:none}.level-info-pills .pill{text-align:center;justify-content:center;align-items:center;line-height:1;display:inline-flex}.form-section .form-field-input:focus-visible{outline:2px solid var(--color-dw-accent-01)}.select .select-button:focus-visible,.select .select-menu .option.highlighted{outline:2px solid var(--color-dw-accent-01);outline-offset:-2px}.select .select-error{color:#ff4242;font-size:var(--text-sm);margin-top:.5rem}.form-section label.form-title{font-size:var(--text-xl);font-weight:700;display:block}#formView[hidden],#ruleView[hidden]{display:none}.empty-table-entry:has(.state-view){padding:0}.mode-badge{font-size:var(--text-sm);font-weight:var(--font-semi);color:var(--text-color-01);background:var(--color-bg-04);border-radius:var(--radius-sm);white-space:nowrap;padding:.2rem .5rem;display:inline-block}.level-difficulty-view .mode-badge{width:fit-content;margin:.4rem 0 0 auto;display:block}.info-buttons{flex-wrap:wrap}body.demonlist .info-grid{grid-template-columns:repeat(var(--columns), minmax(0, 1fr))}body.demonlist .pagination{flex-wrap:wrap}.select[data-floating]{position:relative}.select[data-floating] .select-menu{z-index:20;position:absolute;top:100%;left:0;box-shadow:0 .5rem 1.25rem #0004}.select[data-floating][data-menu-side=above] .select-menu{border-radius:var(--radius-xl) var(--radius-xl) 0 0;top:auto;bottom:100%}.select[data-floating][data-menu-side=above].active .select-button{border-radius:0 0 var(--radius-xl) var(--radius-xl)}.table-scroll-hint{display:none}@media (width<=1200px){body.demonlist .info-space-value{white-space:normal;overflow-wrap:anywhere;line-height:1.5}body.demonlist #header .inline-flex-container{gap:.75rem;padding:.75rem 1rem}body.demonlist #logo{min-width:0}body.demonlist #logo span{font-size:1.1rem}body.demonlist #logo img{flex-shrink:0;width:2.5rem;height:2.5rem;margin-right:.6rem}body.demonlist #accountSettings{flex-shrink:0;gap:.4rem}body.demonlist #footer .inline-flex-container{gap:.5rem;padding:.75rem 1rem}body.demonlist #items{display:flex}body.demonlist #items #itemsList{flex-shrink:0;width:34%;min-width:18rem;position:relative}body.demonlist #items #itemsList:after{display:block}body.demonlist #items #itemView{flex:1;width:auto;min-width:0;padding:.75rem;display:block;position:relative}body.demonlist #items #itemViewContainer{border-radius:var(--radius-2xl);background:linear-gradient(var(--color-bg-04)) var(--border-dw-accent);border:1px solid #0000;padding:1rem}body.demonlist .list-view{gap:.75rem;min-height:0;padding:.5rem}body.demonlist .list-entry{grid-template-columns:4.5rem minmax(0,1fr);gap:.3rem .75rem;padding:.75rem;display:grid}body.demonlist .list-entry .thumbnail-view{grid-row:span 2;align-self:center;width:100%}body.demonlist .list-entry .thumbnail-view:has(.user-thumbnail){justify-self:center;width:3rem;height:3rem}body.demonlist .list-entry .desc-view{grid-column:2}body.demonlist .list-entry .desc-view h3{white-space:normal;overflow-wrap:anywhere;font-size:1rem;line-height:1.4}body.demonlist .list-entry .desc-view p{font-size:.85rem}body.demonlist .list-entry .level-difficulty-view{text-align:left;flex-wrap:wrap;grid-column:2;align-items:center;gap:.5rem;width:auto;font-size:.8rem;display:flex}body.demonlist .level-difficulty-view .mode-badge{margin:0;display:inline-block}body.demonlist .view-mobile-actions{display:none}body.demonlist .player-level-row{grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem}body.demonlist .player-level-proof,body.demonlist .player-proof-unavailable{grid-column:2/-1;justify-self:start}body.demonlist .mod-review-grid{grid-template-columns:minmax(14rem,1fr) minmax(0,1.7fr)}}@media (width<=899px){html:has(body.demonlist){overflow:clip auto}body.demonlist{overflow:visible}body.demonlist #app{width:100%;height:auto;min-height:100svh}body.demonlist #content{overflow:visible}body.demonlist #content:has(>.account-error){flex-direction:column;display:flex}body.demonlist .account-error{flex:1;min-height:24rem}body.demonlist #header{position:sticky;top:0}body.demonlist #header .inline-flex-container{padding-top:max(.75rem, env(safe-area-inset-top));padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right))}body.demonlist #footer .inline-flex-container{padding-bottom:max(.75rem, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center}body.demonlist #footer nav{flex-wrap:wrap;justify-content:center}body.demonlist #items{height:auto;display:block}body.demonlist #items #itemsList{width:100%;min-width:0;height:auto;padding:.75rem;position:relative}body.demonlist #items #itemsList:after{display:none}body.demonlist #items .list-view{gap:.75rem;height:auto;overflow:visible}body.demonlist #items:not(.has-detail) #itemView,body.demonlist #items.has-detail #itemsList{display:none}body.demonlist #items.has-detail #itemView{width:100%;height:auto;padding:0;display:block;position:relative}body.demonlist #items #itemViewContainer{border:0;border-radius:0;height:auto;padding:1rem;overflow:visible}body.demonlist .view-mobile-actions{display:flex}body.demonlist .view-mobile-actions .detail-return{margin-left:-.5rem;margin-right:auto}body.demonlist .detail-back{margin:.5rem;display:inline-flex}body.demonlist #levelViewHeader{gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}body.demonlist #levelViewHeader .level-stats-container{margin-top:0}body.demonlist #levelViewHeader .level-front{margin-bottom:1rem;padding-bottom:1rem}body.demonlist #levelViewContent{margin-bottom:1.5rem;padding-bottom:1.5rem}body.demonlist .level-table{scrollbar-width:thin;overscroll-behavior-x:contain;overflow-x:auto}body.demonlist .level-table table{min-width:32rem}body.demonlist .level-table td,body.demonlist .level-table th{padding:.75rem}body.demonlist .table-title{line-height:1.6}.table-scroll-hint{color:var(--text-color-02);margin:.5rem 0;font-size:.8rem;display:block}body.demonlist .form-list{gap:1.25rem}body.demonlist #formHeader{flex-wrap:wrap;align-items:flex-start;gap:.5rem;margin-top:1rem}body.demonlist .form-section,body.demonlist .legal-item,body.demonlist .mod-card{padding:1rem}body.demonlist .form-description,body.demonlist .legal-desc{overflow-wrap:anywhere;line-height:1.6}body.demonlist .form-section .form-field-input{height:auto;min-height:3rem;padding:.85rem;font-size:1rem}body.demonlist .form-submit{margin-block:1rem}body.demonlist #scaledLegalContainer{max-width:calc(100% - 1.5rem);padding-block:1rem}body.demonlist .legal-header{padding-block:1.25rem}body.demonlist .mod-review-grid{grid-template-columns:minmax(0,1fr)}body.demonlist .mod-queue{overscroll-behavior-y:contain;max-height:18rem}body.demonlist .mod-queue-entry{align-items:flex-start}body.demonlist .mod-filters>div{flex-basis:10rem;min-width:0}body.demonlist .mod-details{gap:.75rem}body.demonlist .mod-review-form textarea{font-size:1rem}body.demonlist .mod-review-actions>button{flex:1}}@media (width<=599px){body.demonlist h1{overflow-wrap:anywhere;font-size:clamp(1.5rem,6vw,1.9rem)}body.demonlist #header .inline-flex-container{padding:.6rem .75rem;padding-top:max(.6rem, env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}body.demonlist #logo span{max-width:9rem;font-size:1rem;line-height:1.2}body.demonlist #logo img{width:2.25rem;height:2.25rem;margin-right:.5rem}body.demonlist #accountSettings{grid-template-columns:repeat(2,44px);gap:.3rem;display:grid}body.demonlist #accountSettings .button-master{padding:.5rem}body.demonlist #themeLabel,body.demonlist #accountLabel{display:none}body.demonlist #accountSettings #modPanelButton{grid-area:2/1/auto/-1}body.demonlist #modPanelButton span{font-size:.9rem}body.demonlist #footer .inline-flex-container{font-size:.85rem}body.demonlist #footer .button-secondary span{font-size:.9rem}body.demonlist #items #itemsList{padding:.5rem}body.demonlist #items #itemViewContainer{padding:.75rem}body.demonlist .info-grid,body.demonlist #levelViewContent .info-grid{--columns:2;gap:.6rem}body.demonlist .info-space{padding:.75rem}body.demonlist .info-space-title{font-size:.75rem}body.demonlist .info-space-value{font-size:.95rem}body.demonlist .info-buttons{gap:.5rem;display:flex}body.demonlist .info-buttons>:is(a,button){text-align:center;flex:auto}body.demonlist #playerViewHeader{align-items:center;gap:1rem}body.demonlist #playerViewHeader .player-avatar-view{flex-shrink:0;width:4.5rem;height:4.5rem}body.demonlist #playerViewHeader .player-name{overflow-wrap:anywhere;font-size:1.5rem}body.demonlist .player-level-section{padding:.75rem}body.demonlist .player-level-row{grid-template-columns:auto minmax(0,1fr);gap:.5rem .75rem}body.demonlist .player-level-metrics{grid-column:2;gap:1rem}body.demonlist .player-level-metric{align-items:flex-start}body.demonlist .player-level-proof,body.demonlist .player-proof-unavailable{grid-column:2}body.demonlist #userSection{padding:1rem}body.demonlist #dashboardHeader,body.demonlist #recordsHeader{margin-top:1rem}body.demonlist #userDataContainer{min-width:0}body.demonlist #usernameLabel{overflow-wrap:anywhere;text-align:center}body.demonlist #userDataContainer .info-grid{--columns:1}body.demonlist #searchOptionsHeader .filter-list{flex-direction:column;gap:1rem}body.demonlist #searchOptionsHeader .filter-item{width:100%}body.demonlist .records-list{max-height:none;padding:.75rem;overflow:visible}body.demonlist .record-header,body.demonlist .record-content{padding:.75rem}body.demonlist .record-header h2{overflow-wrap:anywhere;font-size:1.15rem;line-height:1.5}body.demonlist .record-content .info-content{flex-wrap:wrap;gap:.5rem}body.demonlist .status-content{width:100%}body.demonlist .record-content .info-content a{flex:1}body.demonlist .record-content .mod-content.active,body.demonlist .record-content .meta-content{flex-direction:column;gap:.75rem}body.demonlist .record-content .meta-label{text-align:left}body.demonlist .mod-container{padding:1rem .75rem 1.5rem}body.demonlist .mod-tools{grid-template-columns:minmax(0,1fr);gap:1rem}body.demonlist .mod-filters{flex-direction:column;gap:1rem}body.demonlist .mod-filters>div{flex-basis:auto;width:100%}body.demonlist .mod-filters #refreshReviews{width:100%;margin-top:0}body.demonlist .mod-details{grid-template-columns:minmax(0,1fr)}body.demonlist .select .select-button{padding:.85rem 2.25rem .85rem .85rem;font-size:1rem}body.demonlist .select .select-menu .option{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:44px;padding:.85rem}body.demonlist .select .level-option-title{font-size:1.1rem}}@media (pointer:coarse),(width<=899px){body.demonlist :is(.button-master,.button-secondary,.list-tab-button){touch-action:manipulation;justify-content:center;align-items:center;min-height:44px;display:inline-flex}body.demonlist .select .select-button,body.demonlist .select .option{touch-action:manipulation;min-height:44px}body.demonlist .record-proof-button>span>span{display:inline}body.demonlist .view-mobile-actions .detail-return{display:inline-flex}body.demonlist .mod-queue-entry{align-items:flex-start;display:flex}}
