*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b{font-weight:bolder}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,h2,h3,h4,p{margin:0}ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.\!top-\[0\.33rem\]{top:.33rem!important}.-bottom-px{bottom:-1px}.-left-px{left:-1px}.-top-px{top:-1px}.bottom-0{bottom:0}.bottom-3{bottom:.75rem}.bottom-4{bottom:1rem}.bottom-\[0\.563rem\]{bottom:.563rem}.bottom-\[20\%\]{bottom:20%}.left-0{left:0}.left-1\/2,.left-2\/4{left:50%}.left-3{left:.75rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-\[-3\.375rem\]{right:-3.375rem}.right-\[0\.563rem\]{right:.563rem}.right-\[80\%\]{right:80%}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-2{top:.5rem}.top-2\/4{top:50%}.top-4{top:1rem}.top-\[-2\.125rem\]{top:-2.125rem}.top-\[-3\.4rem\]{top:-3.4rem}.top-\[1\.125rem\]{top:1.125rem}.top-\[1rem\]{top:1rem}.top-\[80\%\]{top:80%}.z-NAVBAR{z-index:100}.z-\[-1\]{z-index:-1}.z-\[-2\]{z-index:-2}.z-\[1\]{z-index:1}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-ml-2{margin-left:-.5rem}.-ml-6{margin-left:-1.5rem}.-mt-px{margin-top:-1px}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-\[0\.625rem\]{margin-bottom:.625rem}.mb-\[1\.125rem\]{margin-bottom:1.125rem}.mb-\[1\.313rem\]{margin-bottom:1.313rem}.mb-\[1\.375rem\]{margin-bottom:1.375rem}.mb-\[1\.625rem\]{margin-bottom:1.625rem}.mb-\[2\.625rem\]{margin-bottom:2.625rem}.mb-\[3\.125rem\]{margin-bottom:3.125rem}.mb-\[3\.188rem\]{margin-bottom:3.188rem}.mb-\[3\.438rem\]{margin-bottom:3.438rem}.mb-\[6\.563rem\]{margin-bottom:6.563rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mr-\[0\.313rem\]{margin-right:.313rem}.mt-0{margin-top:0}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[-2\.5rem\]{margin-top:-2.5rem}.mt-\[0\.625rem\]{margin-top:.625rem}.mt-\[0\.688rem\]{margin-top:.688rem}.mt-\[1\.188rem\]{margin-top:1.188rem}.mt-\[1\.313rem\]{margin-top:1.313rem}.mt-\[10\.438rem\]{margin-top:10.438rem}.mt-\[2\.125rem\]{margin-top:2.125rem}.mt-\[2rem\]{margin-top:2rem}.mt-\[3\.375rem\]{margin-top:3.375rem}.mt-\[3\.688rem\]{margin-top:3.688rem}.mt-\[4\.938rem\]{margin-top:4.938rem}.mt-\[4rem\]{margin-top:4rem}.mt-\[5\.813rem\]{margin-top:5.813rem}.mt-\[6\.25rem\]{margin-top:6.25rem}.mt-\[6\.625rem\]{margin-top:6.625rem}.mt-\[6\.875rem\]{margin-top:6.875rem}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16/9}.size-\[0\.438rem\]{width:.438rem;height:.438rem}.size-\[1\.063rem\]{width:1.063rem;height:1.063rem}.size-\[1\.875rem\]{width:1.875rem;height:1.875rem}.size-\[2\.188rem\]{width:2.188rem;height:2.188rem}.size-\[2\.5rem\]{width:2.5rem;height:2.5rem}.size-\[2\.625rem\]{width:2.625rem;height:2.625rem}.size-\[3\.75rem\]{width:3.75rem;height:3.75rem}.size-\[9rem\]{width:9rem;height:9rem}.size-full{width:100%;height:100%}.h-0{height:0}.h-10{height:2.5rem}.h-12{height:3rem}.h-28{height:7rem}.h-8{height:2rem}.h-\[0\.688rem\]{height:.688rem}.h-\[1\.125rem\]{height:1.125rem}.h-\[1\.750rem\]{height:1.75rem}.h-\[14\.595rem\]{height:14.595rem}.h-\[15rem\]{height:15rem}.h-\[2\.125rem\]{height:2.125rem}.h-\[2\.25rem\]{height:2.25rem}.h-\[2\.313rem\]{height:2.313rem}.h-\[2\.5625rem\]{height:2.5625rem}.h-\[2\.588rem\]{height:2.588rem}.h-\[3\.4rem\]{height:3.4rem}.h-\[3\.81rem\]{height:3.81rem}.h-\[4\.134rem\]{height:4.134rem}.h-\[4\.25rem\]{height:4.25rem}.h-\[5\.375rem\]{height:5.375rem}.h-\[5\.438rem\]{height:5.438rem}.h-\[7rem\]{height:7rem}.h-full{height:100%}.h-px{height:1px}.min-h-\[11rem\]{min-height:11rem}.min-h-screen{min-height:100vh}.w-0{width:0}.w-\[1\.25rem\]{width:1.25rem}.w-\[1\.688rem\]{width:1.688rem}.w-\[12\.063rem\]{width:12.063rem}.w-\[12rem\]{width:12rem}.w-\[2\.375rem\]{width:2.375rem}.w-\[34\%\]{width:34%}.w-\[5\.139rem\]{width:5.139rem}.w-\[8\.2\%\]{width:8.2%}.w-\[calc\(66\%\+1px\)\]{width:calc(66% + 1px)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-\[25\.625rem\]{min-width:25.625rem}.min-w-full{min-width:100%}.max-w-\[122\.14rem\]{max-width:122.14rem}.max-w-\[22\.5rem\]{max-width:22.5rem}.max-w-\[25\.625rem\]{max-width:25.625rem}.max-w-\[25rem\]{max-width:25rem}.max-w-\[3\.438rem\]{max-width:3.438rem}.max-w-\[45rem\]{max-width:45rem}.max-w-\[60rem\]{max-width:60rem}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-bottom-right{transform-origin:bottom right}.origin-right{transform-origin:right}.-translate-x-1{--tw-translate-x:-0.25rem}.-translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/2,.-translate-x-2\/4{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-2\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\/4{--tw-translate-y:-50%}.-translate-y-2\/4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}@keyframes copyNotice{0%{opacity:.5}15%{opacity:1}85%{opacity:1}to{opacity:.3}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[0\.4rem\]{gap:.4rem}.gap-\[0\.625rem\]{gap:.625rem}.gap-\[1\.125rem\]{gap:1.125rem}.gap-\[1\.663rem\]{gap:1.663rem}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.border{border-width:1px}.border-x{border-left-width:1px;border-right-width:1px}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-solid{border-style:solid}.\!border-\[\#ff7a2f\]{--tw-border-opacity:1!important;border-color:rgb(255 122 47/var(--tw-border-opacity))!important}.border-grayGrid{--tw-border-opacity:1;border-color:rgb(56 56 56/var(--tw-border-opacity))}.\!bg-\[rgba\(120\2c 71\2c 56\2c 0\.33\)\]{background-color:rgba(120,71,56,.33)!important}.bg-\[\#151515\]{--tw-bg-opacity:1;background-color:rgb(21 21 21/var(--tw-bg-opacity))}.bg-\[rgba\(43\2c 43\2c 43\2c 0\.3\)\]{background-color:rgba(43,43,43,.3)}.bg-blackSecondary{--tw-bg-opacity:1;background-color:rgb(32 32 32/var(--tw-bg-opacity))}.bg-brightOrange{--tw-bg-opacity:1;background-color:rgb(255 122 47/var(--tw-bg-opacity))}.bg-gray{--tw-bg-opacity:1;background-color:rgb(128 128 128/var(--tw-bg-opacity))}.bg-grayGrid{--tw-bg-opacity:1;background-color:rgb(56 56 56/var(--tw-bg-opacity))}.bg-grayHover{--tw-bg-opacity:1;background-color:rgb(47 47 50/var(--tw-bg-opacity))}.bg-pizazz{--tw-bg-opacity:1;background-color:rgb(255 138 0/var(--tw-bg-opacity))}.bg-shark{--tw-bg-opacity:1;background-color:rgb(26 28 32/var(--tw-bg-opacity))}.bg-woodsmoke{--tw-bg-opacity:1;background-color:rgb(23 24 26/var(--tw-bg-opacity))}.fill-brightOrange{fill:#ff7a2f}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[0\.75rem\]{padding-left:.75rem;padding-right:.75rem}.px-\[1\.625rem\]{padding-left:1.625rem;padding-right:1.625rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[0\.8125rem\]{padding-top:.8125rem;padding-bottom:.8125rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-\[0\.688rem\]{padding-bottom:.688rem}.pb-\[0\.75rem\]{padding-bottom:.75rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-\[0\.313rem\]{padding-left:.313rem}.pl-\[1\.188rem\]{padding-left:1.188rem}.pr-2{padding-right:.5rem}.pr-5{padding-right:1.25rem}.pr-8{padding-right:2rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[0\.563rem\]{padding-top:.563rem}.pt-\[0\.813rem\]{padding-top:.813rem}.pt-\[0\.938rem\]{padding-top:.938rem}.pt-\[1\.75rem\]{padding-top:1.75rem}.pt-\[2\.5rem\]{padding-top:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-sans{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-secondary{font-family:var(--font-floripa),sans-serif}.\!text-\[0\.563rem\]{font-size:.563rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.485rem\]{font-size:.485rem}.text-\[0\.563rem\]{font-size:.563rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[0\.813rem\]{font-size:.813rem}.text-\[0\.822rem\]{font-size:.822rem}.text-\[0\.875rem\]{font-size:.875rem}.text-\[0\.938rem\]{font-size:.938rem}.text-\[0\.94rem\]{font-size:.94rem}.text-\[1\.125rem\]{font-size:1.125rem}.text-\[1\.188rem\]{font-size:1.188rem}.text-\[1\.25rem\]{font-size:1.25rem}.text-\[1\.313rem\]{font-size:1.313rem}.text-\[1\.375rem\]{font-size:1.375rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[1\.806rem\]{font-size:1.806rem}.text-\[1\.875rem\]{font-size:1.875rem}.text-\[2\.024rem\]{font-size:2.024rem}.text-\[2\.286rem\]{font-size:2.286rem}.text-\[2\.935rem\]{font-size:2.935rem}.text-\[4\.774rem\]{font-size:4.774rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.leading-\[0\.469\]{line-height:.469}.leading-\[83\.6\%\]{line-height:83.6%}.leading-\[90\%\]{line-height:90%}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-tight{line-height:1.25}.\!text-white{--tw-text-opacity:1!important}.\!text-white{color:rgb(255 255 255/var(--tw-text-opacity))!important}.text-\[\#4A4A4B\]{--tw-text-opacity:1;color:rgb(74 74 75/var(--tw-text-opacity))}.text-brightOrange{--tw-text-opacity:1;color:rgb(255 122 47/var(--tw-text-opacity))}.text-davyGrey{--tw-text-opacity:1;color:rgb(80 83 91/var(--tw-text-opacity))}.text-grayText{--tw-text-opacity:1;color:rgb(144 144 147/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-whiteText{--tw-text-opacity:1;color:rgb(236 237 240/var(--tw-text-opacity))}.text-whiteTransparent{color:hsla(0,0%,100%,.3)}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.outline{outline-style:solid}.outline-0{outline-width:0}.blur{--tw-blur:blur(8px)}.blur{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-\[1s\]{transition-duration:1s}.duration-\[600ms\]{transition-duration:.6s}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{color-scheme:dark light;--mantine-scale:1}@media (prefers-color-scheme:light){a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-style:solid;outline-color:#ff8a00;outline-width:2px;outline-offset:2px}}@media (prefers-color-scheme:dark){a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline-style:solid;outline-color:#ff8a00;outline-width:2px;outline-offset:2px}}html{font-size:13.5px}@media screen and (min-width:1440px){html{font-size:calc(100vw * .00819444444)}}@media screen and (min-width:2560px){html{font-size:calc(100vw * .00609)}}body{--tw-bg-opacity:1;background-color:rgb(15 15 15/var(--tw-bg-opacity))}.how-to-play__transparent{-webkit-text-stroke:1px #ecedf0;text-stroke:1px #ecedf0}.how-to-play__transparent,.roleplay__transparent{color:transparent;-webkit-background-clip:text;background-clip:text}.roleplay__transparent{-webkit-text-stroke:1px rgba(236,237,240,.28);text-stroke:1px rgba(236,237,240,.28)}@keyframes moveSpiral{0%{background-position:0 0}to{background-position:400% 0}}input[type=time]::-webkit-calendar-picker-indicator{display:none}:root{--toastify-toast-width:auto!important}.hover\:border-\[\#4E4E4E\]:hover{--tw-border-opacity:1;border-color:rgb(78 78 78/var(--tw-border-opacity))}.hover\:bg-\[rgba\(68\2c 68\2c 68\2c 0\.33\)\]:hover{background-color:rgba(68,68,68,.33)}.hover\:bg-grayHover:hover{--tw-bg-opacity:1;background-color:rgb(47 47 50/var(--tw-bg-opacity))}.hover\:bg-woodsmoke:hover{--tw-bg-opacity:1;background-color:rgb(23 24 26/var(--tw-bg-opacity))}.hover\:text-\[0\.875rem\]:hover{font-size:.875rem}.hover\:text-brightOrange:hover{--tw-text-opacity:1;color:rgb(255 122 47/var(--tw-text-opacity))}.focus\:outline-0:focus{outline-width:0}.enabled\:hover\:border-\[\#4E4E4E\]:hover:enabled{--tw-border-opacity:1;border-color:rgb(78 78 78/var(--tw-border-opacity))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.group:hover .group-hover\:w-\[1\.875rem\]{width:1.875rem}.group:hover .group-hover\:scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.group:hover .group-hover\:scale-125{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.group:hover .group-hover\:scale-\[140\%\]{--tw-scale-x:140%;--tw-scale-y:140%}.group:hover .group-hover\:scale-\[140\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[70\%\]{--tw-scale-x:70%;--tw-scale-y:70%}.group:hover .group-hover\:scale-\[70\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-scale-x-125{--tw-scale-x:-1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-brightOrange{--tw-text-opacity:1;color:rgb(255 122 47/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:grayscale-0{--tw-grayscale:grayscale(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.group:hover .group-hover\:rotate-y-360{transform:rotateY(1turn)}.peer:checked~.peer-checked\:opacity-100{opacity:1}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:top-\[1rem\]{top:1rem}.peer:placeholder-shown~.peer-placeholder-shown\:top-\[1rem\]{top:1rem}.peer:-moz-placeholder-shown~.peer-placeholder-shown\:text-\[0\.875rem\]{font-size:.875rem}.peer:placeholder-shown~.peer-placeholder-shown\:text-\[0\.875rem\]{font-size:.875rem}.peer:focus~.peer-focus\:top-1\.5{top:.375rem}.peer:focus~.peer-focus\:text-\[0\.563rem\]{font-size:.563rem}@media (min-width:576px){.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-\[0\.75rem\]{margin-bottom:.75rem}.sm\:mb-\[1\.313rem\]{margin-bottom:1.313rem}.sm\:mb-\[4\.125rem\]{margin-bottom:4.125rem}.sm\:mb-\[8rem\]{margin-bottom:8rem}.sm\:mt-28{margin-top:7rem}.sm\:mt-\[-0\.75rem\]{margin-top:-.75rem}.sm\:mt-\[6\.1rem\]{margin-top:6.1rem}.sm\:mt-\[6\.313rem\]{margin-top:6.313rem}.sm\:mt-\[6rem\]{margin-top:6rem}.sm\:mt-\[8\.563rem\]{margin-top:8.563rem}.sm\:mt-\[8rem\]{margin-top:8rem}.sm\:block{display:block}.sm\:inline-flex{display:inline-flex}.sm\:size-\[3\.188rem\]{width:3.188rem;height:3.188rem}.sm\:h-\[1\.188rem\]{height:1.188rem}.sm\:h-\[10\.375rem\]{height:10.375rem}.sm\:h-\[4\.625rem\]{height:4.625rem}.sm\:w-\[1\.125rem\]{width:1.125rem}.sm\:w-\[20\.2rem\]{width:20.2rem}.sm\:w-\[50\%\]{width:50%}.sm\:w-\[calc\(50\%\+1px\)\]{width:calc(50% + 1px)}.sm\:max-w-\[50rem\]{max-width:50rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-col{flex-direction:column}.sm\:justify-start{justify-content:flex-start}.sm\:gap-\[0\.938rem\]{gap:.938rem}.sm\:gap-\[3\.125rem\]{gap:3.125rem}.sm\:border-b{border-bottom-width:1px}.sm\:border-l{border-left-width:1px}.sm\:border-l-0{border-left-width:0}.sm\:border-t{border-top-width:1px}.sm\:border-t-0{border-top-width:0}.sm\:p-4{padding:1rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-\[0\.75rem\]{padding-top:.75rem}.sm\:pt-\[2\.125rem\]{padding-top:2.125rem}.sm\:text-left{text-align:left}.sm\:text-\[1\.125rem\]{font-size:1.125rem}.sm\:text-\[2\.4rem\]{font-size:2.4rem}.sm\:text-\[2\.65rem\]{font-size:2.65rem}.sm\:text-\[2\.813rem\]{font-size:2.813rem}.sm\:text-\[2\.85rem\]{font-size:2.85rem}.sm\:leading-none{line-height:1}}@media (min-width:700px){.min-\[700px\]\:mb-\[0\.563rem\]{margin-bottom:.563rem}.min-\[700px\]\:mb-\[2\.625rem\]{margin-bottom:2.625rem}.min-\[700px\]\:flex{display:flex}.min-\[700px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.min-\[700px\]\:px-2{padding-left:.5rem;padding-right:.5rem}.min-\[700px\]\:pb-\[1\.375rem\]{padding-bottom:1.375rem}.min-\[700px\]\:text-\[0\.409rem\]{font-size:.409rem}.min-\[700px\]\:text-\[0\.6rem\]{font-size:.6rem}.min-\[700px\]\:text-\[2rem\]{font-size:2rem}.min-\[700px\]\:text-\[3rem\]{font-size:3rem}.min-\[700px\]\:leading-none{line-height:1}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:-left-px{left:-1px}.md\:bottom-\[-2\.536rem\]{bottom:-2.536rem}.md\:bottom-\[0\.483rem\]{bottom:.483rem}.md\:bottom-\[1\.609rem\]{bottom:1.609rem}.md\:bottom-\[2\.125rem\]{bottom:2.125rem}.md\:left-\[8\.75rem\]{left:8.75rem}.md\:right-0{right:0}.md\:top-\[-1\.375rem\]{top:-1.375rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:-mr-6{margin-right:-1.5rem}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-3{margin-bottom:.75rem}.md\:mb-\[0\.875rem\]{margin-bottom:.875rem}.md\:mb-\[1\.375rem\]{margin-bottom:1.375rem}.md\:mb-\[2\.375rem\]{margin-bottom:2.375rem}.md\:mb-\[2\.536rem\]{margin-bottom:2.536rem}.md\:ml-0{margin-left:0}.md\:ml-3{margin-left:.75rem}.md\:mr-0{margin-right:0}.md\:mr-\[0\.313rem\]{margin-right:.313rem}.md\:mt-0{margin-top:0}.md\:mt-12{margin-top:3rem}.md\:mt-2{margin-top:.5rem}.md\:mt-\[1\.375rem\]{margin-top:1.375rem}.md\:mt-\[1\.5rem\]{margin-top:1.5rem}.md\:mt-\[4rem\]{margin-top:4rem}.md\:mt-auto{margin-top:auto}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:size-3{width:.75rem;height:.75rem}.md\:size-\[1\.5rem\]{width:1.5rem;height:1.5rem}.md\:size-\[2\.188rem\]{width:2.188rem;height:2.188rem}.md\:size-\[3\.25rem\]{width:3.25rem;height:3.25rem}.md\:h-\[1\.375rem\]{height:1.375rem}.md\:h-\[1\.563rem\]{height:1.563rem}.md\:h-\[2\.75rem\]{height:2.75rem}.md\:h-\[27\.750rem\]{height:27.75rem}.md\:h-\[5\.940rem\]{height:5.94rem}.md\:h-\[6\.5rem\]{height:6.5rem}.md\:h-auto{height:auto}.md\:h-full{height:100%}.md\:w-0{width:0}.md\:w-\[1\.625rem\]{width:1.625rem}.md\:w-\[21\.438rem\]{width:21.438rem}.md\:w-\[26\.938rem\]{width:26.938rem}.md\:w-\[8\.375rem\]{width:8.375rem}.md\:w-full{width:100%}.md\:min-w-\[21\.438rem\]{min-width:21.438rem}.md\:min-w-\[25\.625rem\]{min-width:25.625rem}.md\:min-w-\[26\.938rem\]{min-width:26.938rem}.md\:max-w-\[25\.625rem\]{max-width:25.625rem}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:justify-center{justify-content:center}.md\:gap-10{gap:2.5rem}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-\[1\.75rem\]{gap:1.75rem}.md\:border{border-width:1px}.md\:border-x{border-left-width:1px;border-right-width:1px}.md\:border-b{border-bottom-width:1px}.md\:border-l{border-left-width:1px}.md\:border-r{border-right-width:1px}.md\:border-r-0{border-right-width:0}.md\:border-t{border-top-width:1px}.md\:border-t-0{border-top-width:0}.md\:border-solid{border-style:solid}.md\:border-grayGrid{--tw-border-opacity:1;border-color:rgb(56 56 56/var(--tw-border-opacity))}.md\:p-3{padding:.75rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:pb-2{padding-bottom:.5rem}.md\:pb-5{padding-bottom:1.25rem}.md\:pb-\[1\.875rem\]{padding-bottom:1.875rem}.md\:pb-\[2\.125rem\]{padding-bottom:2.125rem}.md\:pl-0{padding-left:0}.md\:pl-2{padding-left:.5rem}.md\:pl-5{padding-left:1.25rem}.md\:pl-\[1\.75rem\]{padding-left:1.75rem}.md\:pl-\[2\.25rem\]{padding-left:2.25rem}.md\:pl-\[2\.75rem\]{padding-left:2.75rem}.md\:pr-2{padding-right:.5rem}.md\:pr-6{padding-right:1.5rem}.md\:pr-\[1\.375rem\]{padding-right:1.375rem}.md\:pr-\[1\.438rem\]{padding-right:1.438rem}.md\:pt-0{padding-top:0}.md\:pt-2{padding-top:.5rem}.md\:pt-\[0\.625rem\]{padding-top:.625rem}.md\:pt-\[1\.125rem\]{padding-top:1.125rem}.md\:pt-\[1\.375rem\]{padding-top:1.375rem}.md\:pt-\[1\.875rem\]{padding-top:1.875rem}.md\:text-\[0\.875rem\]{font-size:.875rem}.md\:text-\[1\.238rem\]{font-size:1.238rem}.md\:text-\[1\.375rem\]{font-size:1.375rem}.md\:text-\[3\.375rem\]{font-size:3.375rem}.md\:text-\[3\.75rem\]{font-size:3.75rem}.md\:text-\[4\.294rem\]{font-size:4.294rem}.group:hover .md\:group-hover\:scale-\[90\%\]{--tw-scale-x:90%;--tw-scale-y:90%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media (min-width:992px){.lg\:relative{position:relative}.lg\:bottom-0{bottom:0}.lg\:bottom-\[0\.383rem\]{bottom:.383rem}.lg\:bottom-\[1\.809rem\]{bottom:1.809rem}.lg\:ml-\[1\.188rem\]{margin-left:1.188rem}.lg\:mr-auto{margin-right:auto}.lg\:mt-0{margin-top:0}.lg\:mt-16{margin-top:4rem}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:aspect-video{aspect-ratio:16/9}.lg\:h-\[60\%\]{height:60%}.lg\:h-auto{height:auto}.lg\:min-w-\[31\.625rem\]{min-width:31.625rem}.lg\:max-w-\[31\.625rem\]{max-width:31.625rem}.lg\:grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-center{align-items:center}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-0{gap:0}.lg\:gap-4{gap:1rem}.lg\:gap-\[0\.625rem\]{gap:.625rem}.lg\:border{border-width:1px}.lg\:border-l-0{border-left-width:0}.lg\:border-r-0{border-right-width:0}.lg\:border-solid{border-style:solid}.lg\:border-grayGrid{--tw-border-opacity:1;border-color:rgb(56 56 56/var(--tw-border-opacity))}.lg\:p-8{padding:2rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:py-\[2\.125rem\]{padding-top:2.125rem;padding-bottom:2.125rem}.lg\:pl-\[1\.625rem\]{padding-left:1.625rem}.lg\:pl-\[1\.688rem\]{padding-left:1.688rem}.lg\:text-\[1\.313rem\]{font-size:1.313rem}.lg\:text-\[2\.5rem\]{font-size:2.5rem}.lg\:text-\[4\.188rem\]{font-size:4.188rem}.lg\:text-\[5\.874rem\]{font-size:5.874rem}.lg\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:1200px){.xl\:absolute{position:absolute}.xl\:bottom-0{bottom:0}.xl\:bottom-\[2\.309rem\]{bottom:2.309rem}.xl\:left-0{left:0}.xl\:mb-\[3\.875rem\]{margin-bottom:3.875rem}.xl\:inline-flex{display:inline-flex}.xl\:hidden{display:none}.xl\:size-\[2\.188rem\]{width:2.188rem;height:2.188rem}.xl\:h-\[2\.313rem\]{height:2.313rem}.xl\:h-\[2\.5625rem\]{height:2.5625rem}.xl\:w-\[2\.375rem\]{width:2.375rem}.xl\:min-w-\[41\.625rem\]{min-width:41.625rem}.xl\:max-w-\[41\.625rem\]{max-width:41.625rem}.xl\:max-w-full{max-width:100%}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:gap-\[1\.125rem\]{gap:1.125rem}.xl\:gap-\[2\.604rem\]{gap:2.604rem}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}.xl\:text-\[3\.029rem\]{font-size:3.029rem}.xl\:text-\[7\.674rem\]{font-size:7.674rem}.xl\:uppercase{text-transform:uppercase}}@media (min-width:1325px){.bounds\:absolute{position:absolute}.bounds\:\!top-\[0\.563rem\]{top:.563rem!important}.bounds\:bottom-0{bottom:0}.bounds\:left-\[1\.125rem\]{left:1.125rem}.bounds\:right-6{right:1.5rem}.bounds\:right-\[1\.625rem\]{right:1.625rem}.bounds\:top-6{top:1.5rem}.bounds\:top-\[-7\.6rem\]{top:-7.6rem}.bounds\:top-\[0\.563rem\]{top:.563rem}.bounds\:top-\[1\.65rem\]{top:1.65rem}.bounds\:mb-8{margin-bottom:2rem}.bounds\:mb-\[0\.563rem\]{margin-bottom:.563rem}.bounds\:mb-\[0\.875rem\]{margin-bottom:.875rem}.bounds\:mb-\[1\.813rem\]{margin-bottom:1.813rem}.bounds\:mb-\[12\.75rem\]{margin-bottom:12.75rem}.bounds\:mb-\[2\.5rem\]{margin-bottom:2.5rem}.bounds\:mb-\[5\.688rem\]{margin-bottom:5.688rem}.bounds\:ml-6{margin-left:1.5rem}.bounds\:mr-3{margin-right:.75rem}.bounds\:mt-0{margin-top:0}.bounds\:mt-6{margin-top:1.5rem}.bounds\:mt-9{margin-top:2.25rem}.bounds\:mt-\[-1\.938rem\]{margin-top:-1.938rem}.bounds\:mt-\[0\.875rem\]{margin-top:.875rem}.bounds\:mt-\[1\.188rem\]{margin-top:1.188rem}.bounds\:mt-\[11\.5rem\]{margin-top:11.5rem}.bounds\:mt-\[12\.75rem\]{margin-top:12.75rem}.bounds\:mt-\[13\.938rem\]{margin-top:13.938rem}.bounds\:mt-\[19\.375rem\]{margin-top:19.375rem}.bounds\:mt-\[2\.438rem\]{margin-top:2.438rem}.bounds\:mt-\[2\.938rem\]{margin-top:2.938rem}.bounds\:mt-\[3\.188rem\]{margin-top:3.188rem}.bounds\:mt-\[4\.438rem\]{margin-top:4.438rem}.bounds\:mt-\[5\.5rem\]{margin-top:5.5rem}.bounds\:mt-\[8\.1rem\]{margin-top:8.1rem}.bounds\:block{display:block}.bounds\:grid{display:grid}.bounds\:size-\[1\.750rem\]{width:1.75rem;height:1.75rem}.bounds\:size-\[3\.125rem\]{width:3.125rem;height:3.125rem}.bounds\:size-\[7\.688rem\]{width:7.688rem;height:7.688rem}.bounds\:h-\[1\.063rem\]{height:1.063rem}.bounds\:h-\[1\.750rem\]{height:1.75rem}.bounds\:h-\[11\.5rem\]{height:11.5rem}.bounds\:h-\[24\.188rem\]{height:24.188rem}.bounds\:h-\[3\.188rem\]{height:3.188rem}.bounds\:h-\[3\.325rem\]{height:3.325rem}.bounds\:h-\[3\.75rem\]{height:3.75rem}.bounds\:h-\[3\.875rem\]{height:3.875rem}.bounds\:h-\[35\.875rem\]{height:35.875rem}.bounds\:h-\[4\.188rem\]{height:4.188rem}.bounds\:h-\[6\.188rem\]{height:6.188rem}.bounds\:h-\[6rem\]{height:6rem}.bounds\:h-\[7\.6rem\]{height:7.6rem}.bounds\:h-auto{height:auto}.bounds\:w-\[1\.688rem\]{width:1.688rem}.bounds\:w-\[1\.875rem\]{width:1.875rem}.bounds\:w-\[32\.125rem\]{width:32.125rem}.bounds\:w-\[7\.688rem\]{width:7.688rem}.bounds\:w-full{width:100%}.bounds\:min-w-\[32\.125rem\]{min-width:32.125rem}.bounds\:min-w-\[38\.938rem\]{min-width:38.938rem}.bounds\:min-w-\[47\.625rem\]{min-width:47.625rem}.bounds\:max-w-\[25\.5rem\]{max-width:25.5rem}.bounds\:max-w-\[35rem\]{max-width:35rem}.bounds\:max-w-\[47\.625rem\]{max-width:47.625rem}.bounds\:max-w-full{max-width:100%}.bounds\:origin-bottom-right{transform-origin:bottom right}.bounds\:grid-cols-\[minmax\(auto\2c 27rem\)_auto\]{grid-template-columns:minmax(auto,27rem) auto}.bounds\:flex-row{flex-direction:row}.bounds\:items-start{align-items:flex-start}.bounds\:justify-center{justify-content:center}.bounds\:gap-3{gap:.75rem}.bounds\:gap-6{gap:1.5rem}.bounds\:gap-\[0\.875rem\]{gap:.875rem}.bounds\:gap-\[1\.75rem\]{gap:1.75rem}.bounds\:border-t-0{border-top-width:0}.bounds\:p-4{padding:1rem}.bounds\:p-5{padding:1.25rem}.bounds\:p-6{padding:1.5rem}.bounds\:p-\[2\.25rem\]{padding:2.25rem}.bounds\:p-\[2\.5rem\]{padding:2.5rem}.bounds\:px-0{padding-left:0;padding-right:0}.bounds\:px-6{padding-left:1.5rem;padding-right:1.5rem}.bounds\:px-\[1\.125rem\]{padding-left:1.125rem;padding-right:1.125rem}.bounds\:px-\[1\.75rem\]{padding-left:1.75rem;padding-right:1.75rem}.bounds\:pb-\[1\.031rem\]{padding-bottom:1.031rem}.bounds\:pb-\[3\.438rem\]{padding-bottom:3.438rem}.bounds\:pl-\[2\.5rem\]{padding-left:2.5rem}.bounds\:pt-\[1\.219rem\]{padding-top:1.219rem}.bounds\:pt-\[1\.438rem\]{padding-top:1.438rem}.bounds\:pt-\[2rem\]{padding-top:2rem}.bounds\:text-left{text-align:left}.bounds\:\!text-\[0\.688rem\]{font-size:.688rem!important}.bounds\:text-\[0\.688rem\]{font-size:.688rem}.bounds\:text-\[0\.75rem\]{font-size:.75rem}.bounds\:text-\[0\.875rem\]{font-size:.875rem}.bounds\:text-\[0\.938rem\]{font-size:.938rem}.bounds\:text-\[1\.125rem\]{font-size:1.125rem}.bounds\:text-\[1\.25rem\]{font-size:1.25rem}.bounds\:text-\[1\.5rem\]{font-size:1.5rem}.bounds\:text-\[1\.688rem\]{font-size:1.688rem}.bounds\:text-\[1\.75rem\]{font-size:1.75rem}.bounds\:text-\[1rem\]{font-size:1rem}.bounds\:text-\[2\.813rem\]{font-size:2.813rem}.bounds\:text-\[3\.125rem\]{font-size:3.125rem}.bounds\:text-\[3rem\]{font-size:3rem}.bounds\:text-\[5\.5rem\]{font-size:5.5rem}.bounds\:text-\[5rem\]{font-size:5rem}.bounds\:text-\[6\.431rem\]{font-size:6.431rem}.bounds\:text-\[7\.194rem\]{font-size:7.194rem}.bounds\:text-\[8\.874rem\]{font-size:8.874rem}.bounds\:hover\:text-\[1\.25rem\]:hover{font-size:1.25rem}.group:hover .bounds\:group-hover\:w-\[2\.813rem\]{width:2.813rem}.group:hover .bounds\:group-hover\:scale-\[200\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .bounds\:group-hover\:scale-\[200\%\]{--tw-scale-x:200%;--tw-scale-y:200%}.group:hover .bounds\:group-hover\:scale-\[70\%\]{--tw-scale-x:70%;--tw-scale-y:70%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:-moz-placeholder-shown~.bounds\:peer-placeholder-shown\:top-\[1\.65rem\]{top:1.65rem}.peer:placeholder-shown~.bounds\:peer-placeholder-shown\:top-\[1\.65rem\]{top:1.65rem}.peer:-moz-placeholder-shown~.bounds\:peer-placeholder-shown\:text-\[0\.875rem\]{font-size:.875rem}.peer:placeholder-shown~.bounds\:peer-placeholder-shown\:text-\[0\.875rem\]{font-size:.875rem}.peer:focus~.bounds\:peer-focus\:top-\[0\.563rem\]{top:.563rem}.peer:focus~.bounds\:peer-focus\:text-\[0\.688rem\]{font-size:.688rem}}@media (min-width:1440px){.boundsXS\:relative{position:relative}.boundsXS\:-top-8{top:-2rem}.boundsXS\:bottom-4{bottom:1rem}.boundsXS\:bottom-5{bottom:1.25rem}.boundsXS\:bottom-\[1\.063rem\]{bottom:1.063rem}.boundsXS\:bottom-\[3\.063rem\]{bottom:3.063rem}.boundsXS\:bottom-\[3\.938rem\]{bottom:3.938rem}.boundsXS\:left-\[21\.5rem\]{left:21.5rem}.boundsXS\:right-4{right:1rem}.boundsXS\:right-5{right:1.25rem}.boundsXS\:top-\[2\.313rem\]{top:2.313rem}.boundsXS\:top-\[75\%\]{top:75%}.boundsXS\:mb-5{margin-bottom:1.25rem}.boundsXS\:mb-\[1\.063rem\]{margin-bottom:1.063rem}.boundsXS\:mb-\[1\.375rem\]{margin-bottom:1.375rem}.boundsXS\:mb-\[1\.563rem\]{margin-bottom:1.563rem}.boundsXS\:mb-\[2\.813rem\]{margin-bottom:2.813rem}.boundsXS\:mb-\[3\.5rem\]{margin-bottom:3.5rem}.boundsXS\:mb-\[3\.625rem\]{margin-bottom:3.625rem}.boundsXS\:ml-0{margin-left:0}.boundsXS\:ml-8{margin-left:2rem}.boundsXS\:ml-\[-5\.875rem\]{margin-left:-5.875rem}.boundsXS\:ml-\[12\.3rem\]{margin-left:12.3rem}.boundsXS\:ml-\[4\.875rem\]{margin-left:4.875rem}.boundsXS\:mr-0{margin-right:0}.boundsXS\:mr-\[12\.3rem\]{margin-right:12.3rem}.boundsXS\:mt-0{margin-top:0}.boundsXS\:mt-8{margin-top:2rem}.boundsXS\:mt-\[10\.7rem\]{margin-top:10.7rem}.boundsXS\:mt-\[8\.375rem\]{margin-top:8.375rem}.boundsXS\:mt-\[9\.5rem\]{margin-top:9.5rem}.boundsXS\:inline-flex{display:inline-flex}.boundsXS\:size-\[3\.125rem\]{width:3.125rem;height:3.125rem}.boundsXS\:size-\[3\.75rem\]{width:3.75rem;height:3.75rem}.boundsXS\:size-\[3rem\]{width:3rem;height:3rem}.boundsXS\:size-\[5rem\]{width:5rem;height:5rem}.boundsXS\:h-12{height:3rem}.boundsXS\:h-8{height:2rem}.boundsXS\:h-\[14\.5rem\]{height:14.5rem}.boundsXS\:h-\[3\.813rem\]{height:3.813rem}.boundsXS\:h-\[46\.875rem\]{height:46.875rem}.boundsXS\:h-\[6\.563rem\]{height:6.563rem}.boundsXS\:h-\[9rem\]{height:9rem}.boundsXS\:w-1\/2{width:50%}.boundsXS\:w-\[12rem\]{width:12rem}.boundsXS\:w-\[30\%\]{width:30%}.boundsXS\:min-w-\[3\.125rem\]{min-width:3.125rem}.boundsXS\:min-w-\[62\.75rem\]{min-width:62.75rem}.boundsXS\:min-w-\[67\.375rem\]{min-width:67.375rem}.boundsXS\:max-w-\[122\.14rem\]{max-width:122.14rem}.boundsXS\:max-w-\[45rem\]{max-width:45rem}.boundsXS\:max-w-\[62\.75rem\]{max-width:62.75rem}.boundsXS\:max-w-\[80rem\]{max-width:80rem}.boundsXS\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.boundsXS\:grid-cols-\[minmax\(auto\2c 38\.438rem\)_auto\]{grid-template-columns:minmax(auto,38.438rem) auto}.boundsXS\:items-center{align-items:center}.boundsXS\:gap-5{gap:1.25rem}.boundsXS\:gap-8{gap:2rem}.boundsXS\:border-y-0{border-top-width:0;border-bottom-width:0}.boundsXS\:border-b{border-bottom-width:1px}.boundsXS\:border-b-0{border-bottom-width:0}.boundsXS\:border-l{border-left-width:1px}.boundsXS\:border-r-0{border-right-width:0}.boundsXS\:border-solid{border-style:solid}.boundsXS\:border-grayGrid{--tw-border-opacity:1;border-color:rgb(56 56 56/var(--tw-border-opacity))}.boundsXS\:p-4{padding:1rem}.boundsXS\:px-0{padding-left:0;padding-right:0}.boundsXS\:px-6{padding-left:1.5rem;padding-right:1.5rem}.boundsXS\:py-\[2\.813rem\]{padding-top:2.813rem;padding-bottom:2.813rem}.boundsXS\:pb-0{padding-bottom:0}.boundsXS\:pb-\[3\.063rem\]{padding-bottom:3.063rem}.boundsXS\:pb-\[4\.5rem\]{padding-bottom:4.5rem}.boundsXS\:pb-\[4rem\]{padding-bottom:4rem}.boundsXS\:pl-0{padding-left:0}.boundsXS\:pl-\[2\.563rem\]{padding-left:2.563rem}.boundsXS\:pl-\[2\.813rem\]{padding-left:2.813rem}.boundsXS\:pl-\[3\.125rem\]{padding-left:3.125rem}.boundsXS\:pl-\[3\.5rem\]{padding-left:3.5rem}.boundsXS\:pl-\[5\.875rem\]{padding-left:5.875rem}.boundsXS\:pr-8,.boundsXS\:pr-\[2rem\]{padding-right:2rem}.boundsXS\:pr-\[4\.063rem\]{padding-right:4.063rem}.boundsXS\:pt-0{padding-top:0}.boundsXS\:pt-\[2\.313rem\]{padding-top:2.313rem}.boundsXS\:pt-\[2\.625rem\]{padding-top:2.625rem}.boundsXS\:pt-\[2rem\]{padding-top:2rem}.boundsXS\:text-\[1\.125rem\]{font-size:1.125rem}.boundsXS\:text-\[1\.25rem\]{font-size:1.25rem}.boundsXS\:text-\[1\.5rem\]{font-size:1.5rem}.boundsXS\:text-\[1\.75rem\]{font-size:1.75rem}.boundsXS\:text-\[10\.438rem\]{font-size:10.438rem}.boundsXS\:text-\[11\.688rem\]{font-size:11.688rem}.boundsXS\:text-\[1rem\]{font-size:1rem}.boundsXS\:text-\[2rem\]{font-size:2rem}.boundsXS\:text-\[4\.688rem\]{font-size:4.688rem}.boundsXS\:text-\[4rem\]{font-size:4rem}.boundsXS\:text-\[5\.125rem\]{font-size:5.125rem}.boundsXS\:text-\[7rem\]{font-size:7rem}.boundsXS\:text-\[9\.313rem\]{font-size:9.313rem}.boundsXS\:text-xl{font-size:1.25rem;line-height:1.75rem}.boundsXS\:leading-none{line-height:1}.boundsXS\:hover\:text-\[1\.5rem\]:hover{font-size:1.5rem}}@media (min-width:1620px){.min-\[1620px\]\:mb-\[3\.5rem\]{margin-bottom:3.5rem}.min-\[1620px\]\:grid-cols-\[minmax\(auto\2c 33\.125rem\)_32\.125rem_minmax\(auto\2c 33\.125rem\)\]{grid-template-columns:minmax(auto,33.125rem) 32.125rem minmax(auto,33.125rem)}.min-\[1620px\]\:pl-\[3\.938rem\]{padding-left:3.938rem}.min-\[1620px\]\:pl-\[4\.438rem\]{padding-left:4.438rem}.min-\[1620px\]\:pr-\[2\.438rem\]{padding-right:2.438rem}}@media (min-width:1920px){.min-\[1920px\]\:h-\[11\.5rem\]{height:11.5rem}}@media (min-width:1921px){.min-\[1921px\]\:px-24{padding-left:6rem;padding-right:6rem}}@media (min-width:1940px){.min-\[1940px\]\:ml-0{margin-left:0}.min-\[1940px\]\:min-w-\[61\.5rem\]{min-width:61.5rem}.min-\[1940px\]\:pl-0{padding-left:0}}@media (min-width:2560px){.min-\[2560px\]\:px-24{padding-left:6rem;padding-right:6rem}}@font-face{font-family:__FontGotham_29c9b1;src:url(fonts/987c0d257fc2f68f-s.p.woff2) format("woff2");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:__FontGotham_29c9b1;src:url(fonts/dbd71dab0245af66-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__FontGotham_29c9b1;src:url(fonts/83ad6d7df6a1d1c8-s.p.woff2) format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:__FontGotham_29c9b1;src:url(fonts/aeae14db12b07391-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__FontGotham_29c9b1;src:url(fonts/9dd0d0e83d87b3a7-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:__FontGotham_29c9b1;src:url(fonts/db9c8df30816b022-s.p.woff2) format("woff2");font-display:swap;font-weight:900;font-style:normal}@font-face{font-family:__FontGotham_Fallback_29c9b1;src:local("Arial");ascent-override:84.58%;descent-override:21.14%;line-gap-override:0.00%;size-adjust:113.51%}.__className_29c9b1{font-family:__FontGotham_29c9b1,__FontGotham_Fallback_29c9b1}.__variable_29c9b1{--font-gotham:"__FontGotham_29c9b1","__FontGotham_Fallback_29c9b1"}@font-face{font-family:__FontFloripa_d46173;src:url(fonts/777b8c3267723e30-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__FontFloripa_Fallback_d46173;src:local("Arial");ascent-override:26.91%;descent-override:8.97%;line-gap-override:0.32%;size-adjust:278.71%}.__className_d46173{font-family:__FontFloripa_d46173,__FontFloripa_Fallback_d46173}.__variable_d46173{--font-floripa:"__FontFloripa_d46173","__FontFloripa_Fallback_d46173"}

img[alt*="logo" i]:not(.blackdm-footer-logo) {
  display: block !important;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  opacity: 1 !important;
  visibility: visible !important;
}

a.relative img[alt*="logo" i] {
  position: static !important;
  height: 100% !important;
  width: 100% !important;
}

nav > a.relative[href="/"] {
  margin-left: -0.25rem !important;
  transform: translateX(4px);
}

@media (min-width: 640px) {
  nav > a.relative[href="/"] {
    margin-left: -0.35rem !important;
    transform: translateX(4px);
  }
}

@media (min-width: 1920px) {
  nav > a.relative[href="/"] {
    margin-left: -0.5rem !important;
    transform: translateX(6px);
  }
}

nav > a.relative[href="/"] img[alt*="logo" i] {
  object-position: left center !important;
}

svg use[href*="sprite.svg"] {
  pointer-events: none;
}

.blackdm-brand {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
  letter-spacing: 0.02em;
  white-space: nowrap;
  opacity: 1 !important;
  visibility: visible !important;
  position: relative;
  z-index: 2;
}

div.absolute:has(> .blackdm-brand) {
  z-index: 5 !important;
}

div.absolute:has(> .blackdm-brand) p {
  color: #fff;
  position: relative;
  z-index: 2;
}

.blackdm-nick {
  color: #fff;
}


a.group.relative.flex:has(img[alt="video-bg"][src*="video-example"]),
div.group.relative.flex:has(img[alt="video-bg"][src*="video-example"]) {
  display: none !important;
}

a.blackdm-video-dead,
a.group.relative.flex:has(img[alt="video-bg"][src*="video-cover"]) {
  pointer-events: none !important;
  cursor: default !important;
}

.relative.flex.w-full.flex-col:has(> h1.roleplay__transparent) {
  min-height: clamp(11rem, 40vw, 19.03rem);
}

@media (min-width: 768px) {
  .relative.flex.w-full.flex-col:has(> h1.roleplay__transparent) {
    min-height: clamp(12rem, 22vw, 27rem);
  }
}

.blackdm-about-title {
  display: inline-block;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 0.78em;
  line-height: 1;
  transform: translateX(0.55rem);
}

.how-to-play__transparent {
  letter-spacing: -0.05em;
  white-space: nowrap;
}

.blackdm-about-clip,
.blackdm-about-photo {
  height: 5.375rem !important;
  width: 12.063rem !important;
  min-width: 12.063rem !important;
}

@media (min-width: 640px) {
  .blackdm-about-title {
    font-size: 0.76em;
    transform: translateX(0.9rem);
  }

  .blackdm-about-clip,
  .blackdm-about-photo {
    height: 10.375rem !important;
    width: 20.2rem !important;
    min-width: 20.2rem !important;
  }
}

@media (min-width: 768px) {
  .blackdm-about-title {
    font-size: 0.74em;
    transform: translateX(1.25rem);
  }

  .blackdm-about-clip,
  .blackdm-about-photo {
    height: 18rem !important;
    width: 26.938rem !important;
    min-width: 26.938rem !important;
  }
}

@media (min-width: 1280px) {
  .blackdm-about-title {
    font-size: 0.72em;
    transform: translateX(1.75rem);
  }

  .blackdm-about-clip,
  .blackdm-about-photo {
    height: 28rem !important;
    width: 38.938rem !important;
    min-width: 38.938rem !important;
  }
}

@media (min-width: 1536px) {
  .blackdm-about-title {
    font-size: 0.7em;
    transform: translateX(2.25rem);
  }

  .blackdm-about-clip,
  .blackdm-about-photo {
    height: 38rem !important;
    width: 52rem !important;
    min-width: 52rem !important;
  }
}

h1.roleplay__transparent .flex.flex-col {
  letter-spacing: -0.04em;
}

h1.roleplay__transparent .flex.flex-col span {
  display: block;
  line-height: 0.82;
}

h1.roleplay__transparent .flex.flex-col > span:last-child {
  padding-left: 2.85em;
}

h1.roleplay__transparent {
  z-index: 0 !important;
}

@media (min-width: 768px) {
  h1.roleplay__transparent {
    display: inline-flex !important;
  }
}

.blackdm-hero-line,
.blackdm-sep,
.blackdm-nick {
  color: #fff !important;
  -webkit-text-fill-color: #fff;
}


svg.icon:has(use[href*="logo-servers"]),
div.absolute:has(> .blackdm-brand) svg.icon {
  display: none !important;
}

@media (min-width: 1920px) {
  div.flex.h-full.flex-row.flex-wrap.gap-2 a.bg-brightOrange {
    font-size: 1.25rem;
  }
}

.blackdm-store-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0.5rem !important;
  width: max-content;
  max-width: 100%;
}

.blackdm-store-btn {
  display: block !important;
  width: 7.25rem !important;
  height: 7.25rem !important;
  min-width: 7.25rem !important;
  flex: 0 0 auto !important;
  font-size: 0.8rem !important;
  line-height: 1.15 !important;
}

@media (min-width: 768px) {
  .blackdm-store-btn {
    width: 8.25rem !important;
    height: 8.25rem !important;
    min-width: 8.25rem !important;
    font-size: 0.9rem !important;
  }
}

@media (min-width: 1280px) {
  .blackdm-store-btn {
    width: 10rem !important;
    height: 10rem !important;
    min-width: 10rem !important;
    font-size: 1.05rem !important;
    padding: 1.1rem !important;
  }
}

@media (min-width: 1920px) {
  .blackdm-store-btn {
    width: 12.5rem !important;
    height: 12.5rem !important;
    min-width: 12.5rem !important;
    font-size: 1.35rem !important;
    padding: 1.35rem !important;
  }
}

.blackdm-copy-toast {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  z-index: 250;
  margin: 0;
  padding: 1rem 1.5rem;
  background-color: rgb(255, 122, 47);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}

.blackdm-copy-toast--show {
  opacity: 1;
}

.blackdm-copy-toast--hide {
  opacity: 0;
}

.blackdm-copy-toast__text {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

@media (min-width: 640px) {
  .blackdm-copy-toast {
    left: 0;
    bottom: 1.5rem;
    padding: 1.75rem 3.438rem;
  }
}

.blackdm-socials {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 36rem;
  margin-left: auto !important;
  margin-right: auto !important;
}

.blackdm-socials > .blackdm-social-card,
.blackdm-socials > a.group {
  width: 50% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  flex: 1 1 50% !important;
}

@media (max-width: 699px) {
  .blackdm-socials {
    flex-wrap: wrap !important;
    max-width: 100%;
  }

  .blackdm-socials > .blackdm-social-card,
  .blackdm-socials > a.group {
    width: 50% !important;
    flex: 1 1 50% !important;
  }
}

.blackdm-footer-logo-link {
  display: inline-flex !important;
  height: 3.75rem !important;
  width: 14rem !important;
}

@media (min-width: 640px) {
  .blackdm-footer-logo-link {
    height: 4.25rem !important;
    width: 16rem !important;
  }
}

@media (min-width: 1920px) {
  .blackdm-footer-logo-link {
    height: 5rem !important;
    width: 18rem !important;
  }
}

.blackdm-footer-logo {
  display: block !important;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  opacity: 0.45 !important;
  filter: grayscale(1) brightness(0.9);
  transition: opacity 0.3s ease-out, filter 0.3s ease-out;
}

.blackdm-footer-logo-link:hover .blackdm-footer-logo {
  opacity: 1 !important;
  filter: none;
}

.blackdm-footer-legal {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.625rem !important;
}

.blackdm-online {
  display: inline-flex;
  align-items: baseline;
  gap: 0.15em;
  font-weight: 500;
  letter-spacing: 0.02em;
  opacity: 0.85;
}

.blackdm-online--live {
  opacity: 1;
}

.blackdm-playing-count {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

.blackdm-playing-count--live {
  transition: opacity 0.2s ease;
  opacity: 1;
}

.blackdm-online-sep {
  opacity: 0.55;
  font-weight: 400;
}

.blackdm-nav-apps {
  position: relative;
  align-items: center;
}

.blackdm-nav-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  height: auto;
  line-height: 1 !important;
  vertical-align: middle;
  box-sizing: border-box;
}

.blackdm-nav-apps > a.blackdm-nav-link {
  background: transparent;
  border: 0;
  cursor: pointer;
  font: inherit;
  text-decoration: none;
}

.blackdm-nav-apps-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 13.5rem;
  padding: 0.4rem 0;
  margin-top: 0;
  background: #121214;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  z-index: 80;
}

.blackdm-nav-apps.is-open .blackdm-nav-apps-menu,
.blackdm-nav-apps:hover .blackdm-nav-apps-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.blackdm-nav-apps-menu a {
  display: block;
  padding: 0.85rem 1.15rem;
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  white-space: nowrap;
  line-height: 1;
  transition: color 0.2s ease, background 0.2s ease;
}

.blackdm-nav-apps-menu a:hover {
  color: #ff6a00;
  background: rgba(255, 255, 255, 0.04);
}

.blackdm-apps-lead {
  margin: 0;
}

.blackdm-apps-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 760px) {
  .blackdm-apps-grid {
    grid-template-columns: 1fr;
  }
}

.blackdm-apps-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.65rem;
  text-align: left;
  padding: 1.5rem 1.35rem;
  background: transparent;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.blackdm-apps-grid .blackdm-apps-card:nth-child(2n) {
  border-right: 0;
}

.blackdm-apps-grid .blackdm-apps-card:nth-last-child(-n + 2) {
  border-bottom: 0;
}

@media (max-width: 760px) {
  .blackdm-apps-card {
    border-right: 0;
  }

  .blackdm-apps-grid .blackdm-apps-card:nth-last-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .blackdm-apps-grid .blackdm-apps-card:last-child {
    border-bottom: 0;
  }
}

.blackdm-apps-card:hover {
  background: rgba(255, 106, 0, 0.08);
}

.blackdm-apps-card-kicker {
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.42);
}

.blackdm-apps-card-title {
  font-size: 1.15rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.blackdm-apps-card-go {
  margin-top: 0.35rem;
  color: #ff6a00;
  font-size: 0.85rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.blackdm-apps-form-panel {
  margin-top: 0.25rem;
}

.blackdm-apps-back {
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  padding: 0;
  margin: 0 0 1.35rem;
  cursor: pointer;
  font: inherit;
  font-size: 0.9rem;
}

.blackdm-apps-back:hover {
  color: #ff6a00;
}

.blackdm-apps-form-title {
  margin: 0 0 0.55rem;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  line-height: 1.1;
}

.blackdm-apps-form-hint {
  margin: 0 0 1.5rem;
  font-size: 0.92rem;
  line-height: 1.45;
}

.blackdm-apps-form {
  display: grid;
  gap: 1rem;
}

.blackdm-apps-field {
  display: grid;
  gap: 0.45rem;
}

.blackdm-apps-field-label {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.blackdm-apps-field-hint {
  font-size: 0.78rem;
  color: rgba(255, 106, 0, 0.9);
}

.blackdm-apps-field input,
.blackdm-apps-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.28);
  color: #fff;
  padding: 0.9rem 1rem;
  font: inherit;
  outline: none;
  resize: vertical;
}

.blackdm-apps-field input:focus,
.blackdm-apps-field textarea:focus {
  border-color: rgba(255, 106, 0, 0.7);
}

.blackdm-apps-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.blackdm-apps-btn {
  border: 0;
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 0.95rem 1.25rem;
  transition: opacity 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.blackdm-apps-btn--primary {
  background: #ff6a00;
  color: #fff;
}

.blackdm-apps-btn--primary:hover {
  opacity: 0.92;
}

.blackdm-apps-btn--ghost {
  background: transparent;
  color: rgba(255, 255, 255, 0.65);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.blackdm-apps-btn--ghost:hover {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.blackdm-apps-note {
  margin: 1.25rem 0 0;
  font-size: 0.85rem;
  line-height: 1.5;
}

.blackdm-apps-note a {
  color: #ff6a00;
  text-decoration: none;
}

.blackdm-apps-note a:hover {
  text-decoration: underline;
}

.blackdm-apps-toast {
  position: fixed;
  left: 50%;
  bottom: 1.5rem;
  transform: translateX(-50%) translateY(12px);
  background: #121214;
  border: 1px solid rgba(255, 106, 0, 0.45);
  color: #fff;
  padding: 0.85rem 1.15rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  z-index: 90;
  max-width: min(90vw, 28rem);
  text-align: center;
  font-size: 0.9rem;
}

.blackdm-apps-toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.blackdm-login-error {
  margin: 0;
}

.blackdm-login-error.hidden {
  display: none;
}

.blackdm-login-root {
  margin-left: auto;
  margin-right: auto;
}

.blackdm-login-root .hidden {
  display: none !important;
}

.blackdm-login-native-hint {
  max-width: 24.625rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9rem;
  line-height: 1.45;
}

.blackdm-login-session {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.blackdm-login-session-text {
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
}

.blackdm-login-session-text b {
  color: #fff;
}

.blackdm-login-session-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
}

.blackdm-profile-root {
  width: 100%;
  max-width: 68rem;
  margin: 0 auto 4rem;
  padding: 0 0 2rem;
}

.blackdm-profile-loading,
.blackdm-profile-guest {
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.05rem;
  line-height: 1.5;
}

.blackdm-profile-guest {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.5rem 0;
}

.blackdm-profile {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.blackdm-profile-hero {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.5rem 1.25rem;
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.85);
}

@media (min-width: 768px) {
  .blackdm-profile-hero {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 1.75rem 1.75rem;
  }
}

.blackdm-profile-identity {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.blackdm-profile-avatar {
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2a2a2e;
  border: 1px solid #4a4a4e;
  color: #ff7a2f;
  font-size: 1.35rem;
  font-weight: 700;
  text-transform: uppercase;
}

.blackdm-profile-login {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.blackdm-profile-static {
  margin: 0.35rem 0 0;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.9rem;
}

.blackdm-profile-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.blackdm-profile-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

@media (min-width: 700px) {
  .blackdm-profile-stats {
    grid-template-columns: repeat(3, 1fr);
  }
}

.blackdm-profile-stat {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.15rem 1.15rem;
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.7);
}

.blackdm-profile-stat-label {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.blackdm-profile-stat-value {
  color: #fff;
  font-size: 1.45rem;
  font-weight: 700;
  line-height: 1.1;
}

.blackdm-profile-stat-sub {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9rem;
}

.blackdm-profile-panel {
  padding: 1.25rem 1.15rem;
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.7);
}

.blackdm-profile-panel-title {
  margin: 0 0 0.85rem;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
}

.blackdm-profile-panel-hint {
  margin: -0.4rem 0 0.85rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.9rem;
}

.blackdm-profile-skill-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.55rem;
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.95rem;
}

.blackdm-profile-skill-bar {
  height: 0.55rem;
  background: #2a2a2e;
  overflow: hidden;
}

.blackdm-profile-skill-bar > span {
  display: block;
  height: 100%;
  background: #ff7a2f;
  transition: width 0.45s ease;
}

.blackdm-profile-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

@media (min-width: 900px) {
  .blackdm-profile-grid {
    grid-template-columns: 1fr 1fr;
  }
}

.blackdm-profile-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.blackdm-profile-list li {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  padding: 0.7rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.blackdm-profile-list li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.blackdm-profile-list-title {
  color: #fff;
  font-weight: 600;
}

.blackdm-profile-list-meta {
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.85rem;
}

.blackdm-profile-empty {
  margin: 0;
  color: rgba(255, 255, 255, 0.45);
}

.blackdm-hide-register {
  display: none !important;
}

.blackdm-login-guest .blackdm-login-error.hidden {
  display: none !important;
}

.blackdm-login-guest input:focus {
  outline: none;
}

#blackdm-login-toggle-pass .icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
}

.blackdm-rules-root {
  width: 100%;
  max-width: 72rem;
  margin: 0 auto;
  padding-top: 9.75rem;
}

.blackdm-rules-lead {
  margin: 0 0 1.75rem;
  max-width: 46rem;
  color: rgba(255, 255, 255, 0.62);
  font-size: 1.05rem;
  line-height: 1.55;
  text-transform: none;
}

.blackdm-rules-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: start;
}

@media (min-width: 980px) {
  .blackdm-rules-grid {
    grid-template-columns: 15.5rem minmax(0, 1fr);
    gap: 2rem;
  }
}

.blackdm-rules-toc {
  position: sticky;
  top: 6.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 1.1rem 1rem;
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.88);
  max-height: calc(100vh - 7.5rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  z-index: 5;
}

.blackdm-rules-toc h4 {
  margin: 0 0 0.65rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.blackdm-rules-toc a {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.92rem;
  line-height: 1.35;
  text-decoration: none;
  padding: 0.35rem 0.45rem;
  border-left: 2px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.blackdm-rules-toc a:hover {
  color: #fff;
}

.blackdm-rules-toc a.is-active {
  color: #ff7a2f;
  border-left-color: #ff7a2f;
}

.blackdm-rules-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.blackdm-rules-section {
  border: 1px solid #3a3a3d;
  background: rgba(24, 24, 26, 0.78);
  scroll-margin-top: 7rem;
}

.blackdm-rules-section-head {
  display: flex;
  align-items: baseline;
  gap: 0.85rem;
  padding: 1.15rem 1.25rem 0.85rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.blackdm-rules-section-num {
  color: #ff7a2f;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.blackdm-rules-section-head h2 {
  margin: 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: none;
}

.blackdm-rules-section-body {
  padding: 0.35rem 0.5rem 0.75rem;
}

.blackdm-rule {
  display: grid;
  grid-template-columns: 3.25rem minmax(0, 1fr);
  gap: 0.55rem 0.85rem;
  padding: 0.85rem 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  align-items: start;
}

.blackdm-rule:last-child {
  border-bottom: 0;
}

.blackdm-rule--sub {
  padding-left: 1.35rem;
  opacity: 0.95;
}

.blackdm-rule-num {
  color: #ff7a2f;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.4;
}

.blackdm-rule-text {
  color: rgba(255, 255, 255, 0.88);
  font-size: 0.98rem;
  line-height: 1.45;
  text-transform: none;
}

.blackdm-rule-pun {
  grid-column: 2;
  margin-top: -0.15rem;
  color: rgba(255, 255, 255, 0.45);
  font-size: 0.82rem;
  line-height: 1.35;
}

.blackdm-rule-pun--hard {
  color: #f87171;
}

.blackdm-rule-pun--soft {
  color: rgba(255, 180, 120, 0.85);
}

@media (min-width: 700px) {
  .blackdm-rule {
    grid-template-columns: 3.5rem minmax(0, 1fr) auto;
  }

  .blackdm-rule-pun {
    grid-column: auto;
    margin-top: 0;
    max-width: 16rem;
    text-align: right;
  }
}

.blackdm-nick,
.blackdm-hero-line,
.blackdm-sep {
  display: none !important;
}

.blackdm-donate-hide-email {
  display: none !important;
}

input.is-donate-error {
  border-color: #ff7a2f !important;
}

.blackdm-manual-pay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.72);
  backdrop-filter: blur(4px);
}

.blackdm-manual-pay__box {
  position: relative;
  width: min(100%, 26rem);
  border: 1px solid #3a3a3a;
  background: #151515;
  color: #fff;
  padding: 1.5rem 1.25rem 1.25rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
}

.blackdm-manual-pay__box h3 {
  margin: 0 0 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #ff7a2f;
}

.blackdm-manual-pay__sum {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  margin: 0 0 0.75rem;
  text-align: center;
}

.blackdm-manual-pay__sum .donate-price-chip--lg {
  justify-content: center !important;
}

.blackdm-manual-pay__hint,
.blackdm-manual-pay__note {
  margin: 0 0 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.88);
  text-align: center;
}

.blackdm-manual-pay__hint strong,
.blackdm-manual-pay__sum strong {
  display: inline;
  white-space: nowrap;
}

.blackdm-manual-pay__details {
  margin: 1rem 0;
  padding: 0.875rem 1rem;
  border: 1px solid #3a3a3a;
  background: rgba(43, 43, 43, 0.45);
}

.blackdm-manual-pay__details p {
  margin: 0 0 0.625rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.875rem;
}

.blackdm-manual-pay__details p:last-child {
  margin-bottom: 0;
}

.blackdm-manual-pay__details span {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.blackdm-manual-pay__details strong {
  font-size: 1rem;
  font-weight: 600;
  word-break: break-word;
}

.blackdm-manual-pay__confirm {
  width: 100%;
  margin-top: 0.5rem;
  border: 0;
  background: #ff7a2f;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.875rem 1rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.blackdm-manual-pay__confirm:hover {
  background: #e66a22;
}

.blackdm-manual-pay__confirm.opacity-70 {
  opacity: 0.7;
  cursor: wait;
}

.blackdm-manual-pay__close {
  position: absolute;
  top: 0.5rem;
  right: 0.625rem;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.55);
  font-size: 1.5rem;
  line-height: 1;
  cursor: pointer;
}

.blackdm-manual-pay__close:hover {
  color: #fff;
}

#blackdm-donate-root {
  display: none !important;
}

.blackdm-pay-method {
  cursor: pointer !important;
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
}

.methods {
  position: relative;
  z-index: 5;
}

.methods button[data-pay] {
  pointer-events: auto !important;
  cursor: pointer !important;
  z-index: 6;
}

.blackdm-pay-method span,
.blackdm-pay-method img {
  pointer-events: none;
}

.blackdm-earn-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  pointer-events: none !important;
}

#blackdm-earn-host,
.blackdm-earn-host {
  display: block !important;
  width: 100% !important;
  margin-top: 0.813rem !important;
  min-height: 1.35rem;
}

@media (min-width: 1200px) {
  #blackdm-earn-host,
  .blackdm-earn-host {
    margin-top: 1.25rem !important;
  }
}

.blackdm-hide-rp {
  display: none !important;
}

.blackdm-dollar-rate {
  display: block !important;
  width: 100%;
  color: #ff7a2f;
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.35;
  text-align: center;
}

@media (min-width: 640px) {
  .blackdm-dollar-rate {
    text-align: left;
  }
}

.blackdm-dollar-rate-text {
  display: inline !important;
  white-space: nowrap !important;
}

.blackdm-dollar-field {
  display: block !important;
  width: 100% !important;
}

.blackdm-dollar-field.relative.flex,
.blackdm-dollar-field .relative.flex {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

.blackdm-dollar-field input {
  display: block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

.blackdm-dollar-field label {
  left: 0.75rem !important;
  right: auto !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

@media (min-width: 1200px) {
  .blackdm-dollar-field label {
    left: 1.125rem !important;
  }
}

.blackdm-amount-locked {
  opacity: 0.72;
}

.blackdm-amount-locked input {
  cursor: default !important;
  pointer-events: none !important;
  user-select: none !important;
}

html.blackdm-dollar-mode #blackdm-earn-host,
html.blackdm-dollar-mode form p.mt-\[0\.813rem\],
html.blackdm-dollar-mode form p.bounds\:mt-5 {
  display: none !important;
}

html.blackdm-dollar-mode .blackdm-amount-locked label,
html.blackdm-dollar-mode .blackdm-dollar-field label {
  top: 0.33rem !important;
  font-size: 0.563rem !important;
  line-height: 1 !important;
}

@media (min-width: 1200px) {
  html.blackdm-dollar-mode .blackdm-amount-locked label,
  html.blackdm-dollar-mode .blackdm-dollar-field label {
    top: 0.563rem !important;
    font-size: 0.688rem !important;
  }
}

html.blackdm-dollar-mode .blackdm-amount-locked input,
html.blackdm-dollar-mode .blackdm-dollar-field input {
  padding-top: 0.813rem !important;
  padding-bottom: 0.688rem !important;
}

.blackdm-static-field-host {
  width: 100% !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 5 !important;
  min-height: 2.5rem !important;
}

.blackdm-react-field-hidden {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.blackdm-static-field-host input {
  opacity: 1 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: transparent !important;
}

html.blackdm-dollar-mode .blackdm-static-field-host {
  display: block !important;
}

html.blackdm-dollar-mode .flex.w-full.flex-col.items-start.select-none {
  display: flex !important;
}

@media (min-width: 1200px) {
  html.blackdm-dollar-mode .blackdm-amount-locked input,
  html.blackdm-dollar-mode .blackdm-dollar-field input {
    padding-top: 1.219rem !important;
    padding-bottom: 1.031rem !important;
  }
}

.blackdm-services-list {
  display: block !important;
  width: 100%;
}

.blackdm-service-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  min-height: 2.5rem;
  padding: 0.35rem 0.5rem;
  border-bottom: 1px solid #3a3a3d;
}

@media (min-width: 640px) {
  .blackdm-service-row {
    padding-left: 1rem;
    padding-right: 2.188rem;
  }
}

.blackdm-service-row--last {
  border-bottom: none;
}

.blackdm-service-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.65);
  text-align: left !important;
}

.blackdm-service-price {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ff7a2f;
  text-align: right !important;
}

.blackdm-vip-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.blackdm-vip-table th,
.blackdm-vip-table td {
  border: 1px solid #3a3a3d;
  padding: 0.75rem 0.875rem;
  vertical-align: middle;
}

.blackdm-vip-th {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}

.blackdm-vip-th--label,
.blackdm-vip-td--label {
  width: 34%;
}

.blackdm-vip-th--label {
  text-align: left;
  color: rgba(255, 255, 255, 0.65);
  text-transform: none;
  font-weight: 400;
}

.blackdm-vip-td {
  text-align: center;
  font-size: 0.875rem;
  color: #fff;
  white-space: nowrap;
}

.blackdm-vip-td--label {
  text-align: right;
  color: rgba(255, 255, 255, 0.85);
  white-space: normal;
}

.blackdm-vip-td--price {
  color: #ff7a2f;
  font-weight: 500;
  text-align: center !important;
}

.blackdm-vip-note {
  text-align: center;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.55);
}

.blackdm-dp-price {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.28em !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  word-spacing: 0 !important;
  letter-spacing: 0 !important;
}

.blackdm-service-price .blackdm-dp-price {
  justify-content: flex-end !important;
}

.blackdm-dp-num,
.blackdm-dp-unit {
  display: inline !important;
  color: inherit !important;
  font: inherit !important;
  white-space: nowrap !important;
  word-spacing: 0 !important;
  letter-spacing: 0 !important;
}

.blackdm-hide-currency-row,
.blackdm-hide-currency,
.blackdm-hide-rp,
.blackdm-hide-discount-skeleton {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#donate-choice[hidden] {
  display: none !important;
}

.donate-choice-frame {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: center;
  width: 100%;
  max-width: 21.438rem;
}

@media (min-width: 1200px) {
  .donate-choice-frame {
    max-width: none;
    width: auto;
  }
}

.donate-choice-side {
  display: none;
}

@media (min-width: 1200px) {
  .donate-choice-side {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    width: 16.5rem;
    flex: 0 0 16.5rem;
    padding: 0 2rem;
    border: 1px solid #3a3a3d;
    border-left: 0;
    pointer-events: none;
    user-select: none;
  }
}

@media (min-width: 1620px) {
  .donate-choice-side {
    width: 18.5rem;
    flex-basis: 18.5rem;
    padding-left: 2.5rem;
  }
}

.donate-section[hidden] {
  display: none !important;
}

.donate-section {
  width: 100%;
}


#donate-section-packs form,
#donate-section-admin form,
#donate-section-dp form {
  position: relative;
  z-index: 20;
}

#donate-section-items .blackdm-discount-panel,
#donate-section-packs .blackdm-discount-panel,
#donate-section-admin .blackdm-discount-panel,
#donate-section-items .blackdm-converter-spacer,
#donate-section-packs .blackdm-converter-spacer,
#donate-section-admin .blackdm-converter-spacer {
  pointer-events: none;
}

#donate-section-items .blackdm-discount-panel {
  height: auto !important;
  min-height: 24.188rem;
  overflow: visible;
}


[data-pack-pick],
[data-admin-level] {
  position: relative;
  z-index: 3;
  cursor: pointer !important;
  pointer-events: auto !important;
  border-style: solid;
  transition: border-color 0.3s ease-out, background-color 0.3s ease-out, color 0.3s ease-out !important;
}

.blackdm-donate-grid-original {
  
}

.blackdm-converter-spacer {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  pointer-events: none !important;
}
.blackdm-converter-spacer > * {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.blackdm-discount-panel {
  
}

#blackdm-discount-list,
.blackdm-discount-list {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  gap: 0.4rem !important;
  margin-top: 0.625rem !important;
}
@media (min-width: 1200px) {
  #blackdm-discount-list,
  .blackdm-discount-list {
    margin-top: 1.188rem !important;
    gap: 0.875rem !important;
  }
}
.blackdm-discount-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
.blackdm-discount-pct {
  color: #ff7a2f !important;
  font-weight: 900 !important;
  min-width: 2.875rem !important;
  text-align: left !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}
@media (min-width: 1200px) {
  .blackdm-discount-pct {
    min-width: 5.313rem !important;
    font-size: 1.875rem !important;
  }
}
.blackdm-discount-text {
  text-align: left !important;
  font-size: 0.875rem !important;
  line-height: 1.25 !important;
  color: rgba(255, 255, 255, 0.92) !important;
}
@media (min-width: 1200px) {
  .blackdm-discount-text {
    font-size: 1rem !important;
  }
}
.blackdm-dollar-rate,
#blackdm-converter-result,
.blackdm-hide-converter {
  display: none !important;
  border: 0 !important;
}

.blackdm-donate-pause-banner a:hover,
.blackdm-donate-pause-banner button:hover {
  opacity: 0.85;
}

html.blackdm-protected,
html.blackdm-protected body {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

html.blackdm-protected input,
html.blackdm-protected textarea,
html.blackdm-protected select,
html.blackdm-protected [contenteditable="true"],
html.blackdm-protected .blackdm-copy-allow {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}

html.blackdm-protected img,
html.blackdm-protected svg,
html.blackdm-protected video {
  -webkit-user-drag: none;
  user-drag: none;
}

html.blackdm-protected #donate-copy-discord {
  text-decoration: none !important;
}

@media (max-width: 1023px) {
  .blackdm-nav-donate-wrap {
    display: block !important;
  }

  .blackdm-nav-donate-wrap a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.9rem !important;
    font-size: 0.72rem !important;
    line-height: 1.1 !important;
    white-space: nowrap;
  }
}

@media (max-width: 699px) {
  nav.boundsXS\:max-w-\[122\.14rem\] {
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    row-gap: 0.35rem;
    padding-bottom: 0.35rem !important;
  }

  nav > a[href="/"],
  nav > a[href="/donate"] {
    margin-bottom: 0 !important;
    height: 2.35rem !important;
    width: auto !important;
    max-width: 10rem;
  }

  nav > div.flex.w-\[8\.2\%\] {
    width: auto !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    padding-left: 0 !important;
  }

  .blackdm-nav-main {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    order: 10;
    gap: 0.35rem 0.75rem !important;
    margin: 0 !important;
    padding: 0.45rem 0 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .blackdm-nav-main .blackdm-nav-link {
    padding: 0.4rem 0.65rem !important;
    font-size: 0.78rem !important;
  }

  .jsx-b5abc6f17e569598.flex.min-h-screen select-none.flex-col.items-center > main > section:first-of-type,
  main.main > section:first-of-type,
  main > section:first-of-type {
    margin-top: 6.75rem !important;
  }

  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.65rem;
  }

  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) > div:first-child {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    border-right: 0 !important;
  }

  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) > div:first-child button {
    height: auto !important;
    min-height: 5.25rem;
    width: 100% !important;
  }

  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) > div:last-child {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0.75rem !important;
    padding-top: 0 !important;
    border-left: 0 !important;
  }

  main > section:first-of-type .-mt-px.flex.w-full.justify-end {
    flex-direction: column !important;
    align-items: stretch !important;
    margin-top: 0 !important;
  }

  main > section:first-of-type .-mt-px.flex.w-full.justify-end > div:first-child {
    display: none !important;
  }

  main > section:first-of-type .-mt-px.flex.w-full.justify-end > div:last-child {
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    padding: 0.5rem !important;
    border: 1px solid rgb(74, 74, 75) !important;
  }

  main > section:first-of-type .-mt-px.flex.w-full.justify-end > div:last-child a {
    height: auto !important;
    min-height: 5rem;
    width: 100% !important;
  }

  #how-to-play ~ div .flex.flex-row.items-end {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #how-to-play ~ div .flex.flex-row.items-end > div:first-child {
    margin-right: 0 !important;
    width: 100% !important;
    padding-bottom: 1rem !important;
  }

  #how-to-play ~ div .blackdm-store-row {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 0 !important;
    gap: 0.5rem !important;
  }

  .blackdm-store-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 4.75rem !important;
    font-size: 0.85rem !important;
  }

  #how-to-play ~ div .flex.flex-row.items-start:has(.blackdm-choose-server) {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  #how-to-play ~ div .flex.flex-row.items-start:has(.blackdm-choose-server) > div:first-child {
    margin-right: 0 !important;
    width: 100% !important;
    padding-bottom: 1rem !important;
  }

  #how-to-play ~ div .flex.flex-row.items-start:has(.blackdm-choose-server) > div:last-child {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
  }

  button.blackdm-choose-server {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 5.5rem !important;
    height: auto !important;
  }

  .blackdm-about-title {
    font-size: clamp(1.65rem, 8vw, 2.25rem) !important;
  }

  h2.font-secondary {
    word-break: break-word;
  }

  .blackdm-socials {
    max-width: 100% !important;
  }

  .blackdm-footer {
    margin-top: 4rem !important;
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }
}


.w-\[50\%\]{width:50%}
.text-\[1\.688rem\]{font-size:1.688rem}
.object-left{object-position:left}
@media (min-width:768px){.md\:p-4{padding:1rem}}
@media (min-width:768px){.md\:leading-\[0\.85\]{line-height:.85}}
@media (min-width:700px){.min-\[700px\]\:w-\[50\%\]{width:50%}}
@media (min-width:1440px){.boundsXS\:w-\[14rem\]{width:14rem}}
@media (min-width:1440px){.boundsXS\:p-5{padding:1.25rem}}

@media (min-width: 700px) and (max-width: 1199px) {
  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) {
    display: grid !important;
    grid-template-columns: minmax(230px, 34%) minmax(0, 66%) !important;
    grid-template-rows: auto auto !important;
    align-items: stretch !important;
    gap: 0 !important;
  }
  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) > div:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    border-right: 1px solid #4a4a4b !important;
  }
  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) > div:last-child {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    border-left: 0 !important;
  }
  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) .-mt-px.flex.w-full.justify-end {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(230px, 34%) minmax(0, 66%) !important;
    width: 100% !important;
    margin-top: 0 !important;
  }
  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) .-mt-px.flex.w-full.justify-end > div:first-child {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  main > section:first-of-type .flex.w-full.flex-row:has(#blackdm-playing-count) .-mt-px.flex.w-full.justify-end > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  main > section:first-of-type .blackdm-playing-count {
    min-width: 3ch !important;
    white-space: nowrap !important;
  }
  main > section:first-of-type .-mt-px.flex.w-full.justify-end a {
    display: flex !important;
    min-height: 6rem !important;
    width: 100% !important;
  }
}

.w-\[12rem\]{width:12rem}
@media (min-width:1440px){.boundsXS\:w-\[14rem\]{width:14rem}}
.blackdm-footer-logo-link{display:block;width:12rem;height:2.5rem}
@media (min-width:1440px){.blackdm-footer-logo-link{width:14rem;height:3rem}}
.blackdm-card-icon{display:block!important;position:relative!important;height:1.95rem!important;width:6.9rem!important;max-width:92%!important;flex-shrink:0!important;margin:0 auto}
@media (min-width:1280px){.blackdm-card-icon{height:2.95rem!important;width:10.4rem!important;max-width:92%!important}}
.blackdm-card-icon img{object-fit:contain;object-position:center;width:100%!important;height:100%!important;pointer-events:none}
.blackdm-pay-method{overflow:visible}
.blackdm-pay-method img{object-fit:contain;object-position:center}
.blackdm-pay-method[data-pay="crypto"] span,
.blackdm-pay-method[data-pay="crypto2"] span,
.blackdm-pay-method[data-pay="erip"] span,
.blackdm-pay-method[data-pay="sberpay"] span,
.blackdm-pay-method[data-pay="applepay"] span,
.blackdm-pay-method[data-pay="googlepay"] span{
  width:7.45rem!important;height:2.8rem!important;overflow:visible!important
}
@media (min-width:1280px){
  .blackdm-pay-method[data-pay="crypto"] span,
  .blackdm-pay-method[data-pay="crypto2"] span,
  .blackdm-pay-method[data-pay="erip"] span,
  .blackdm-pay-method[data-pay="sberpay"] span,
  .blackdm-pay-method[data-pay="applepay"] span,
  .blackdm-pay-method[data-pay="googlepay"] span{
    width:11.15rem!important;height:4.1rem!important
  }
}


/* BlackDM logo — show real image */
nav a[href='index.html'] img[src*='blackdm-logo'],
.blackdm-footer-logo {
  opacity: 1 !important;
  visibility: visible !important;
}
nav a[href='index.html']::after,
.blackdm-footer-logo-link::after {
  content: none !important;
  display: none !important;
}
.blackdm-footer-logo-link {
  position: relative;
}

/* preserve-aspect-ratio social icons */
svg.icon:has(use[href*="social-discord"]),
svg.icon:has(use[href*="social-tg"]),
svg.icon:has(use[xlink\:href*="social-discord"]),
svg.icon:has(use[xlink\:href*="social-tg"]) {
  aspect-ratio: 1 / 1;
  overflow: visible;
  flex-shrink: 0;
}

/* header social icons square */
a[aria-label="Открыть BLACKDM дискорд"].group:not(.blackdm-social-card),
a[aria-label="Открыть BLACKDM телеграм"].group:not(.blackdm-social-card) {
  width: 2.188rem !important;
  height: 2.188rem !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
a[aria-label="Открыть BLACKDM дискорд"].group:not(.blackdm-social-card) svg.icon,
a[aria-label="Открыть BLACKDM телеграм"].group:not(.blackdm-social-card) svg.icon {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1;
}
@media (min-width: 768px) {
  a[aria-label="Открыть BLACKDM дискорд"].group:not(.blackdm-social-card),
  a[aria-label="Открыть BLACKDM телеграм"].group:not(.blackdm-social-card) {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }
}
@media (min-width: 1280px) {
  a[aria-label="Открыть BLACKDM дискорд"].group:not(.blackdm-social-card),
  a[aria-label="Открыть BLACKDM телеграм"].group:not(.blackdm-social-card) {
    width: 2.188rem !important;
    height: 2.188rem !important;
  }
}

/* payment methods grid */
.methods.blackdm-pay-grid,
.blackdm-pay-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.625rem !important;
}
@media (min-width: 700px) {
  .methods.blackdm-pay-grid,
  .blackdm-pay-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1325px) {
  .methods.blackdm-pay-grid,
  .blackdm-pay-grid {
    gap: 0.875rem !important;
  }
}
.blackdm-pay-method img {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
}