/* Shared CSS identity for the home grid, catalog and publication picker. */
.dp-css-category-art{--dp-art-white:#f4f6fa}
.dp-css-category-art::before{box-shadow:0 0 0 12px color-mix(in srgb,var(--dp-card-accent) 2%,transparent),0 0 0 13px color-mix(in srgb,var(--dp-card-accent) 7%,transparent)!important}
.dp-css-category-art--source .dp-cs-wordmark{left:12%;right:12%;top:25%;font-size:15cqw;letter-spacing:-2px}
.dp-css-category-art--source .dp-cs-version{top:59%;right:13%;font-size:7cqw;font-weight:600;letter-spacing:2px;font-style:normal;-webkit-text-stroke:0;color:var(--dp-card-accent)}
.dp-css-gmod{position:absolute;left:calc(50% - 43px);top:calc(43% - 43px);width:86px;height:86px;display:grid;place-items:center;border:1px solid #b3dbff5c;border-radius:13px;background:linear-gradient(135deg,#3699ed,#1763ab);color:white;box-shadow:0 12px 28px #0004,inset 0 1px #ffffff35;font:700 78px/.8 Arial,sans-serif;padding-bottom:15px}
.dp-css-gta{position:absolute;top:20%;left:10%;right:10%;display:flex;flex-direction:column;align-items:center;color:#fff;font:950 26cqw/.72 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-2px;-webkit-text-stroke:1px #14281f;filter:drop-shadow(0 3px 0 #14281f);transform:rotate(-3deg)}
.dp-css-gta>span{display:block}
.dp-css-scum{position:absolute;top:31%;left:0;right:0;text-align:center;font:900 21cqw/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:1px;color:var(--dp-card-accent);mask-image:repeating-linear-gradient(176deg,#000 0 13px,#0008 13px 14px,#000 14px 24px)}
.dp-css-scum::after{content:'';display:block;width:58%;height:3px;margin:10px auto 0;background:currentColor;opacity:.5}
.dp-css-dayz{position:absolute;top:29%;left:0;right:0;text-align:center;font:900 24cqw/1 Impact,'Arial Narrow',Arial,sans-serif;letter-spacing:-3px;color:#d7dfd0;text-shadow:2px 3px 0 #09110b;transform:skew(-6deg)}
.dp-css-dayz::after{content:'';display:block;width:57%;height:2px;margin:9px auto 0;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.45}
.dp-css-generic{position:absolute;top:28%;left:0;right:0;text-align:center;font:800 28cqw/1 Arial,sans-serif}
.dp-public .dp-header-add.dp-has-publication-bonus{position:relative;overflow:visible!important}
.dp-publication-bonus{position:absolute;left:50%;top:-15px;transform:translateX(-50%);z-index:2;display:inline-flex;gap:3px;align-items:center;justify-content:center;padding:2px 7px;border:2px solid var(--dp-header,var(--dp-bg,#fff));border-radius:20px;background:var(--dp-accent,#3565eb);color:var(--dp-button-text,#fff);font-family:inherit;font-size:10px;font-weight:500;line-height:1.3;white-space:nowrap;box-shadow:0 2px 8px color-mix(in srgb,var(--dp-accent,#3565eb) 25%,transparent);pointer-events:none}
.dp-publication-bonus strong{font-size:10px;font-weight:700;color:inherit}
.dp-publication-bonus-label{font-size:10px;line-height:1.3;color:inherit}
.dp-category-mini-mark{box-shadow:inset 0 1px #ffffff14;border:1px solid color-mix(in srgb,var(--cat-accent) 22%,transparent)}
.dp-category-mini-mark>span{display:block;font-family:Arial,sans-serif;font-weight:800;line-height:1;letter-spacing:-.03em}
.dp-category-mini-mark:is([data-kind="scum"],[data-kind="dayz"])>span{font-size:10px;letter-spacing:-.02em}
.dp-category-mini-mark[data-kind="gmod"]{background:linear-gradient(135deg,#3699ed,#1763ab)!important;color:white!important}
.dp-category-mini-mark[data-kind="gmod"]>span{font-size:35px;line-height:.8;margin-top:-5px}
.dp-category-mini-mark[data-kind="rust"]>span{font-size:28px}
.dp-category-mini-mark[data-kind="web"]>span{font-size:16px;font-family:monospace}
.dp-public .dp-catalog-entry{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.dp-public .dp-catalog-entry:hover{box-shadow:0 4px 12px #0000000a}
.dp-publication .ad-create-categories-item[data-dp-identity] .dp-category-art{height:150px;flex-shrink:0;position:relative}
.dp-publication .dp-category-art .dp-css-category-art{width:100%;height:100%;inset:0;min-height:0!important;border-radius:0}
.dp-publication .dp-category-art .dp-css-category-art::before{width:130px;height:130px;left:calc(50% - 65px);top:calc(46% - 65px)}
.dp-publication .dp-category-art .dp-cs-wordmark{top:24%;font-size:12cqw}
.dp-publication .dp-category-art .dp-cs-version{top:14%;font-size:35cqw}
.dp-publication .dp-category-art :is(.dp-css-category-art--cs16,.dp-css-category-art--source) .dp-cs-wordmark{top:19%;font-size:15cqw}
.dp-publication .dp-category-art .dp-css-category-art--cs16 .dp-cs-version{top:66%;font-size:14cqw}
.dp-publication .dp-category-art .dp-css-category-art--source .dp-cs-version{top:69%;font-size:7cqw}
.dp-publication .dp-category-art .dp-css-gta{font-size:23cqw;top:9%}
.dp-publication .dp-category-art .dp-css-gmod{width:73px;height:73px;left:calc(50% - 36px);top:calc(45% - 36px);font-size:67px}
.dp-publication .dp-category-art .dp-css-dayz{top:25%;font-size:24cqw}
.dp-publication .dp-category-art .dp-css-scum{top:29%;font-size:21cqw}
.dp-publication .dp-category-art .dp-css-radiation{top:calc(46% - 48px);font-size:96px}
.dp-publication .dp-category-info{background:var(--pub-panel);border-top:1px solid var(--pub-line)}
.dp-public .dp-header-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--dp-accent,#3565eb) 16%,transparent)}
.dp-back-to-top{position:fixed;right:24px;bottom:28px;z-index:80;width:43px;height:43px;display:grid;place-items:center;padding:0;border:1px solid var(--dp-line,#dfe4ed);border-radius:14px;background:var(--dp-panel,#fff);color:var(--dp-text,#19212f);box-shadow:0 8px 26px #0002;font:24px/1 Arial,sans-serif;cursor:pointer;transition:transform .15s,border-color .15s}
.dp-back-to-top[hidden]{display:none!important}
.dp-back-to-top:hover{border-color:var(--dp-accent,#3565eb);transform:translateY(-3px)}
.dp-back-to-top:focus-visible{outline:3px solid var(--dp-accent,#3565eb);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.dp-public .module-categories-items-custom-3-item:hover .dp-css-category-art{filter:brightness(1.07)}.dp-publication .ad-create-categories-item:hover{box-shadow:0 8px 24px color-mix(in srgb,var(--category-accent) 15%,transparent)!important}}
@media(max-width:991px){.dp-publication-bonus{top:-12px;padding:1px 5px;border-width:1px}.dp-publication-bonus-label{display:none}.dp-back-to-top{bottom:88px;right:14px;width:40px;height:40px}}
@media(max-width:600px){.dp-publication .ad-create-categories-item[data-dp-identity] .dp-category-art{height:130px}.dp-css-gta{font-size:25cqw}.dp-css-category-art--source .dp-cs-wordmark{font-size:15cqw}.dp-css-category-art--source .dp-cs-version{font-size:7cqw}}
@media(prefers-reduced-motion:reduce){.dp-back-to-top,.dp-public .dp-catalog-entry{transition:none!important}.dp-public .module-categories-items-custom-3-item:hover .dp-css-category-art{filter:none}}
/* The CMS styles every span in its category picker as a white tile. Limit
   that rule to the native controls, keeping decorative CSS artwork clean. */
.dp-publication .dp-category-art .dp-css-category-art span{padding:0!important;margin:0!important;min-height:0;}
.dp-publication .dp-category-art .dp-css-category-art span:not(.dp-css-gmod):not(.dp-css-cube):not(.dp-css-case-lock){background:transparent!important}
.dp-publication .dp-category-art .dp-css-gmod{padding-bottom:12px!important}
html.dp-public:not(.dp-timeweb) .dp-category-mini-mark:not([data-kind="gmod"]){color:color-mix(in srgb,var(--cat-accent) 65%,#18223c)!important}
.dp-publication .dp-category-art :is(.dp-css-cube,.dp-css-case-lock){background:currentColor!important;border-radius:0!important}
.dp-publication .dp-category-art .dp-css-case-lock{border-radius:2px!important}
.dp-publication .dp-category-art .dp-css-gmod{display:grid!important;place-items:center;border-radius:13px!important}
.dp-publication .dp-category-art :is(.dp-cs-wordmark,.dp-css-gta){display:flex!important;flex-direction:column}
/* The compact header hides its normal text label, but keeps the reward visible. */
html.dp-public .dp-header-add--mobile>.dp-publication-bonus{display:inline-flex!important}
.dp-publication .dp-category-info{margin-top:0;flex:1;justify-content:center}
.dp-site-header .live-search-form{border-radius:12px;transition:box-shadow .15s}
.dp-site-header .live-search-form:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--dp-accent,#3565eb) 18%,transparent)}
@media(prefers-reduced-motion:reduce){.dp-site-header .live-search-form{transition:none}}