@layer reset,tokens,base,utilities,components,pages;@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/barlow-condensed-vietnamese-600-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-vietnamese-600-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/barlow-condensed-latin-ext-600-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-latin-ext-600-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/barlow-condensed-latin-600-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-latin-600-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:700; src:url(/lib/fonts/barlow-condensed-vietnamese-700-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-vietnamese-700-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:700; src:url(/lib/fonts/barlow-condensed-latin-ext-700-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-latin-ext-700-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:Barlow Condensed; font-style:normal; font-display:swap; font-weight:700; src:url(/lib/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2"),url(/lib/fonts/barlow-condensed-latin-700-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-cyrillic-ext-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-cyrillic-ext-400-normal.woff) format("woff"); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-cyrillic-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-cyrillic-400-normal.woff) format("woff"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-vietnamese-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-vietnamese-400-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-latin-ext-400-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:IBM Plex Mono; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-mono-latin-400-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-cyrillic-ext-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-ext-400-normal.woff) format("woff"); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-cyrillic-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-400-normal.woff) format("woff"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-greek-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-greek-400-normal.woff) format("woff"); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-vietnamese-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-vietnamese-400-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-latin-ext-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-ext-400-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:400; src:url(/lib/fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-400-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-cyrillic-ext-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-ext-500-normal.woff) format("woff"); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-cyrillic-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-500-normal.woff) format("woff"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-greek-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-greek-500-normal.woff) format("woff"); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-vietnamese-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-vietnamese-500-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-latin-ext-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-ext-500-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:500; src:url(/lib/fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-500-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-cyrillic-ext-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-ext-600-normal.woff) format("woff"); unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-cyrillic-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-cyrillic-600-normal.woff) format("woff"); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116 }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-greek-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-greek-600-normal.woff) format("woff"); unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-vietnamese-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-vietnamese-600-normal.woff) format("woff"); unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-latin-ext-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-ext-600-normal.woff) format("woff"); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF }
@font-face { font-family:IBM Plex Sans; font-style:normal; font-display:swap; font-weight:600; src:url(/lib/fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2"),url(/lib/fonts/ibm-plex-sans-latin-600-normal.woff) format("woff"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD }
@layer reset { *,*:before,*:after { box-sizing:border-box } html { color-scheme:dark; scroll-behavior:smooth } body,h1,h2,h3,h4,p,figure,blockquote,dl,dd { margin:0 } img,svg { display:block; max-inline-size:100% } button,input,select,textarea { font:inherit; color:inherit } button,[type=button],[type=submit] { cursor:pointer } a { color:inherit; text-decoration:none } }
@layer tokens { :root { --page-background:#000; --page-surface:rgba(12,12,12,.95); --page-surface-strong:rgba(18,18,18,.98); --page-surface-soft:rgba(24,24,24,.94); --page-surface-ghost:rgba(255,255,255,.045); --page-border:rgba(160,0,0,.2); --page-border-strong:rgba(255,0,10,.58); --page-text:#f2f2f2; --page-text-muted:#c7c7c7; --page-text-soft:#9a9a9a; --page-accent:#a00000; --page-accent-strong:#ff000a; --page-accent-soft:rgba(65,10,10,0.1); --page-alert:#ff000a; --page-success:#6fa978; --page-shadow:0 24px 72px rgba(0,0,0,.36); --page-shadow-soft:0 16px 40px rgba(0,0,0,.22); --radius-xs:.55rem; --radius-sm:.95rem; --radius-md:1.35rem; --radius-lg:1.9rem; --radius-pill:999px; --space-xs:.55rem; --space-sm:.8rem; --space-md:1.1rem; --space-lg:1.6rem; --space-xl:2.4rem; --space-2xl:3.4rem; --space-3xl:5rem; --font-display:"Barlow Condensed","Arial Narrow",sans-serif; --font-sans:"IBM Plex Sans",system-ui,sans-serif; --font-mono:"IBM Plex Mono",monospace; --duration-fast:.16s; --duration-base:.22s; --ease-standard:cubic-bezier(.2,.8,.2,1); --max-width:84rem } }
@layer base { body { min-block-size:100vh; background:radial-gradient(circle at top,rgba(255,255,255,.035),transparent 28%),linear-gradient(180deg,#000,#0a0a0a 42%,#171717); color:var(--page-text); font-family:var(--font-sans); font-size:.95rem; line-height:1.6; letter-spacing:.01em; overflow-x:clip } body:before,body:after { content:""; position:fixed; inset:auto; pointer-events:none; z-index:-1 } body:before { inset-inline-end:-10rem; inset-block-start:4rem; inline-size:24rem; block-size:24rem; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.035),transparent 72%) } body:after { inset-inline-start:-8rem; inset-block-end:4rem; inline-size:18rem; block-size:18rem; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.05),transparent 70%) } ::selection { background:#410a0a15; color:var(--page-text) } :focus-visible { outline:2px solid var(--page-accent-strong); outline-offset:3px } h1,h2,h3 { font-family:var(--font-display); font-weight:700; letter-spacing:.02em; line-height:1; text-wrap:balance } h1 { font-size:clamp(1.46rem,2.75vw,2.16rem) } h2 { font-size:clamp(1.05rem,1.85vw,1.36rem) } h3 { font-size:clamp(.89rem,1.2vw,1.02rem) } p,label,input,select,textarea { color:var(--page-text-muted) } dialog { border:0 } }
@layer utilities { a[href],button.stack-link--button { text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#8d43ff; text-decoration-thickness:1px; text-underline-offset:.22rem } .brand-lockup { text-decoration:none } .eyebrow { color:var(--page-accent); font-family:var(--font-display); font-size:.78rem; letter-spacing:.14em; text-transform:uppercase } .button-row,.hero__actions,.dialog-actions,.home-jump-link { display:flex; flex-wrap:wrap; gap:.8rem } .stack-links { display:grid; gap:.7rem } .stack-link { display:inline-flex; align-items:center; justify-content:flex-start; gap:.55rem; color:var(--page-text); inline-size:fit-content; text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#8d43ff; text-decoration-thickness:1px; text-underline-offset:.22rem; transition:color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .stack-link__label { min-inline-size:0 } .stack-link:hover,.stack-link:focus-visible { color:var(--page-accent-strong); transform:translate(.12rem) } .stack-link__icon { display:inline-flex; align-items:center; justify-content:center; color:var(--page-accent-strong); flex:0 0 auto; text-decoration:none } .stack-link--button { background:none; border:0; padding:0; text-align:left } }
@layer components { .skip-link { position:absolute; inset-block-start:1rem; inset-inline-start:1rem; z-index:40; padding:.7rem 1rem; border-radius:var(--radius-pill); background:var(--page-accent); color:#f7f9fb; transform:translateY(-150%); transition:transform var(--duration-fast) var(--ease-standard) } .skip-link:focus { transform:translateY(0) } .site-shell { inline-size:min(100%,var(--max-width)); margin-inline:auto; padding:1rem } .site-header { position:sticky; inset-block-start:.45rem; z-index:30; display:grid; grid-template-columns:auto 1fr auto auto; gap:.75rem; align-items:center; padding:.62rem .8rem; margin-block-end:.8rem; border:1px solid var(--page-border); border-radius:calc(var(--radius-md)+.35rem); background:linear-gradient(180deg,#131214f5,#0c0b0cf2),var(--page-surface); backdrop-filter:blur(22px); box-shadow:var(--page-shadow-soft) } .site-header__brand,.site-header__actions { display:flex; align-items:center; gap:.75rem } .site-header__brand { grid-column:1/3; min-inline-size:0 } .site-header__actions { grid-column:3; justify-content:flex-end; justify-self:end; position:relative } .site-header__search { display:none; position:relative; min-inline-size:0 } .site-search-inline { position:relative; display:block } .site-search-inline__label { position:absolute; inline-size:1px; block-size:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap } .site-search-inline__input { inline-size:100%; min-block-size:2.7rem; padding:.7rem .95rem; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-pill); background:#0a090ae6; color:var(--page-text) } .site-search-inline__input:focus { border-color:var(--page-border-strong); outline:none } .brand-lockup { display:inline-flex; align-items:center; gap:.7rem; min-inline-size:0 } .brand-lockup img { inline-size:clamp(2.5rem,6vw,3.05rem); block-size:clamp(2.5rem,6vw,3.05rem); object-fit:contain; filter:drop-shadow(0 12px 24px rgba(0,0,0,.32)) } .brand-lockup span { display:grid; gap:.15rem } .brand-lockup strong { color:var(--page-text); font-family:var(--font-display); font-size:1.18rem; letter-spacing:.04em; text-transform:uppercase } .brand-lockup small { color:var(--page-text-soft); font-size:.76rem; letter-spacing:.08em; text-transform:uppercase } .site-header__menu { grid-column:4; justify-self:end } .site-nav { display:none; grid-column:1/-1; gap:.55rem; padding-block-start:.3rem } .site-nav__group { display:inline-grid; position:relative } .site-nav__group summary { list-style:none } .site-nav__group summary::-webkit-details-marker { display:none } .site-nav__link--group:after { content:"\f078"; margin-inline-start:.45rem; font-family:"Font Awesome 6 Free"; font-weight:900; color:var(--page-text-soft); font-size:.8rem } .site-nav__link--group { cursor:pointer } .site-nav__group[open] .site-nav__link--group:after,.site-nav__group.is-current .site-nav__link--group:after { color:var(--page-text) } .site-nav__menu { display:none; gap:.35rem; padding-block-start:.35rem } .site-nav__group[open] .site-nav__menu { display:grid } .site-nav__menu-head,.site-nav__menu-sections,.site-nav__menu-links { display:grid; gap:.5rem } .site-nav__menu-head { padding-block-end:.35rem; border-block-end:1px solid rgba(255,255,255,.06) } .site-nav__menu-index,.site-nav__submenu-item,.site-nav__menu-label { display:flex; align-items:center; gap:.65rem } .site-nav__menu-label { color:var(--page-text); font-size:.92rem; font-weight:600 } .site-nav__menu-index { min-block-size:2.4rem; padding-inline:.75rem; border-radius:.85rem; color:var(--page-text); background:#ffffff0a } .site-nav__submenu-item { min-block-size:2.2rem; padding-inline:.75rem; border-radius:.85rem; color:var(--page-text-muted); background:#ffffff08; transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard) } .site-nav__submenu-link { display:inline-flex; align-items:center; flex:1 1 auto; min-inline-size:0; min-block-size:inherit; padding:0; border-radius:inherit; color:inherit; background:transparent; transform:none } .site-nav__submenu-link>span:last-child { min-inline-size:0; overflow:hidden; text-overflow:ellipsis } .site-nav__submenu-item:hover,.site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible),.site-nav__submenu-item:has(.site-nav__submenu-link.is-current),.site-nav__menu-index:hover,.site-nav__menu-index:focus-visible { color:var(--page-text); background:var(--page-surface-ghost) } .site-nav__menu-links--single { max-block-size:min(70vh,30rem); overflow:auto } .site-nav__submenu-icon,.site-nav__section-icon,.tool-card__icon { display:inline-flex; align-items:center; justify-content:center; inline-size:1.2rem; block-size:1.2rem; color:var(--page-accent-strong); flex:0 0 auto } .site-nav__submenu-icon svg,.site-nav__section-icon svg,.tool-card__icon svg { inline-size:100%; block-size:100% } body[data-nav-open=true] .site-nav { display:grid } .site-nav__link { display:inline-flex; align-items:center; min-block-size:2.45rem; padding-inline:.72rem; border-radius:var(--radius-pill); color:var(--page-text-muted); transition:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .site-nav__link:hover,.site-nav__link:focus-visible,.site-nav__link.is-current { color:var(--page-text); background:var(--page-surface-ghost); transform:translateY(-1px) } .site-nav__group.is-current>.site-nav__link--group,.site-nav__group[open]>.site-nav__link--group { color:var(--page-text); background:var(--page-surface-ghost) } .site-nav__link--auth { border:1px solid var(--page-border) } .icon-button { display:inline-flex; align-items:center; justify-content:center; min-block-size:2.45rem; padding-inline:.9rem; border:1px solid var(--page-border); border-radius:var(--radius-pill); background:#ffffff05; color:var(--page-text-muted); transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .icon-button:hover,.icon-button:focus-visible,.icon-button[aria-expanded=true] { color:var(--page-text); border-color:var(--page-border-strong); background:#ffffff0f; transform:translateY(-1px) } .account-popover { position:absolute; inset-inline-end:0; inset-block-start:calc(100%+.8rem); inline-size:min(20rem,calc(100vw - 2rem)); display:grid; gap:1rem; padding:1rem; border:1px solid var(--page-border); border-radius:var(--radius-md); background:linear-gradient(180deg,#151315fa,#0c0b0cfa),var(--page-surface-strong); box-shadow:var(--page-shadow) } .account-popover__summary { display:grid; gap:.18rem } .account-popover__summary strong { color:var(--page-text); font-size:1.12rem } .account-popover__summary span { color:var(--page-text-soft); font-size:.95rem } .site-frame { display:grid; gap:1.2rem } .site-main { border:1px solid var(--page-border); border-radius:var(--radius-lg); background:linear-gradient(180deg,#121112f0,#0a090af2),var(--page-surface); box-shadow:var(--page-shadow-soft) } .site-main { container-type:inline-size; padding:clamp(.95rem,1.7vw,1.35rem) } .site-panel { display:grid; gap:1rem; align-content:start; padding:0 } .panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.command-list,.command-detail-panel { border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff09,#ffffff04),var(--page-surface-soft) } .panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module { padding:1.15rem } .page-heading,.section-heading,.hero__copy,.hero__feature-card,.feature-card,.timeline-card,.support-card,.review-card,.tool-card,.status-card,.search-result-card,.contact-module,.command-detail { display:grid; gap:.85rem } .page-heading { margin-block-end:clamp(1rem,2.4vw,1.5rem) } .page-lead { max-inline-size:52rem; font-size:clamp(.94rem,1.2vw,1rem) } .section-stack { display:grid; gap:1.3rem; margin-block-start:clamp(1.15rem,2.5vw,1.6rem) } .section-stack--flush { margin-block-start:0 } .section-heading { max-inline-size:48rem } .section-heading--split { display:flex; flex-wrap:wrap; gap:.9rem; align-items:end; justify-content:space-between } .section-grid,.support-grid,.stats-grid,.timeline-grid,.review-grid,.tool-grid,.search-result-grid { display:grid; gap:1rem } .hero { display:grid; gap:1rem; margin-block-end:1.4rem } .hero__copy { padding:clamp(1.35rem,3vw,2rem); border:1px solid rgb(255,0,0); background:#27000083; border-radius:var(--radius-md) } .hero__feature-card blockquote,.review-card blockquote { padding-inline-start:1rem; border-inline-start:2px solid rgba(210,59,78,.45); color:var(--page-text) } .hero__meta,.review-card__footer,.results-shell__header,.status-meta,.command-detail__header { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; justify-content:space-between } .stat-card { min-block-size:9rem } .stat-card strong { color:var(--page-text); font-family:var(--font-display); font-size:clamp(2rem,5vw,3rem); line-height:1 } .timeline-card__step { display:inline-flex; align-items:center; justify-content:center; inline-size:fit-content; min-inline-size:2.5rem; padding:.25rem .55rem; border-radius:var(--radius-pill); background:var(--page-accent-soft); color:var(--page-accent-strong); font-family:var(--font-mono); font-size:.88rem; align-self:start; justify-self:start } .button,.filter-chip { display:inline-flex; align-items:center; justify-content:center; min-block-size:3rem; padding-inline:1rem 1.1rem; border:1px solid transparent; border-radius:var(--radius-pill); font-weight:600; transition:transform var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard) } .button:hover,.button:focus-visible,.filter-chip:hover,.filter-chip:focus-visible { transform:translateY(-1px) } .button--primary { background:linear-gradient(180deg,var(--page-accent-strong),var(--page-accent)); color:#f7f9fb } .button--secondary,.filter-chip { border-color:var(--page-border); background:#ffffff06; color:var(--page-text) } .filter-chip.is-active { border-color:var(--page-border-strong); background:var(--page-accent-soft); color:var(--page-accent-strong) } .filter-row { display:flex; flex-wrap:wrap; gap:.7rem } .field-grid { display:grid; gap:1rem } .field { display:grid; gap:.5rem } .field__label { color:var(--page-text); font-size:.95rem } .field__control,.contact-module__textarea { inline-size:100%; min-block-size:2.8rem; padding:.82rem .92rem; border:1px solid rgba(255,255,255,.1); border-radius:var(--radius-sm); background:#0a090bd1; color:var(--page-text) } .field__control::placeholder,.contact-module__textarea::placeholder { color:var(--page-text-soft) } .contact-module__textarea { min-block-size:9rem; resize:vertical } .field__control:focus,.contact-module__textarea:focus { border-color:var(--page-border-strong); background:#0e0c0ef0; outline:none } .search-hint { font-size:.95rem; color:var(--page-text-soft) } .form-shell { min-block-size:9rem } .form-shell--panel { min-block-size:0 } .contact-slot { display:grid; gap:.8rem; min-block-size:0 } .button-row--jump,.home-jump-link { margin-block-start:.2rem } .home-jump-link { justify-content:center; inline-size:100%; text-align:center } .command-toolbar { display:grid; gap:.45rem } .command-toolbar__meta strong { color:var(--page-text) } .command-workbench { display:grid; gap:1rem; align-items:start } .command-list,.command-detail-panel { padding:.6rem } .command-detail-panel { display:grid; align-content:start; gap:.75rem; min-block-size:16rem; border:1px solid rgba(255,255,255,.06); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff0a,#ffffff04),#0a090bc2 } .command-detail-panel--sidebar { padding:.85rem } .command-workbench__detail { display:grid; align-content:start; min-inline-size:0 } .command-list { display:grid; gap:.35rem } .command-list__item { display:grid; grid-template-columns:auto 1fr; gap:.8rem; align-items:center; min-block-size:3rem; padding:.75rem .9rem; border:0; border-radius:var(--radius-sm); background:transparent; color:var(--page-text-muted); text-align:left } .command-list__item:hover,.command-list__item:focus-visible,.command-list__item.is-active { background:#ffffff0b; color:var(--page-text); transform:translate(.12rem) } .command-list__slash { color:var(--page-accent); font-family:var(--font-display); font-size:1.3rem } .command-detail { display:none } .command-detail.is-active { display:grid } .command-detail__body { display:grid; gap:.7rem } .command-detail__body p { color:var(--page-text) } .command-detail__actions { display:grid; gap:.8rem } .command-empty { padding:1rem; border-radius:var(--radius-sm); border:1px dashed rgba(255,255,255,.08); color:var(--page-text-soft) } .command-copy-card { display:grid; gap:.75rem } .command-copy-card__command { color:var(--page-text); font-family:var(--font-display); font-size:1.2rem; line-height:1 } .command-copy-card__value { display:block; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-sm); background:#050505d6; color:var(--page-text); font-family:var(--font-mono); font-size:.82rem; overflow-wrap:anywhere } .reviews-summary { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; padding:1rem 0 .25rem } .reviews-summary--compact { padding:.15rem 0 .35rem } .reviews-summary--compact p { color:var(--page-text) } .review-list { display:grid; gap:1rem } .reviewer-details { display:flex; flex-direction:column; gap:0; min-block-size:100%; overflow:hidden; border:1px solid #2a3441; border-radius:.7rem; background:#0e141d; box-shadow:0 2px 8px #0000004d; transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .reviewer-details:hover,.reviewer-details:focus-within { border-color:#3a4a5a; box-shadow:0 4px 12px #4ea5cd33; transform:translateY(-2px) } .reviewer-details.is-hidden { display:none } .review-header { display:flex; align-items:center; justify-content:center; min-block-size:7.5rem; padding:1.15rem; background:linear-gradient(135deg,#00b67a,#005128) } .review-header-content { text-align:center } .review-header .stars { font-size:2.35rem; line-height:1; color:#fff; text-shadow:0 2px 4px rgba(0,0,0,.3) } .review-header .header-label { margin-inline:auto; margin-block-start:.55rem; padding:0; border:0; border-radius:0; background:none; color:#fff; font-size:.88rem; font-weight:600; letter-spacing:0; text-transform:none } .review-source,.review-content { display:grid; gap:.6rem } .review-source { padding:.8rem 1rem; border-bottom:1px solid #2a3441 } .review-source h3 { display:flex; flex-wrap:wrap; gap:.55rem; align-items:center; color:#c4d4e4; font-size:.92rem } .review-verified { display:inline-flex; inline-size:fit-content; padding:.14rem .45rem; border-radius:.25rem; border:1px solid rgba(5,143,12,.35); background:linear-gradient(135deg,#058f0c,#047a09); color:#fff; font-size:.65rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase } .review-content { flex:1 1 auto; padding:.85rem 1rem 1rem } .review-content blockquote { margin:0; padding:0; border:0; color:#8b95a0; font-size:.78rem; font-style:italic; line-height:1.5 } .review-meta { display:flex; flex-wrap:wrap; gap:.75rem; align-items:center; color:#8b95a0; font-size:.72rem } .review-link { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; inline-size:100%; min-block-size:2rem; padding:.55rem .9rem; border-radius:.3rem; background:#4ea5cd; color:#000; font-size:.78rem; font-weight:600; text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#8d43ff; text-decoration-thickness:1px; text-underline-offset:.18rem } .review-link:hover,.review-link:focus-visible { background:#5fb5dd; color:#000 } .review-link__icon { display:inline-flex; align-items:center; justify-content:center; text-decoration:none } .review-card__badge,.search-result-card__meta span { display:inline-flex; inline-size:fit-content; padding:.28rem .55rem; border-radius:var(--radius-pill); background:#ffffff0d; color:var(--page-text-soft); font-size:.82rem; letter-spacing:.05em; text-transform:uppercase } .results-shell { gap:1rem } .results-shell--dayz { padding:1rem 1.1rem } .dayz-search-counter { color:var(--page-text-soft) } .dayz-search-results { display:grid; gap:1rem } .dayz-search-card { display:grid; gap:.9rem; padding:1rem; border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--page-surface-soft); cursor:pointer; transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard) } .dayz-search-card:hover,.dayz-search-card:focus-visible { transform:translateY(-2px); border-color:#ff000a2e; box-shadow:var(--page-shadow-soft) } .dayz-search-card__header { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.9rem; align-items:start } .dayz-search-card__image { inline-size:5rem; block-size:5rem; object-fit:contain; border-radius:.9rem; padding:.4rem; background:#ffffff0a } .dayz-search-card__image--blank { border:1px dashed rgba(255,255,255,.08) } .dayz-search-card__title,.dayz-search-card__properties { display:grid; gap:.3rem } .dayz-search-card__name { color:var(--page-text); font-family:var(--font-display); font-size:1.2rem; line-height:1 } .dayz-search-card__type { color:var(--page-text-soft); font-family:var(--font-mono); font-size:.85rem } .dayz-search-card__body { color:var(--page-text-muted) } .dayz-search-card__toggle { inline-size:100%; padding:.7rem .9rem; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-sm); background:#ffffff09; color:var(--page-text); font-weight:600 } .dayz-search-card__extra { display:grid; gap:.8rem } .dayz-search-card__asset-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(7rem,1fr)); gap:.6rem } .dayz-search-card__asset { display:grid; gap:.35rem; padding:.55rem; border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-sm); background:#ffffff06 } .dayz-search-card__asset-image { inline-size:100%; aspect-ratio:1; object-fit:contain; border-radius:var(--radius-xs); background:#0000005c } .dayz-search-card__asset-image--blank { background:linear-gradient(135deg,#a0000029,#ffffff05),#0000003d } .dayz-search-card__asset strong,.dayz-search-card__asset span { font-size:.76rem; line-height:1.35 } .dayz-search-card__asset span { color:var(--page-text-soft) } .dayz-search-card__extra-group { display:grid; gap:.45rem } .dayz-search-card__property { display:flex; gap:.55rem; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.04); padding-bottom:.35rem } .dayz-search-card__property span { color:var(--page-text-soft) } .dayz-search-card__property strong { color:var(--page-text); font-weight:600 } .dayz-search-card__section { display:grid; gap:.45rem } .dayz-search-card__label { color:var(--page-text-soft); font-size:.82rem; letter-spacing:.06em; text-transform:uppercase } .dayz-search-card__list { display:flex; flex-wrap:wrap; gap:.4rem; margin:0; padding:0; list-style:none } .dayz-search-card__list li { padding:.3rem .55rem; border-radius:var(--radius-pill); background:#ffffff0a; color:var(--page-text); font-size:.82rem } .dayz-search-popout { position:fixed; inset:0; z-index:80; display:grid; place-items:center; padding:1rem } .dayz-search-popout__backdrop { position:absolute; inset:0; background:#000000b8; backdrop-filter:blur(8px) } .dayz-search-popout__panel { position:relative; display:grid; gap:1rem; inline-size:min(70rem,calc(100vw - 2rem)); max-block-size:calc(100vh - 2rem); padding:1rem 1.1rem; overflow:auto; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-md); background:linear-gradient(180deg,#121113fa,#0a090bfa),var(--page-surface-strong); box-shadow:var(--page-shadow) } .dayz-search-popout__header,.dayz-search-popout__lead { display:grid; gap:1rem } .dayz-search-popout__body,.dayz-search-popout__meta,.dayz-search-popout__section { display:grid; gap:.75rem } .dayz-search-popout__main-image,.dayz-search-popout__asset-image { inline-size:100%; object-fit:contain; border-radius:var(--radius-sm); background:#ffffff0a } .dayz-search-popout__main-image { max-inline-size:18rem; aspect-ratio:1; justify-self:center; padding:.8rem } .dayz-search-popout__main-image--blank,.dayz-search-popout__asset-image--blank { border:1px dashed rgba(255,255,255,.08) } .dayz-search-popout__facts { display:grid; gap:.35rem; margin:0; padding-left:1rem; color:var(--page-text-muted) } .dayz-search-popout__asset-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(8rem,1fr)); gap:.85rem } .dayz-search-popout__asset { display:grid; gap:.45rem; text-align:center } .dayz-search-popout__asset-image { aspect-ratio:1; padding:.6rem } .dayz-search-popout__asset strong { color:var(--page-text); font-size:.9rem } .dayz-search-popout__asset span { color:var(--page-text-soft); font-size:.78rem } .no-results { padding:2rem 1rem; color:var(--page-text-soft); text-align:center } .search-result-card { grid-template-columns:auto 1fr; align-items:start } .search-result-card__media { inline-size:4.5rem; aspect-ratio:1; border-radius:1rem; overflow:hidden; background:#ffffff0a } .search-result-card__media img { inline-size:100%; block-size:100%; object-fit:cover } .search-result-card__body { display:grid; gap:.65rem } .search-result-card__meta { display:flex; flex-wrap:wrap; gap:.45rem } .search-result-card__subline { color:var(--page-text-soft); font-family:var(--font-mono); font-size:.82rem } .contact-module__notice { padding:.85rem 1rem; border-radius:var(--radius-sm); background:#ffffff0a; color:var(--page-text) } .contact-module__notice[data-tone=error] { background:#bf4b4b24; color:#f1b6b6 } .contact-module__notice[data-tone=success] { background:#6fa97824; color:#badebf } .contact-module__actions,.contact-module__form { display:grid; gap:.85rem } .site-footer { display:flex; flex-wrap:wrap; align-items:center; gap:.8rem; padding:.7rem .95rem; margin-block-start:1rem; border:1px solid var(--page-border); border-radius:1.4rem; background:#0e0c0dd1 } .site-footer__lead { display:flex; align-items:center; gap:.8rem; flex:0 0 auto; min-inline-size:0 } .site-footer__brand { color:var(--page-text); font-family:var(--font-display); font-size:1.15rem; text-transform:uppercase; letter-spacing:.04em; white-space:nowrap } .site-footer__links { display:flex; flex-wrap:wrap; align-items:center; gap:.85rem; margin-inline-start:auto; justify-content:flex-end; min-inline-size:0 } .site-footer .stack-link { font-size:.92rem } .site-context-menu { position:fixed; z-index:90; display:none; min-inline-size:13rem; padding:.45rem; border:1px solid rgba(255,0,10,.34); border-radius:.95rem; background:linear-gradient(180deg,#121113fa,#0a090bfa),var(--page-surface-strong); box-shadow:var(--page-shadow); backdrop-filter:blur(14px) } .site-context-menu.is-open { display:grid } .site-context-menu__item { display:flex; align-items:center; gap:.7rem; inline-size:100%; padding:.7rem .8rem; border:0; border-radius:.75rem; background:transparent; color:var(--page-text); text-align:left } .site-context-menu__item i { color:var(--page-accent-strong) } .site-context-menu__item:hover,.site-context-menu__item:focus-visible { background:#ffffff0f; outline:none } .site-context-menu__item:disabled { opacity:.42; cursor:not-allowed } .site-dialog { inline-size:min(56rem,calc(100vw - 1.5rem)); max-inline-size:none; padding:0; background:transparent; color:var(--page-text) } .site-dialog::backdrop { background:#06080ab8; backdrop-filter:blur(10px) } .site-dialog__panel { display:grid; gap:1rem; padding:1rem; border:1px solid var(--page-border); border-radius:var(--radius-lg); background:linear-gradient(180deg,#151315fa,#0c0b0cf7),var(--page-surface-strong); box-shadow:var(--page-shadow) } .site-dialog__scrim { display:none } .site-dialog__header,.site-search-results { display:grid; gap:.9rem } .site-dialog__body--legal { display:grid; gap:.95rem } .site-search-results:empty:before { content:"Search the site index to reveal matching pages."; color:var(--page-text-soft) } .site-search-results--inline { position:absolute; inset-block-start:calc(100%+.55rem); inset-inline-end:0; inline-size:min(30rem,42vw); max-block-size:24rem; overflow:auto; padding:.8rem; border:1px solid var(--page-border); border-radius:var(--radius-md); background:linear-gradient(180deg,#121113fa,#0b0a0bfa),var(--page-surface-strong); box-shadow:var(--page-shadow) } .toast-stack { position:fixed; inset-inline-end:1rem; inset-block-end:1rem; z-index:60; display:grid; gap:.65rem; inline-size:min(22rem,calc(100vw - 2rem)) } .toast { display:grid; gap:.2rem; padding:.9rem 1rem; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-sm); background:#0c0b0cf5; box-shadow:var(--page-shadow-soft); animation:toast-in var(--duration-base) var(--ease-standard) } .toast[data-tone=success] { border-color:#6fa97847 } .toast[data-tone=error] { border-color:#bf4b4b4d } .toast__title { color:var(--page-text); font-size:.98rem; font-weight:600 } .toast__body { color:var(--page-text-soft); font-size:.92rem } .rich-content,.faq-card,.video-card,.price-card,.form-card,.guide-step { border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff09,#ffffff04),var(--page-surface-soft) } .rich-content,.faq-card,.price-card,.form-card { padding:1.15rem } .rich-content { display:grid; gap:1rem } .rich-content>*+* { margin-block-start:0 } .rich-content h2,.rich-content h3,.rich-content h4,.rich-content h5 { color:var(--page-text); line-height:1.08 } .rich-content p,.rich-content li,.rich-content figcaption { color:var(--page-text-muted) } .rich-content ul,.rich-content ol { display:grid; gap:.6rem; padding-inline-start:1.25rem } .rich-content a { color:var(--page-text); text-decoration-line:underline; text-decoration-style:solid; text-decoration-color:#8d43ff; text-decoration-thickness:1px; text-underline-offset:.18rem } .rich-content code,.rich-content pre { font-family:var(--font-mono) } .rich-content code { padding:.12rem .42rem; border:1px solid rgba(160,0,0,.35); border-radius:var(--radius-xs); background:#200000b3; color:#f5d4d6 } .rich-content pre { overflow-x:auto; padding:1rem 1.1rem; border:1px solid rgba(160,0,0,.28); border-left:3px solid var(--page-accent-strong); border-radius:var(--radius-sm); background:linear-gradient(180deg,#16080af5,#08080af0),#09080aeb; color:#ececec; box-shadow:inset 0 1px #ffffff0a; white-space:pre-wrap; line-height:1.55 } .rich-content pre code { padding:0; border:0; background:transparent; color:inherit } .rich-content table { inline-size:100%; border-collapse:collapse } .rich-content th,.rich-content td { padding:.8rem; border:1px solid rgba(255,255,255,.08); text-align:left; vertical-align:top } .rich-content th { color:var(--page-text); font-weight:600; background:#ffffff0a } .rich-content details { padding:1rem; border:1px solid rgba(255,255,255,.06); border-radius:var(--radius-sm); background:#ffffff08 } .rich-content summary { cursor:pointer; color:var(--page-text); font-weight:600 } .rich-content figure { display:grid; gap:.7rem } .rich-content img { border-radius:var(--radius-sm); border:1px solid rgba(255,255,255,.06) } .feature-grid,.faq-grid,.video-grid,.pricing-grid,.membership-grid,.guide-steps { display:grid; gap:1rem } .feature-grid--dense { gap:.9rem } .feature-card h3,.faq-card h3 { color:var(--page-accent-strong) } .faq-card,.price-card,.form-card,.video-card,.guide-step { display:grid; gap:.85rem } .faq-card h3,.price-card h3,.video-card h3,.guide-step h3 { color:var(--page-text) } .video-card { overflow:hidden } .video-card__media { padding:.85rem; background:#040404b3 } .video-card__media .video-embed { box-shadow:none } .video-card__thumb { inline-size:100%; aspect-ratio:16/9; object-fit:cover; background:#ffffff0a } .video-card__body { display:grid; gap:.75rem; padding:1rem } .tool-card__title { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:.8rem } .tool-card__icon { inline-size:1.4rem; block-size:1.4rem; margin-block-start:.1rem } .video-embed { overflow:hidden; border:1px solid rgba(255,255,255,.06); border-radius:var(--radius-md); background:#060507f0; box-shadow:var(--page-shadow-soft) } .video-embed iframe,.video-embed video { display:block; inline-size:100%; aspect-ratio:16/9; border:0; background:#000 } .membership-note { padding:1rem 1.15rem; border:1px solid var(--page-border); border-radius:var(--radius-md); background:#a6263614; color:var(--page-text) } .price-card.is-featured { border-color:var(--page-border-strong); background:linear-gradient(180deg,#a626361f,#ffffff04),var(--page-surface-soft) } .membership-form { display:grid; gap:1rem } .guide-step { grid-template-columns:auto minmax(0,1fr); align-items:start; padding:1rem } .guide-step__index { display:grid; place-items:center; inline-size:3rem; aspect-ratio:1; border-radius:50%; background:#a6263624; color:var(--page-accent-strong); font-family:var(--font-display); font-size:1.15rem; letter-spacing:.08em } .tool-stage { display:grid; gap:1rem } .tool-stage__links { align-items:stretch } .tool-embed .hidden { display:none } .tool-embed { position:relative; overflow:hidden; padding:clamp(.85rem,2vw,1.1rem); border:1px solid rgba(255,255,255,.05); border-radius:var(--radius-md); background:linear-gradient(180deg,#ffffff09,#ffffff04),#09080acc; box-shadow:inset 0 1px #ffffff08 } .tool-embed a { color:inherit } .tool-embed img { max-inline-size:100% } .tool-embed pre,.tool-embed code,.tool-embed textarea { font-family:var(--font-mono) } .tool-embed .container-fluid { inline-size:100% } .tool-embed .position-relative { position:relative } .tool-embed .d-flex { display:flex } .tool-embed .flex-column { flex-direction:column } .tool-embed .flex-wrap { flex-wrap:wrap } .tool-embed .flex-nowrap { flex-wrap:nowrap } .tool-embed .align-items-center { align-items:center } .tool-embed .align-items-start { align-items:flex-start } .tool-embed .justify-content-between { justify-content:space-between } .tool-embed .justify-content-center { justify-content:center } .tool-embed .justify-content-end { justify-content:flex-end } .tool-embed .gap-1 { gap:.25rem } .tool-embed .gap-2 { gap:.5rem } .tool-embed .gap-3 { gap:.75rem } .tool-embed .gap-4 { gap:1rem } .tool-embed .w-100 { inline-size:100% } .tool-embed .small { font-size:.82rem } .tool-embed .text-center { text-align:center } .tool-embed .text-light { color:var(--page-text) } .tool-embed .text-muted { color:var(--page-text-soft) } .tool-embed .d-none,.tool-embed [hidden] { display:none } .tool-embed .b-dark,.tool-embed .card,.tool-embed .modal-content { border:1px solid rgba(255,255,255,.07); border-radius:var(--radius-sm); background:#0e0e0ee0; box-shadow:var(--page-shadow-soft) } .tool-embed .card-body,.tool-embed .modal-content { padding:1rem } .tool-embed .row { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(14rem,1fr)) } .tool-embed .col { min-inline-size:0 } .tool-embed input,.tool-embed select,.tool-embed textarea { border:1px solid rgba(255,255,255,.1); border-radius:.7rem; background:#080808eb; color:var(--page-text) } .tool-embed input::placeholder,.tool-embed textarea::placeholder { color:var(--page-text-soft) } .page-tool-app--economy-calculator #multiplier-form { display:flex; flex-wrap:wrap; gap:.75rem; align-items:end; justify-content:center } .page-tool-app--economy-calculator #payout-table { margin-inline:auto; border-color:#ffffff1a; color:var(--page-text) } .page-tool-app--economy-calculator #receipt { min-inline-size:min(100%,22rem); padding:.75rem .9rem; border:1px dashed #776d5f; border-radius:.5rem; background:#121214; color:#c8c2a5; box-shadow:0 12px 24px #00000059; font-family:var(--font-mono) } .page-tool-app--economy-calculator #receipt* { color:inherit } .page-tool-app--economy-calculator #receipt .receipt-title { color:#cdbf9a; border-bottom:2px solid #776d5f; margin:.25rem 0 .5rem; padding-bottom:.25rem; font-size:.75rem; letter-spacing:.08em; text-transform:uppercase } .page-tool-app--economy-calculator #receipt .receipt-section { margin:.4rem 0 } .page-tool-app--economy-calculator #receipt .bill-line { display:flex; align-items:baseline; gap:.5rem; padding:.18rem 0 } .page-tool-app--economy-calculator #receipt .bill-item { color:#c8c2a5 } .page-tool-app--economy-calculator #receipt .bill-fill { flex:1 1 auto; border-bottom:1px dotted #776d5f; opacity:.6; transform:translateY(-2px) } .page-tool-app--economy-calculator #receipt .bill-price { margin-left:auto; color:#e6dbb4; font-variant-numeric:tabular-nums } .tool-embed .btn { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-block-size:2.75rem; padding-inline:.95rem; border:1px solid rgba(255,255,255,.1); border-radius:.8rem; background:#ffffff06; color:var(--page-text); font-weight:600; transition:transform var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard) } .tool-embed .btn:hover,.tool-embed .btn:focus-visible { transform:translateY(-1px); border-color:var(--page-border-strong); background:#ffffff0f } .tool-embed .btn-sm { min-block-size:2.2rem; padding-inline:.75rem; font-size:.9rem } .tool-embed .btn-lg { min-block-size:3rem; padding-inline:1.15rem } .tool-embed .btn-outline-light,.tool-embed .btn-outline-secondary,.tool-embed .btn-secondary,.tool-embed .btn-light,.tool-embed .btn-dark { border-color:var(--page-border); background:#ffffff0a; color:var(--page-text) } .tool-embed .btn-outline-primary,.tool-embed .btn-primary { border-color:#d23b4e5c; background:linear-gradient(180deg,#d23b4ee6,#9b1f2feb); color:#f7f9fb } .tool-embed .btn-info,.tool-embed .btn-warning { border-color:#d23b4e4d; background:#a6263624; color:var(--page-text) } .tool-embed .btn-success,.tool-embed .btn-outline-success { border-color:#6fa97852; background:#6fa97824; color:#d8ebdb } .tool-embed .btn-outline-danger,.tool-embed .btn-danger { border-color:#bf4b4b4d; background:#bf4b4b1f; color:#f0b5b5 } .tool-embed button:not(.btn):not(.icon-button),.tool-embed input[type=button],.tool-embed input[type=submit] { display:inline-flex; align-items:center; justify-content:center; gap:.45rem; min-block-size:2.75rem; padding-inline:.95rem; border:1px solid rgba(255,255,255,.1); border-radius:.8rem; background:#ffffff06; color:var(--page-text) } .tool-embed .form-label { display:block; margin-block-end:.38rem; color:var(--page-text) } .tool-embed .form-control,.tool-embed .form-select,.tool-embed input[type=text],.tool-embed input[type=search],.tool-embed input[type=number],.tool-embed input[type=file],.tool-embed select,.tool-embed textarea { inline-size:100%; min-block-size:2.85rem; padding:.75rem .85rem; border:1px solid rgba(255,255,255,.1); border-radius:.85rem; background:#090b0fcc; color:var(--page-text) } .tool-embed .form-control::placeholder,.tool-embed input::placeholder,.tool-embed textarea::placeholder { color:var(--page-text-soft) } .tool-embed input[type=file]::file-selector-button,.tool-embed input[type=file]::-webkit-file-upload-button { margin-inline-end:.85rem; padding:.5rem .8rem; border:1px solid var(--page-border); border-radius:.7rem; background:#a6263629; color:var(--page-text) } .tool-embed textarea { min-block-size:8rem; resize:vertical } .tool-embed .form-control-sm,.tool-embed .form-select-sm { min-block-size:2.35rem; padding-block:.55rem; font-size:.92rem } .tool-embed .form-control:focus,.tool-embed .form-select:focus,.tool-embed input:focus,.tool-embed select:focus,.tool-embed textarea:focus { border-color:var(--page-border-strong); outline:none } .tool-embed .form-check { display:flex; align-items:center; gap:.45rem } .tool-embed .form-check-input { inline-size:1rem; block-size:1rem; margin:0 } .tool-embed .form-check-label { color:var(--page-text-muted) } .tool-embed .dropdown-item { display:block; padding:.55rem .7rem; border-radius:.7rem; color:var(--page-text) } .tool-embed .dropdown-menu,.tool-embed .bg-dark,.tool-embed .input-group-text { border:1px solid rgba(255,255,255,.08); border-radius:.85rem; background:#090b0ff0; color:var(--page-text) } .tool-embed .dropdown-menu { padding:.35rem } .tool-embed .text-secondary { color:var(--page-text-soft) } .tool-embed .badge { display:inline-flex; align-items:center; gap:.35rem; padding:.28rem .55rem; border-radius:999px; background:#ffffff14; color:var(--page-text) } .tool-embed .dropdown-item:hover,.tool-embed .dropdown-item:focus-visible { background:#ffffff0f } .tool-embed .modal { display:none; position:fixed; inset:0; z-index:70; padding:1rem; background:#06080ab8; backdrop-filter:blur(10px) } .tool-embed .alert { padding:.85rem 1rem; border:1px solid rgba(255,255,255,.1); border-radius:.85rem } .tool-embed .alert-info { border-color:#ffffff1f; background:#ffffff0d; color:var(--page-text) } .tool-embed .alert-success { border-color:#6fa97847; background:#6fa9781f; color:#cfe6d2 } .tool-embed .alert-warning { border-color:#d23b4e47; background:#a626361f; color:#ecd6aa } .tool-embed .alert-danger { border-color:#bf4b4b4d; background:#bf4b4b1f; color:#f0b5b5 } .tool-embed .m-0 { margin:0 } .tool-embed .m-4 { margin:1rem } .tool-embed .mt-1 { margin-block-start:.25rem } .tool-embed .mt-2 { margin-block-start:.5rem } .tool-embed .mt-3 { margin-block-start:.75rem } .tool-embed .mt-4 { margin-block-start:1rem } .tool-embed .mb-0 { margin-block-end:0 } .tool-embed .mb-1 { margin-block-end:.25rem } .tool-embed .mb-2 { margin-block-end:.5rem } .tool-embed .mb-3 { margin-block-end:.75rem } .tool-embed .mb-4 { margin-block-end:1rem } .tool-embed .me-1 { margin-inline-end:.25rem } .tool-embed .me-2 { margin-inline-end:.5rem } .tool-embed .ms-1 { margin-inline-start:.25rem } .tool-embed .p-0 { padding:0 } .tool-embed .p-1 { padding:.25rem } .tool-embed .p-2 { padding:.5rem } .tool-embed .p-3 { padding:.75rem } .tool-embed .p-4 { padding:1rem } .tool-embed .py-0 { padding-block:0 } [hidden] { display:none } }
@layer pages { .page-signin .status-card,.page-status-404 .status-card,.page-status-payment-failed .status-card,.page-status-login-failed .status-card { max-inline-size:44rem } .page-tool-app .site-shell { --max-width:110rem } .page-tool-app .site-header { gap:.65rem; padding:.52rem .74rem; margin-block-end:.7rem; border-radius:calc(var(--radius-md)+.15rem) } .page-tool-app .brand-lockup img { inline-size:2.2rem; block-size:2.2rem } .page-tool-app .brand-lockup strong { font-size:1.05rem } .page-tool-app .brand-lockup small { font-size:.72rem } .page-tool-app .site-main { padding:clamp(1rem,2vw,1.35rem) } .page-tool-app .page-heading { gap:.45rem; margin-block-end:.85rem } .page-tool-app h1 { font-size:clamp(1.7rem,3.1vw,2.4rem) } .page-tool-app .page-lead { max-inline-size:62rem; font-size:.94rem } .page-tool-app .tool-stage__links { gap:.65rem } .page-tool-app .tool-stage__links .button { min-block-size:2.45rem; padding-inline:.85rem .95rem } .page-commands .site-shell { --max-width:104rem } .page-commands .site-panel { gap:.85rem } .page-commands .command-list { max-inline-size:none } .page-legion .timeline-grid { grid-template-columns:repeat(3,minmax(0,1fr)) } }
@container (min-width:44rem) { .field-grid--search { grid-template-columns:minmax(0,2fr) minmax(15rem,1fr) } .stats-grid,.timeline-grid,.review-list,.review-grid,.tool-grid,.search-result-grid,.feature-grid,.faq-grid,.video-grid,.pricing-grid,.guide-steps { grid-template-columns:repeat(2,minmax(0,1fr)) } .membership-grid { grid-template-columns:minmax(0,1.1fr) minmax(18rem,.85fr) } }
@container (min-width:48rem) { .command-workbench { grid-template-columns:minmax(0,1.04fr) minmax(20rem,.96fr) } .command-list { max-block-size:calc(100vh - 14rem); overflow:auto } .command-workbench__detail { position:sticky; inset-block-start:.25rem } .command-detail-panel { max-block-size:calc(100vh - 14rem); overflow:auto } .page-commands .command-workbench { grid-template-columns:minmax(0,1fr) } .dayz-search-popout__lead { grid-template-columns:minmax(14rem,18rem) minmax(0,1fr); align-items:start } }
@container (min-width:56rem) { .hero { grid-template-columns:minmax(0,1.25fr) minmax(18rem,.9fr) } .section-grid { grid-template-columns:repeat(2,minmax(0,1fr)) } }
@media(min-width:64rem) { .site-header { grid-template-columns:auto minmax(0,1fr) minmax(12rem,16rem); gap:.75rem; padding-inline:1rem } .site-header__brand,.site-header__actions,.site-header__menu { grid-column:auto } .site-header__menu { display:none } .site-nav { display:flex; flex-wrap:nowrap; gap:.3rem; grid-column:auto; justify-content:center; align-items:center; padding-block-start:0 } .site-nav__menu { position:absolute; inset-block-start:calc(100%+.5rem); inset-inline-start:0; min-inline-size:15rem; padding:.55rem; border:1px solid var(--page-border); border-radius:var(--radius-md); background:linear-gradient(180deg,#121113fa,#0b0a0bfa),var(--page-surface-strong); box-shadow:var(--page-shadow) } .site-nav__menu--tools { inline-size:min(24rem,calc(100vw - 3rem)); min-inline-size:18rem; padding:.7rem } .site-nav__menu--tools .site-nav__menu-links { gap:.45rem } .site-nav__menu--tools .site-nav__submenu-item { inline-size:100% } .site-header__search { display:block; align-self:center } .site-header__actions { display:none } .site-frame { grid-template-columns:minmax(0,1fr) fit-content(17.5rem); align-items:start } .support-grid,.stats-grid,.timeline-grid,.review-grid,.tool-grid,.search-result-grid,.feature-grid,.faq-grid,.video-grid,.pricing-grid { grid-template-columns:repeat(3,minmax(0,1fr)) } .page-legion .timeline-grid { grid-template-columns:repeat(2,minmax(0,1fr)) } .site-footer { justify-content:space-between } .site-footer__links { flex:1 1 auto } .page-no-panel .site-frame { grid-template-columns:minmax(0,1fr) } .page-home .site-main,.page-commands .site-main,.page-no-panel .site-main { border:0; border-radius:0; background:transparent; box-shadow:none; padding:0 } .page-commands .site-frame { grid-template-columns:minmax(0,1fr) minmax(20rem,23rem) } .page-commands .site-panel { position:sticky; inset-block-start:5.15rem } }
@media(max-width:79.998rem) { .site-nav__link,.icon-button,.site-search-inline__input { font-size:.875rem } .site-nav__link { min-block-size:2.35rem; padding-inline:.6rem } .icon-button { min-block-size:2.35rem; padding-inline:.78rem } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto } *,*:before,*:after { animation-duration:1ms; animation-iteration-count:1; transition-duration:1ms } }
@keyframes toast-in { 0% { opacity:0; transform:translateY(.4rem) } to { opacity:1; transform:translateY(0) } }
::selection { background:#d20d0d; color:#fff }
::-moz-selection { background:#d20d0d; color:#fff }
.site-shell { padding:clamp(.7rem,1.4vw,1rem) }
.site-frame { gap:clamp(1rem,1.8vw,1.45rem); align-items:start }
.site-main { padding:clamp(1rem,1.8vw,1.5rem) }
.site-panel { gap:clamp(.9rem,1.5vw,1.15rem) }
.page-heading,.section-heading,.hero__copy,.hero__feature-card,.feature-card,.timeline-card,.support-card,.review-card,.tool-card,.status-card,.search-result-card,.contact-module,.command-detail { gap:.95rem }
.section-stack { gap:clamp(1.15rem,2vw,1.55rem) }
.panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.command-list,.command-detail-panel,.rich-content,.faq-card,.video-card,.price-card,.form-card,.guide-step { box-shadow:0 .85rem 2.4rem rgba(0,0,0,.18) }
.field__control,.contact-module__textarea,.site-search-inline__input { background:#0b0a0cd9 }
.field__control:focus,.contact-module__textarea:focus,.site-search-inline__input:focus { box-shadow:0 0 0 .18rem rgba(176,82,255,.12) }
[id] { scroll-margin-top:6rem }
.site-footer { padding:.8rem .95rem }
.site-footer__links { row-gap:.65rem }
.site-search-results--inline { inline-size:min(32rem,calc(100vw - 1.5rem)) }
@media (max-width:63.998rem) { .site-shell { padding:.65rem } .site-header { margin-block-end:.65rem; padding:.68rem .76rem; gap:.65rem } .site-main { padding:.95rem } .panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.rich-content,.faq-card,.price-card,.form-card { padding:1rem } .site-footer { padding:.78rem .85rem } .site-search-results--inline { inset-inline-start:0; inset-inline-end:auto; inline-size:min(100%,calc(100vw - 1.3rem)) } }
@media (max-width:47.998rem) { .section-heading--split,.hero__meta,.review-card__footer,.results-shell__header,.status-meta,.command-detail__header { align-items:flex-start } .site-footer__links { margin-inline-start:0; justify-content:flex-start } .site-dialog { inline-size:min(56rem,calc(100vw - .8rem)) } }
:focus-visible { outline:none }
.panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.command-list,.command-detail-panel,.rich-content,.faq-card,.video-card,.price-card,.form-card,.guide-step { padding:.92rem }
.rich-content,.faq-card,.price-card,.form-card { gap:.82rem }
.video-card__body { padding:.88rem }
.guide-step { padding:.9rem }
.guide-step__index { inline-size:2.4rem; font-size:1rem }
.field__control,.contact-module__textarea,.site-search-inline__input { min-block-size:2.4rem; padding:.55rem .8rem; font-size:.94rem }
.contact-module__textarea { min-block-size:8rem }
.tool-embed { padding:.82rem }
.tool-embed .card-body,.tool-embed .modal-content { padding:.82rem }
.tool-embed .row { gap:.85rem; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)) }
.tool-embed .btn,.tool-embed button:not(.btn):not(.icon-button),.tool-embed input[type=button],.tool-embed input[type=submit] { min-block-size:2.35rem; padding-inline:.8rem; font-size:.92rem }
.tool-embed .btn-sm { min-block-size:2rem; padding-inline:.65rem; font-size:.84rem }
.tool-embed .btn-lg { min-block-size:2.65rem; padding-inline:1rem; font-size:.98rem }
.tool-embed .form-control,.tool-embed .form-select,.tool-embed input[type=text],.tool-embed input[type=search],.tool-embed input[type=number],.tool-embed input[type=file],.tool-embed select,.tool-embed textarea { min-block-size:2.35rem; padding:.52rem .72rem; font-size:.92rem }
.tool-embed input[type=file]::file-selector-button,.tool-embed input[type=file]::-webkit-file-upload-button { padding:.36rem .65rem; font-size:.86rem }
.tool-embed textarea { min-block-size:10rem; padding:.7rem .76rem; font-size:.9rem }
.tool-embed .dropdown-item { padding:.45rem .6rem; font-size:.92rem }
.tool-embed .badge { padding:.2rem .45rem; font-size:.82rem }
.tool-embed .alert { padding:.75rem .9rem }
.rich-content pre,.tool-embed pre { padding:.72rem .82rem; font-size:.88rem; line-height:1.45 }
.rich-content code { padding:.08rem .32rem; font-size:.92em }
@media (max-width:63.998rem) { .panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.rich-content,.faq-card,.price-card,.form-card,.guide-step { padding:.85rem } .tool-embed { padding:.76rem } .tool-embed .row { gap:.72rem } .tool-embed .btn,.tool-embed button:not(.btn):not(.icon-button),.tool-embed input[type=button],.tool-embed input[type=submit] { min-block-size:2.2rem; padding-inline:.72rem; font-size:.88rem } .tool-embed .form-control,.tool-embed .form-select,.tool-embed input[type=text],.tool-embed input[type=search],.tool-embed input[type=number],.tool-embed input[type=file],.tool-embed select,.tool-embed textarea { min-block-size:2.2rem; padding:.48rem .66rem; font-size:.88rem } }
@media (max-width:63.998rem) { html { font-size:15px } body { font-size:0.92rem; line-height:1.52 } h1 { font-size:clamp(1.08rem,4.6vw,1.42rem) } h2 { font-size:clamp(0.98rem,3.7vw,1.14rem) } h3 { font-size:clamp(0.86rem,3vw,0.96rem) } .eyebrow { font-size:0.66rem; letter-spacing:0.11em } .page-heading,body.page-tool-app .page-heading { gap:0.26rem; margin-block-end:0.36rem } .page-lead { max-inline-size:100%; font-size:clamp(0.76rem,2.5vw,0.82rem); line-height:1.36 } body.page-tool-app .page-lead { max-inline-size:100%; font-size:clamp(0.72rem,2.2vw,0.78rem); line-height:1.32 } .site-nav__submenu-link,.site-nav__menu-index,.site-nav__menu-label { font-size:0.84rem } .button,.filter-chip { min-block-size:2.55rem; padding-inline:0.82rem 0.94rem; font-size:0.88rem } .field__label,.search-hint { font-size:0.88rem } }
@media (max-width:47.998rem) { html { font-size:14px } body { font-size:0.9rem; line-height:1.48 } h1 { font-size:clamp(0.98rem,5.4vw,1.24rem) } h2 { font-size:clamp(0.92rem,4.3vw,1.05rem) } h3 { font-size:clamp(0.82rem,3.4vw,0.9rem) } .page-lead { font-size:clamp(0.72rem,3vw,0.78rem) } body.page-tool-app .page-lead { font-size:clamp(0.69rem,2.8vw,0.74rem) } .site-nav__submenu-link,.site-nav__menu-index,.site-nav__menu-label { font-size:0.8rem } .button,.filter-chip,.field__label,.search-hint { font-size:0.84rem } }
@media (max-width:29.998rem) { html { font-size:13px } }
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor input,body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor select,body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor textarea { min-height:2.4rem; padding:0.52rem 0.72rem; font-size:0.93rem }
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor button { min-height:2.45rem; padding:0.48rem 0.86rem; font-size:0.92rem }
body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor #outputArea,body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor #markerInput { min-height:36vh; font-size:0.93rem; line-height:1.45 }
body.page-tool-app--code-reducer .tool-embed--code-reducer .form-control,body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,body.page-tool-app--code-reducer .tool-embed--code-reducer input,body.page-tool-app--code-reducer .tool-embed--code-reducer select { min-height:2.38rem; padding:0.5rem 0.72rem; font-size:0.92rem }
body.page-tool-app--code-reducer .tool-embed--code-reducer .btn,body.page-tool-app--code-reducer .tool-embed--code-reducer button { min-height:2.4rem; padding:0.45rem 0.82rem; font-size:0.91rem }
body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,body.page-tool-app--code-reducer .tool-embed--code-reducer pre { min-height:34vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--compare-files .tool-embed--compare-files .form-control,body.page-tool-app--compare-files .tool-embed--compare-files textarea,body.page-tool-app--compare-files .tool-embed--compare-files input,body.page-tool-app--compare-files .tool-embed--compare-files select { min-height:2.36rem; padding:0.5rem 0.7rem; font-size:0.91rem }
body.page-tool-app--compare-files .tool-embed--compare-files .btn,body.page-tool-app--compare-files .tool-embed--compare-files button { min-height:2.35rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--compare-files .tool-embed--compare-files textarea,body.page-tool-app--compare-files .tool-embed--compare-files pre { min-height:34vh; font-size:0.91rem; line-height:1.42 }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-control,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-select,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay input,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay select,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay textarea { min-height:2.2rem; padding:0.42rem 0.62rem; font-size:0.87rem }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .btn,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay button { min-height:2.2rem; padding:0.38rem 0.72rem; font-size:0.86rem }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .rowx { grid-template-columns:minmax(0,1fr) 5rem; gap:0.45rem }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .numbox { inline-size:5rem; min-inline-size:5rem }
body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay #cfgText { min-height:40vh; font-size:0.9rem; line-height:1.42 }
body.page-tool-app--economy-calculator .tool-embed--economy-calculator .form-control,body.page-tool-app--economy-calculator .tool-embed--economy-calculator input,body.page-tool-app--economy-calculator .tool-embed--economy-calculator select { min-height:2.3rem; padding:0.46rem 0.68rem; font-size:0.9rem }
body.page-tool-app--economy-calculator .tool-embed--economy-calculator .btn,body.page-tool-app--economy-calculator .tool-embed--economy-calculator button { min-height:2.32rem; padding:0.42rem 0.76rem; font-size:0.9rem }
body.page-tool-app--file-validator .tool-embed--file-validator .form-control,body.page-tool-app--file-validator .tool-embed--file-validator textarea,body.page-tool-app--file-validator .tool-embed--file-validator input,body.page-tool-app--file-validator .tool-embed--file-validator select { min-height:2.36rem; padding:0.5rem 0.72rem; font-size:0.92rem }
body.page-tool-app--file-validator .tool-embed--file-validator .btn,body.page-tool-app--file-validator .tool-embed--file-validator button { min-height:2.38rem; padding:0.44rem 0.8rem; font-size:0.91rem }
body.page-tool-app--file-validator .tool-embed--file-validator textarea,body.page-tool-app--file-validator .tool-embed--file-validator pre { min-height:34vh; font-size:0.92rem }
body.page-tool-app--generate-loadout .tool-embed--generate-loadout #spawnWeight { width:60px; min-width:60px; max-width:60px }
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-control,body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-select,body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types input,body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types select,body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types textarea { min-height:2.34rem; padding:0.48rem 0.7rem; font-size:0.91rem }
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .btn,body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types button { min-height:2.36rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types #outputXml { min-height:38vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-control,body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-select,body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file input,body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file select,body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file textarea { min-height:2.34rem; padding:0.48rem 0.7rem; font-size:0.91rem }
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .btn,body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file button { min-height:2.36rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file #outputJson { min-height:38vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator input,body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator select,body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea { min-height:2.4rem; padding:0.5rem 0.72rem; font-size:0.92rem }
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator button { min-height:2.42rem; padding:0.45rem 0.82rem; font-size:0.91rem }
body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea[id*="json"],body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea[id*="output"] { min-height:36vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--loop-generator .tool-embed--loop-generator .control-input,body.page-tool-app--loop-generator .tool-embed--loop-generator .control-textarea,body.page-tool-app--loop-generator .tool-embed--loop-generator input,body.page-tool-app--loop-generator .tool-embed--loop-generator select,body.page-tool-app--loop-generator .tool-embed--loop-generator textarea { min-height:2.42rem; padding:0.52rem 0.74rem; font-size:0.92rem }
body.page-tool-app--loop-generator .tool-embed--loop-generator .btn-tool,body.page-tool-app--loop-generator .tool-embed--loop-generator button { min-height:2.46rem; padding:0.46rem 0.84rem; font-size:0.91rem }
body.page-tool-app--loop-generator .tool-embed--loop-generator #output,body.page-tool-app--loop-generator .tool-embed--loop-generator #refJson { min-height:36vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter input,body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter select,body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter textarea { min-height:2.38rem; padding:0.5rem 0.72rem; font-size:0.92rem }
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter button { min-height:2.4rem; padding:0.44rem 0.8rem; font-size:0.91rem }
body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposXmlInput,body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposXmlOutput,body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter #mposRemovedOutput { min-height:32vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-input,body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-textarea,body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter input,body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter select,body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter textarea { min-height:2.42rem; padding:0.52rem 0.74rem; font-size:0.92rem }
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .btn-tool,body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter button { min-height:2.46rem; padding:0.46rem 0.84rem; font-size:0.91rem }
:root { --page-card-surface:rgba(8,9,11,0.42); --page-card-surface-strong:rgba(8,9,11,0.54); --page-card-surface-soft:rgba(8,9,11,0.32); --page-card-surface-alt:rgba(11,10,8,0.3); --page-card-surface-alt-strong:rgba(12,11,9,0.4); --page-card-surface-tint:linear-gradient(164deg,rgba(255,255,255,.03),rgba(255,255,255,.008) 34%,rgba(217,181,104,.09) 74%,rgba(255,214,132,.032)); --page-card-surface-tint-soft:linear-gradient(154deg,rgba(255,255,255,.024),rgba(255,255,255,.006) 38%,rgba(217,181,104,.072) 72%,rgba(255,214,132,.026)); --page-card-surface-tint-alt:linear-gradient(196deg,rgba(255,255,255,.024),rgba(255,255,255,.006) 30%,rgba(198,162,82,.098) 68%,rgba(144,108,36,.04)); --page-card-border:rgba(255,255,255,.074); --page-card-border-strong:rgba(217,181,104,.18); --page-card-shadow-soft:0 0.7rem 1.8rem rgba(0,0,0,.14) }
.panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.command-list,.command-detail-panel,.rich-content,.faq-card,.video-card,.price-card,.form-card,.guide-step { border:1px solid var(--page-card-border); background:var(--page-card-surface-tint-current,var(--page-card-surface-tint)),var(--page-card-surface-current,var(--page-card-surface)); backdrop-filter:blur(12px); box-shadow:var(--page-card-shadow-soft) }
.stats-grid>*,.timeline-grid>*,.review-list>*,.review-grid>*,.tool-grid>*,.search-result-grid>*,.feature-grid>*,.faq-grid>*,.video-grid>*,.pricing-grid>*,.membership-grid>*,.guide-steps>*,.support-grid>* { --page-card-surface-current:var(--page-card-surface); --page-card-surface-tint-current:var(--page-card-surface-tint) }
.stats-grid>:nth-child(even),.timeline-grid>:nth-child(even),.review-list>:nth-child(even),.review-grid>:nth-child(even),.tool-grid>:nth-child(even),.search-result-grid>:nth-child(even),.feature-grid>:nth-child(even),.faq-grid>:nth-child(even),.video-grid>:nth-child(even),.pricing-grid>:nth-child(even),.membership-grid>:nth-child(even),.guide-steps>:nth-child(even),.support-grid>:nth-child(even) { --page-card-surface-current:var(--page-card-surface-alt); --page-card-surface-tint-current:var(--page-card-surface-tint-alt) }
.price-card.is-featured { border-color:var(--page-card-border-strong); background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(160,0,0,.012)),rgba(18,13,14,0.26) }
.rich-content details { border-color:var(--page-card-border); background:var(--page-card-surface-tint-soft),rgba(22,13,16,0.24) }
.video-card__media { background:rgba(14,10,12,0.14) }
.tool-embed { border-color:var(--page-card-border); background:var(--page-card-surface-tint-soft),rgba(18,10,13,0.24); backdrop-filter:blur(14px); box-shadow:inset 0 1px rgba(255,255,255,.08),var(--page-card-shadow-soft) }
.tool-embed .b-dark,.tool-embed .card,.tool-embed .modal-content { border-color:var(--page-card-border); background:var(--page-card-surface-tint-soft),rgba(22,13,16,0.28); box-shadow:var(--page-card-shadow-soft) }
.tool-embed .dropdown-menu,.tool-embed .bg-dark,.tool-embed .input-group-text { background:var(--page-card-surface-tint-soft),rgba(18,11,14,0.2) }
.tool-embed .badge { background:rgba(53,12,12,0.05) }
body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter #jsonTeleportInput,body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter #teleportOutput { min-height:36vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger input,body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger select,body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger textarea { min-height:2.36rem; padding:0.5rem 0.72rem; font-size:0.91rem }
body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger button { min-height:2.38rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-control,body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-select,body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator input,body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator select,body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea { min-height:2.36rem; padding:0.5rem 0.72rem; font-size:0.91rem }
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .btn,body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator button { min-height:2.38rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea[id*="output"],body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator textarea[id*="json"] { min-height:34vh; font-size:0.91rem; line-height:1.43 }
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-control,body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-select,body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator input,body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator select,body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea { min-height:2.36rem; padding:0.5rem 0.72rem; font-size:0.91rem }
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .btn,body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator button { min-height:2.38rem; padding:0.44rem 0.8rem; font-size:0.9rem }
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea[id*="json"],body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator textarea[id*="output"] { min-height:36vh; font-size:0.92rem; line-height:1.44 }
body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator #traderOutput { min-height:36vh; max-height:min(62vh,42rem); overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; border:1px solid rgba(255,255,255,.08); border-radius:var(--radius-sm); background:#050505d6; color:var(--page-text) }
body.page-tool-app--weather-editor .tool-embed--weather-editor .form-control,body.page-tool-app--weather-editor .tool-embed--weather-editor .form-select,body.page-tool-app--weather-editor .tool-embed--weather-editor input,body.page-tool-app--weather-editor .tool-embed--weather-editor select,body.page-tool-app--weather-editor .tool-embed--weather-editor textarea { min-height:2.34rem; padding:0.48rem 0.7rem; font-size:0.9rem }
body.page-tool-app--weather-editor .tool-embed--weather-editor .btn,body.page-tool-app--weather-editor .tool-embed--weather-editor button { min-height:2.36rem; padding:0.44rem 0.78rem; font-size:0.89rem }
body.page-tool-app--weather-editor .tool-embed--weather-editor #weatherXmlOutput { min-height:42vh; font-size:0.91rem; line-height:1.44 }
@media (max-width:63.998rem) { body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor input,body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor select,body.page-tool-app--3d-json-editor .tool-embed--3d-json-editor textarea,body.page-tool-app--code-reducer .tool-embed--code-reducer .form-control,body.page-tool-app--code-reducer .tool-embed--code-reducer textarea,body.page-tool-app--compare-files .tool-embed--compare-files .form-control,body.page-tool-app--compare-files .tool-embed--compare-files textarea,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-control,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay .form-select,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay input,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay select,body.page-tool-app--configure-gameplay .tool-embed--configure-gameplay textarea,body.page-tool-app--economy-calculator .tool-embed--economy-calculator .form-control,body.page-tool-app--file-validator .tool-embed--file-validator .form-control,body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-control,body.page-tool-app--generate-spawnable-types .tool-embed--generate-spawnable-types .form-select,body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-control,body.page-tool-app--generate-trader-file .tool-embed--generate-trader-file .form-select,body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator input,body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator select,body.page-tool-app--json-wall-generator .tool-embed--json-wall-generator textarea,body.page-tool-app--loop-generator .tool-embed--loop-generator .control-input,body.page-tool-app--loop-generator .tool-embed--loop-generator .control-textarea,body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter input,body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter select,body.page-tool-app--mapgrouppos-filter .tool-embed--mapgrouppos-filter textarea,body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-input,body.page-tool-app--object-spawner-to-teleporter .tool-embed--object-spawner-to-teleporter .control-textarea,body.page-tool-app--rpt-debugger .tool-embed--rpt-debugger input,body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-control,body.page-tool-app--supply-drop-proxy-generator .tool-embed--supply-drop-proxy-generator .form-select,body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-control,body.page-tool-app--trader-file-generator .tool-embed--trader-file-generator .form-select,body.page-tool-app--weather-editor .tool-embed--weather-editor .form-control,body.page-tool-app--weather-editor .tool-embed--weather-editor .form-select { min-height:2.7rem; font-size:1rem; padding:0.58rem 0.82rem } }
.site-nav__auth-profile { display:inline-flex; align-items:center; gap:0.45rem; min-inline-size:0; max-inline-size:13rem }
.site-nav__auth-avatar { inline-size:1.2rem; block-size:1.2rem; border-radius:50%; object-fit:cover; flex:0 0 auto; border:1px solid rgba(255,255,255,0.18) }
.site-nav__auth-name { min-inline-size:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.site-nav__link[data-auth-state="signed-in"][aria-disabled="true"] { cursor:default }
.dayz-bg { position:fixed; inset:0; z-index:-1; pointer-events:none; overflow:hidden; background:transparent }
.dayz-bg__item { position:absolute; display:block; aspect-ratio:1/1; object-fit:contain; filter:grayscale(1) brightness(1.08) contrast(1.04); transform:translate3d(0,0,0); transition:opacity 0.22s ease; pointer-events:none }
@layer pages { body.page-tool-app .tool-stage__subheading { margin:0 0 0.65rem; color:var(--page-text); font-family:var(--font-display); font-size:clamp(1.2rem,2vw,1.8rem); letter-spacing:0.02em; line-height:1.08 } }
:root { --page-card-surface:rgba(8,9,11,0.42); --page-card-surface-strong:rgba(8,9,11,0.54); --page-card-surface-soft:rgba(8,9,11,0.32); --page-card-surface-alt:rgba(11,10,8,0.3); --page-card-surface-alt-strong:rgba(12,11,9,0.4); --page-card-surface-gradient:linear-gradient(164deg,rgba(255,255,255,0.03),rgba(255,255,255,0.008) 34%,rgba(217,181,104,0.09) 74%,rgba(255,214,132,0.032)); --page-card-surface-gradient-soft:linear-gradient(154deg,rgba(255,255,255,0.024),rgba(255,255,255,0.006) 38%,rgba(217,181,104,0.072) 72%,rgba(255,214,132,0.026)); --page-card-surface-gradient-alt:linear-gradient(196deg,rgba(255,255,255,0.024),rgba(255,255,255,0.006) 30%,rgba(198,162,82,0.098) 68%,rgba(144,108,36,0.04)); --page-card-surface-tint:var(--page-card-surface-gradient); --page-card-surface-tint-soft:var(--page-card-surface-gradient-soft); --page-card-surface-tint-alt:var(--page-card-surface-gradient-alt); --page-card-border:rgba(255,255,255,0.074); --page-card-border-strong:rgba(217,181,104,0.18); --page-card-shadow-soft:0 0.7rem 1.8rem rgba(0,0,0,0.14) }
h1 { font-size:clamp(1.28rem,2vw,1.82rem); letter-spacing:0.015em }
.page-heading { gap:0.48rem; margin-block-end:clamp(0.72rem,1.6vw,0.98rem) }
.page-lead { max-inline-size:44rem; font-size:clamp(0.82rem,0.92vw,0.9rem); line-height:1.42 }
body.page-tool-app .page-heading { gap:0.28rem; margin-block-end:0.4rem }
body.page-tool-app h1 { font-size:clamp(1.2rem,1.6vw,1.56rem) }
body.page-tool-app .page-lead { max-inline-size:38rem; font-size:clamp(0.76rem,0.78vw,0.84rem); line-height:1.36 }
.panel-card,.hero__feature-card,.feature-card,.stat-card,.timeline-card,.support-card,.review-card,.reviewer-details,.tool-card,.results-shell,.status-card,.search-result-card,.contact-module,.command-list,.command-detail-panel,.rich-content,.faq-card,.video-card,.price-card,.form-card,.guide-step { border-color:var(--page-card-border); background:var(--page-card-fill,var(--page-card-surface)); backdrop-filter:none; box-shadow:var(--page-card-shadow-soft) }
.stats-grid>*,.timeline-grid>*,.review-list>*,.review-grid>*,.tool-grid>*,.search-result-grid>*,.feature-grid>*,.faq-grid>*,.video-grid>*,.pricing-grid>*,.membership-grid>*,.guide-steps>*,.support-grid>* { --page-card-fill:var(--page-card-surface) }
.stats-grid>:nth-child(even),.timeline-grid>:nth-child(even),.review-list>:nth-child(even),.review-grid>:nth-child(even),.tool-grid>:nth-child(even),.search-result-grid>:nth-child(even),.feature-grid>:nth-child(even),.faq-grid>:nth-child(even),.video-grid>:nth-child(even),.pricing-grid>:nth-child(even),.membership-grid>:nth-child(even),.guide-steps>:nth-child(even),.support-grid>:nth-child(even) { --page-card-fill:var(--page-card-surface-tint-alt),rgba(14,12,10,0.28) }
.review-list>:nth-child(even) .reviewer-details,.review-grid>:nth-child(even) .reviewer-details { background:var(--page-card-surface-tint-alt),rgba(14,12,10,0.28) }
.price-card.is-featured,.rich-content details,.video-card__media,.dayz-search-card,.dayz-search-card__asset,.dayz-search-card__toggle { border-color:var(--page-card-border); background:var(--page-card-surface-tint-soft),rgba(11,10,9,0.36); box-shadow:var(--page-card-shadow-soft) }
.hero__copy { border-color:rgba(255,0,0,0.42); background:#27000083; border-radius:var(--radius-md) }
.tool-embed { border-color:var(--page-card-border); background:var(--page-card-surface-tint-soft),rgba(11,10,9,0.34); backdrop-filter:none; box-shadow:inset 0 1px rgba(255,255,255,0.04),var(--page-card-shadow-soft) }
.tool-embed .b-dark,.tool-embed .card,.tool-embed .modal-content { border-color:rgba(255,255,255,0.08); background:rgba(4,5,7,0.84); box-shadow:none }
.tool-embed .card .card,.tool-embed .card .b-dark,.tool-embed .b-dark .card,.tool-embed .modal-content .card { background:rgba(3,4,6,0.92); border-color:rgba(255,255,255,0.06) }
.tool-embed .dropdown-menu,.tool-embed .bg-dark,.tool-embed .input-group-text { border-color:rgba(255,255,255,0.08); background:rgba(5,6,8,0.88) }
.tool-embed .badge { background:rgba(255,255,255,0.08) }
@media (max-width:63.998rem) { .site-header { grid-template-columns:minmax(0,1fr) auto auto; overflow:visible } .site-header__brand { grid-column:1/2 } .brand-lockup { gap:0 } .brand-lockup span { display:none } .site-header__menu { display:none } .site-nav { display:flex; grid-column:2; justify-self:end; align-items:center; flex-wrap:nowrap; gap:0.3rem; min-inline-size:0; max-inline-size:none; overflow:visible; padding-block-start:0; scrollbar-width:none } .site-nav::-webkit-scrollbar { display:none } body[data-nav-open=true] .site-nav { display:flex } .site-header__actions { grid-column:3; gap:0.3rem } .site-nav__group { position:relative } .site-nav__group[open] { z-index:35 } .site-nav__menu { position:fixed; inset-block-start:var(--mobile-nav-menu-top,4.5rem); inset-inline-start:50%; inset-inline-end:auto; transform:translateX(-50%); min-inline-size:min(17rem,calc(100vw - 1rem)); max-inline-size:calc(100vw - 1rem); max-block-size:var(--mobile-nav-menu-max-height,min(78vh,26rem)); overflow:hidden; padding:0.55rem; border:1px solid var(--page-border); border-inline-start:1px solid var(--page-border); border-radius:var(--radius-md); background:linear-gradient(180deg,#121113fa,#0b0a0bfa),var(--page-surface-strong); box-shadow:var(--page-shadow); z-index:45 } .site-nav__menu--pages { inline-size:min(18rem,calc(100vw - 1rem)) } .site-nav__menu--tools { inline-size:min(24rem,calc(100vw - 1rem)) } .site-nav__menu-links--single { max-block-size:calc(var(--mobile-nav-menu-max-height,min(78vh,26rem)) - 1.1rem); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain } .site-nav__group>.site-nav__link--group,.site-nav__link--subscribe,.site-nav__link--auth:not([data-auth-state="signed-in"]),.site-header__search-toggle { position:relative; justify-content:center; inline-size:2.6rem; min-inline-size:2.6rem; min-block-size:2.6rem; padding:0; overflow:hidden; white-space:nowrap; text-indent:140%; color:transparent !important; text-shadow:none } .site-nav__group>.site-nav__link--group::after { display:none } .site-nav__group>.site-nav__link--group::before,.site-nav__link--subscribe::before,.site-nav__link--auth:not([data-auth-state="signed-in"])::before,.site-header__search-toggle::before { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--page-text-muted); font-family:"Font Awesome 6 Free"; font-weight:900; font-size:1rem; line-height:1; text-indent:0; pointer-events:none } .site-nav__group--pages>.site-nav__link--group::before { content:"\f0c9" } .site-nav__group--tools>.site-nav__link--group::before { content:"\f0ad" } .site-nav__link--subscribe::before { content:"\f004" } .site-nav__link--auth:not([data-auth-state="signed-in"])::before { content:"\f2f6" } .site-header__search-toggle::before { content:"\f002" } .site-nav__link--auth[data-auth-state="signed-in"] { justify-content:center; inline-size:2.6rem; min-inline-size:2.6rem; min-block-size:2.6rem; padding:0 } .site-nav__auth-name { display:none } .site-nav__auth-profile { justify-content:center } .site-nav__auth-avatar { inline-size:1.5rem; block-size:1.5rem } }
.site-nav__auth-slot { display:inline-flex; align-items:center; justify-content:flex-end; min-inline-size:8.5rem; min-block-size:2.45rem }
.site-header__search { min-block-size:2.7rem }
.site-search-inline { min-block-size:2.7rem }
.brand-lockup img,.tool-card img,.review-card img,.command-list img,.site-main img { height:auto }
.page-dayz-docs .dayz-doc-jump { min-block-size:6.6rem }
.page-dayz-docs .doc-card { contain:layout paint }
.site-image-viewer { margin:0; inset:0; inline-size:100vw; max-inline-size:none; block-size:100dvh; max-block-size:none; padding:.75rem; background:rgba(0,0,0,.72); overflow:hidden; box-sizing:border-box }
.site-image-viewer::backdrop { background:rgba(0,0,0,.72) }
.site-image-viewer__panel { display:grid; grid-template-rows:auto minmax(0,1fr); inline-size:min(92vw,90rem); max-inline-size:calc(100vw - 1.5rem); block-size:min(100%,calc(100dvh - 1.5rem)); max-block-size:calc(100dvh - 1.5rem); padding:0; border:1px solid var(--page-border); border-radius:var(--radius-md); background:linear-gradient(180deg,#121113fa,#0b0a0bfa),var(--page-surface-strong); box-shadow:var(--page-shadow); overflow:hidden; box-sizing:border-box }
.site-image-viewer__body { display:grid; justify-items:center; align-content:start; gap:.75rem; min-block-size:0; padding:0 1rem 1rem; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain }
.site-image-viewer__image { display:block; inline-size:auto; max-inline-size:100%; block-size:auto; max-block-size:none; object-fit:contain; object-position:top center; border-radius:.85rem }
.site-image-viewer__caption { margin:0; color:var(--page-text-soft); text-align:center }
:root { --desktop-nav-collapsed-width:3.45rem; --desktop-nav-expanded-width:17.5rem; --desktop-nav-link-size:2.22rem; --site-header-top-offset:0.45rem; --site-header-block-size:4.15rem; --desktop-nav-sticky-top:calc(var(--site-header-top-offset)+var(--site-header-block-size)+0.45rem); --site-audio-rail-width:0px; --site-audio-player-stack-height:0px }
.site-rail-stack,.site-desktop-nav { display:none }
@media (min-width:64rem) { body { --desktop-nav-column-size:var(--desktop-nav-collapsed-width); --site-rail-column-size:max(var(--desktop-nav-column-size),var(--site-audio-rail-width)); --desktop-nav-sticky-top:var(--site-header-top-offset) } body[data-desktop-nav-state="expanded"] { --desktop-nav-column-size:var(--desktop-nav-expanded-width); --site-rail-column-size:max(var(--desktop-nav-column-size),var(--site-audio-rail-width)) } .site-shell,body.page-gallery .site-shell,body.page-videos .site-shell { display:grid; grid-template-columns:var(--site-rail-column-size) minmax(0,1fr); column-gap:clamp(0.8rem,1.6vw,1.15rem); align-items:start; padding-inline-start:clamp(0.7rem,1.4vw,1rem) !important; transition:grid-template-columns var(--duration-base) var(--ease-standard),column-gap var(--duration-base) var(--ease-standard) } .site-shell>.site-header { grid-column:1/-1 } .site-shell>.site-rail-stack,.site-shell>.site-frame,.site-shell>.site-footer { min-inline-size:0 } .site-shell>.site-rail-stack { display:grid; grid-column:1; grid-row:2; position:sticky; inset-block-start:var(--desktop-nav-sticky-top); align-self:start; z-index:22 } .site-rail-stack { gap:0.6rem; inline-size:100%; min-inline-size:0; align-content:start } .site-shell>.site-frame,.site-shell>.site-footer { grid-column:2 } .site-rail-stack>.site-desktop-nav { display:block; inline-size:var(--desktop-nav-column-size); min-inline-size:0 } .site-desktop-nav__inner { display:grid; gap:0.6rem; inline-size:100%; min-inline-size:0 } .site-desktop-nav .site-header__menu { position:relative !important; inset:auto !important; inset-inline-start:auto !important; inset-block-start:auto !important; z-index:auto !important; display:inline-flex !important; align-items:center; justify-content:center; inline-size:100%; min-inline-size:0; min-block-size:2.3rem; padding:0; overflow:hidden; border-radius:999px; white-space:nowrap; text-indent:180%; font-size:0; color:transparent !important; background:linear-gradient(180deg,rgba(20,19,21,0.98),rgba(8,8,10,0.96)); box-shadow:0 0.85rem 1.85rem rgba(0,0,0,0.34); transform:none !important } .site-desktop-nav .site-header__menu::before { content:"\f0c9"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--page-text); font-family:"Font Awesome 6 Free"; font-size:0.92rem; font-weight:900; line-height:1; text-indent:0; pointer-events:none } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f00d" } .site-desktop-nav .site-nav { position:relative !important; inset:auto !important; inset-inline-start:auto !important; inset-block-start:auto !important; inset-block-end:auto !important; z-index:auto !important; display:grid !important; gap:0.5rem; align-content:start; justify-items:stretch; inline-size:100%; min-inline-size:0; max-block-size:calc(100vh - var(--desktop-nav-sticky-top) - 1rem); padding:0.45rem; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:none; border:1px solid var(--page-border); border-radius:1rem; background:linear-gradient(180deg,rgba(17,16,18,0.98),rgba(8,8,10,0.97)),var(--page-surface-strong); box-shadow:0 1rem 2.7rem rgba(0,0,0,0.34); transform:none !important } .site-desktop-nav .site-nav::-webkit-scrollbar { display:none } .site-desktop-nav .site-nav__group { display:grid; gap:0.24rem; inline-size:100%; min-inline-size:0 } .site-desktop-nav .site-nav__group summary { list-style:none } .site-desktop-nav .site-nav__link--group { display:block; min-block-size:auto; padding:0.12rem 0.3rem; border-radius:0.65rem; background:transparent !important; color:var(--page-text-soft); font-family:var(--font-display); font-size:0.72rem; letter-spacing:0.09em; text-transform:uppercase; cursor:default; transform:none !important } .site-desktop-nav .site-nav__link--group::after { display:none } .site-desktop-nav .site-nav__menu,.site-desktop-nav .site-nav__group[open] .site-nav__menu { position:static; display:grid !important; gap:0.22rem; inline-size:100%; min-inline-size:0; padding:0; border:0; background:transparent; box-shadow:none } .site-desktop-nav .site-nav__menu--tools,.site-desktop-nav .site-nav__menu--pages { inline-size:100% } .site-desktop-nav .site-nav__menu-links,.site-desktop-nav .site-nav__menu-links--single { display:grid; gap:0.22rem; inline-size:100%; min-inline-size:0; max-block-size:none; overflow:visible } .site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe { display:grid; grid-template-columns:var(--desktop-nav-link-size) minmax(0,1fr); align-items:center; gap:0.5rem; inline-size:100%; min-block-size:2.26rem; padding:0.18rem 0.22rem; border-radius:0.78rem; background:rgba(255,255,255,0.04); transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) } .site-desktop-nav .site-nav__submenu-item:hover,.site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible),.site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link.is-current),.site-desktop-nav .site-nav__link--auth:hover,.site-desktop-nav .site-nav__link--auth:focus-visible,.site-desktop-nav .site-nav__link--subscribe:hover,.site-desktop-nav .site-nav__link--subscribe:focus-visible { color:var(--page-text); background:var(--page-surface-ghost); transform:none } .site-desktop-nav .site-nav__submenu-icon { inline-size:var(--desktop-nav-link-size); block-size:var(--desktop-nav-link-size); border:1px solid rgba(255,255,255,0.06); border-radius:0.65rem; background:rgba(255,255,255,0.055); font-size:0.92rem } .site-desktop-nav .site-nav__submenu-icon i { font-size:0.92rem } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe,.site-desktop-nav .site-nav__auth-name { min-inline-size:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav { gap:0.16rem; padding:0.12rem 0; border-color:transparent; background:transparent; box-shadow:none; overflow:visible } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links--single { gap:0.16rem; justify-items:stretch } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe { display:none } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { position:relative; display:grid; grid-template-columns:1fr; justify-items:center; inline-size:100%; min-inline-size:0; min-block-size:1.82rem; padding:0; border:0; border-radius:999px; background:transparent } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link { position:absolute; inset:0; display:block; min-block-size:100%; overflow:hidden; white-space:nowrap; text-indent:-999rem } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-icon { inline-size:1.65rem; block-size:1.65rem; border-color:var(--page-border); border-radius:999px; background:linear-gradient(180deg,rgba(20,19,21,0.98),rgba(8,8,10,0.96)); box-shadow:0 0.65rem 1.35rem rgba(0,0,0,0.3) } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:hover,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible),body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link.is-current) { background:transparent } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:hover .site-nav__submenu-icon,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible) .site-nav__submenu-icon,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link.is-current) .site-nav__submenu-icon { border-color:var(--page-border-strong); background:linear-gradient(180deg,rgba(166,38,54,0.34),rgba(38,10,14,0.96)); color:var(--page-text) } }
@media (max-width:63.998rem) { .site-shell { padding-inline-start:.65rem } }
.site-header__auth { display:inline-flex; align-items:center; gap:0.5rem; min-block-size:2.45rem; padding:0 0.95rem; border:1px solid var(--page-border); border-radius:var(--radius-pill); color:var(--page-text-muted); background:#ffffff05; white-space:nowrap; transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard) }
.site-header__auth:hover,.site-header__auth:focus-visible { color:var(--page-text); border-color:var(--page-border-strong); background:#ffffff0f; transform:translateY(-1px) }
.site-header__auth[data-auth-state="signed-in"] { padding:0.15rem 0.6rem 0.15rem 0.25rem }
.site-header__auth .site-nav__auth-profile { display:inline-flex; align-items:center; gap:0.55rem; min-inline-size:0 }
.site-header__auth .site-nav__auth-avatar { inline-size:1.75rem; block-size:1.75rem; border-radius:999px; object-fit:cover }
.site-header__auth .site-nav__auth-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-inline-size:9rem }
@media (min-width:64rem) { .site-header { grid-template-columns:auto minmax(0,1fr) auto minmax(8.5rem,10.5rem) minmax(12rem,16rem) !important; padding-block:0.48rem } .site-header__brand { grid-column:1 !important } .site-nav { grid-column:2 !important; min-inline-size:0; align-self:center } .site-header__actions { display:inline-flex !important; grid-column:3 !important; justify-self:end; align-self:center; gap:0.5rem; align-items:center; min-inline-size:0 } .site-header__search { grid-column:5 !important; min-inline-size:0 } .site-header__actions .site-header__search-toggle { display:none } }
@media (max-width:63.998rem) { .site-header__auth { min-inline-size:2.6rem; padding:0 0.7rem } }
@media (min-width:64rem) { body { --desktop-nav-collapsed-width:3rem; --site-rail-anchor:1rem; --site-rail-stack-gap:0.5rem } .site-shell { grid-template-columns:minmax(0,1fr) !important; padding-inline-start:calc(var(--site-rail-anchor) + var(--site-rail-column-size) + clamp(0.7rem,1.4vw,1.2rem)) !important; column-gap:0 !important } .site-shell>.site-header,.site-shell>.site-frame,.site-shell>.site-footer { grid-column:1 !important } body { --site-audio-player-max-height:16rem } .site-shell>.site-rail-stack { position:fixed !important; inset-inline-start:var(--site-rail-anchor) !important; inset-block-start:var(--desktop-nav-sticky-top) !important; inline-size:var(--site-rail-column-size) !important; z-index:28 } .site-rail-stack>.site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; inline-size:var(--desktop-nav-column-size) !important } .site-desktop-nav__inner { grid-template-rows:minmax(0,1fr) !important } .site-desktop-nav .site-nav { block-size:auto; max-block-size:min(750px,calc(100vh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor) - var(--site-audio-player-stack-height) - var(--site-rail-stack-gap))) !important; scrollbar-gutter:auto } .site-rail-stack>.site-audio-player { position:relative !important; inset:auto !important; max-inline-size:min(22rem,calc(100vw - 1rem)) !important; min-inline-size:100px; margin:0 !important; z-index:auto !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { position:relative } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { display:block; position:absolute; inset-inline-start:calc(100%+0.5rem); inset-block-start:50%; transform:translateY(-50%) translateX(-0.35rem); padding:0.35rem 0.7rem; border:1px solid var(--page-border); border-radius:0.6rem; background:linear-gradient(180deg,rgba(18,17,19,0.98),rgba(9,9,11,0.98)),var(--page-surface-strong); color:var(--page-text); font-family:var(--font-sans); font-size:0.82rem; letter-spacing:0.02em; line-height:1.2; white-space:nowrap; box-shadow:var(--page-shadow-soft); opacity:0; pointer-events:none; transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard); z-index:60 } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:hover .site-nav__submenu-link>span:last-child,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible) .site-nav__submenu-link>span:last-child { opacity:1; transform:translateY(-50%) translateX(0) } }
@media (min-width:64rem) { html,body { max-inline-size:100%; overflow-x:clip } body { --site-rail-height:calc(100vh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor)) } @supports (height:100dvh) { body { --site-rail-height:calc(100dvh - var(--desktop-nav-sticky-top) - var(--site-rail-anchor)) } } .site-shell,.site-frame,.site-main,.site-rail-stack,.site-desktop-nav,.site-desktop-nav__inner,.site-desktop-nav .site-nav { box-sizing:border-box; min-inline-size:0; max-inline-size:100% } .site-shell>.site-rail-stack { display:grid !important; grid-template-rows:minmax(0,1fr) auto; align-content:stretch; block-size:max(0px,var(--site-rail-height)) !important; max-block-size:max(0px,var(--site-rail-height)) !important; overflow:visible !important } .site-rail-stack>.site-desktop-nav { display:grid; grid-template-rows:auto minmax(0,1fr); block-size:100%; min-block-size:0; overflow:hidden } .site-desktop-nav__inner { grid-template-rows:minmax(0,1fr); block-size:100%; min-block-size:0; overflow:hidden } .site-desktop-nav .site-nav { block-size:100% !important; max-block-size:none !important; min-block-size:0; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain; scrollbar-gutter:auto; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,0.42) transparent; padding:0.45rem 0.65rem 0.45rem 0.45rem } .site-desktop-nav .site-nav::-webkit-scrollbar { display:block; width:0.24rem; height:0.24rem } .site-desktop-nav .site-nav::-webkit-scrollbar-track { background:transparent } .site-desktop-nav .site-nav::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(255,255,255,0.42) } .site-desktop-nav .site-nav__group,.site-desktop-nav .site-nav__menu,.site-desktop-nav .site-nav__menu-links,.site-desktop-nav .site-nav__menu-links--single,.site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { box-sizing:border-box; min-inline-size:0; max-inline-size:100%; overflow-x:hidden } .site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe { min-block-size:2.7rem; align-items:start } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe,.site-desktop-nav .site-nav__auth-name { white-space:normal; line-height:1.16; overflow-wrap:normal; word-break:normal } }
@media (max-width:63.998rem) { html,body { max-inline-size:100%; overflow-x:hidden } .site-nav,.site-nav__menu,.site-nav__menu-links,.site-nav__menu-links--single,.site-nav__submenu-item,.site-nav__submenu-link { box-sizing:border-box; min-inline-size:0; max-inline-size:100%; overflow-x:hidden } .site-nav__menu-links--single { scrollbar-gutter:auto; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,0.38) transparent; padding-inline-end:0.25rem } .site-nav__menu-links--single::-webkit-scrollbar { width:0.22rem } .site-nav__menu-links--single::-webkit-scrollbar-track { background:transparent } .site-nav__menu-links--single::-webkit-scrollbar-thumb { border-radius:999px; background:rgba(255,255,255,0.38) } }
.site-search-results--inline { inline-size:min(38rem,48vw); max-inline-size:calc(100vw - 1.5rem) }
@media (max-width:63.998rem) { .site-search-results--inline { inset-inline-start:0; inset-inline-end:auto; inline-size:min(100%,calc(100vw - 1.3rem)) } }
@media (min-width:64rem) { body { --desktop-nav-collapsed-width:3.15rem; --desktop-nav-expanded-width:17.5rem; --site-rail-anchor:0.75rem; --site-rail-stack-gap:0.55rem } body[data-audio-mode="expanded"] { --desktop-nav-column-size:max(13.75rem,var(--site-audio-rail-width)); --site-rail-column-size:max(13.75rem,var(--site-audio-rail-width)) } body[data-audio-mode="sidebar"] { --desktop-nav-column-size:var(--desktop-nav-collapsed-width); --site-rail-column-size:4.2rem } .site-shell { padding-inline-start:calc(var(--site-rail-anchor) + var(--site-rail-column-size) + clamp(0.7rem,1.4vw,1.2rem)) !important } .site-header { grid-template-columns:auto minmax(1rem,1fr) auto minmax(14rem,22rem) auto !important; align-items:center !important; min-block-size:3.55rem; padding:0.45rem 0.72rem !important; gap:0.72rem !important } .site-header__brand { grid-column:1 !important; min-inline-size:0 } .brand-lockup img { inline-size:2.55rem !important; block-size:2.55rem !important } .brand-lockup strong { font-size:0.98rem !important; line-height:1.05 } .brand-lockup small { font-size:0.66rem !important; line-height:1.2 } .site-audio-dock { grid-column:3 !important; grid-row:1 !important; justify-self:end !important; align-self:center !important; inline-size:min(12.5rem,18vw) !important; max-inline-size:100% !important; min-block-size:2.2rem !important } body[data-audio-mode="header"] .site-audio-dock { display:inline-flex !important } .site-header__search { display:block !important; grid-column:4 !important; grid-row:1 !important; align-self:center !important; min-inline-size:0 !important } .site-search-inline__input { min-block-size:2.35rem !important; padding-block:0.52rem !important } .site-header__actions { grid-column:5 !important; grid-row:1 !important; justify-self:end !important; align-self:center !important; display:inline-flex !important; align-items:center !important; gap:0.45rem !important; min-inline-size:0 !important } .site-header__actions .site-header__search-toggle { display:none !important } .site-header__subscribe,.site-header__auth { display:inline-flex !important; align-items:center; justify-content:center; min-block-size:2.3rem !important; padding:0 0.78rem !important; border:1px solid var(--page-border); border-radius:var(--radius-pill); background:rgba(255,255,255,0.05); color:var(--page-text-muted); white-space:nowrap } .site-header__subscribe { border-color:rgba(255,0,10,0.38); background:rgba(160,0,0,0.18); color:#f5f5f5 } .site-header__subscribe:hover,.site-header__subscribe:focus-visible,.site-header__auth:hover,.site-header__auth:focus-visible { color:var(--page-text); border-color:var(--page-border-strong); background:rgba(255,255,255,0.1); transform:translateY(-1px) } .site-shell>.site-rail-stack { display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:var(--site-rail-stack-gap) !important; inline-size:var(--site-rail-column-size) !important; block-size:max(0px,var(--site-rail-height)) !important; max-block-size:max(0px,var(--site-rail-height)) !important; overflow:visible !important } .site-rail-stack>.site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; inline-size:100% !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { display:grid !important; grid-template-rows:minmax(0,1fr) !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important; gap:0.5rem !important } .site-desktop-nav .site-header__menu { inline-size:100% !important; min-inline-size:0 !important; min-block-size:2.35rem !important; padding:0 !important; flex:0 0 auto; font-size:0 !important; line-height:1 !important; text-indent:0 !important; color:transparent !important } .site-desktop-nav .site-header__menu::before { text-indent:0 !important; color:var(--page-text) !important } .site-desktop-nav .site-nav { display:grid !important; block-size:100% !important; min-block-size:0 !important; max-block-size:none !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; scrollbar-gutter:stable !important; padding:0.45rem 0.55rem 0.45rem 0.45rem !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav { border:1px solid var(--page-border) !important; border-radius:1rem !important; background:linear-gradient(180deg,rgba(18,17,19,0.97),rgba(9,9,11,0.96)) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-item,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe { display:grid !important; grid-template-columns:2.15rem minmax(0,1fr) !important; align-items:center !important; gap:0.55rem !important; min-block-size:2.42rem !important; padding:0.28rem 0.55rem !important; overflow:hidden !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe { display:block !important; min-inline-size:0 !important; max-inline-size:100% !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; line-height:1.16 !important; word-break:normal !important; overflow-wrap:normal !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav { border-color:transparent !important; background:transparent !important; box-shadow:none !important; padding:0.18rem 0 !important; gap:0.18rem !important; overflow-y:auto !important; overflow-x:visible !important; scrollbar-gutter:auto !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { display:none !important; opacity:0 !important; visibility:hidden !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { display:grid !important; place-items:center !important; min-block-size:1.82rem !important; padding:0 !important; overflow:visible !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon { inline-size:1.65rem !important; block-size:1.65rem !important } .site-rail-stack>.site-audio-player { position:relative !important; inset:auto !important; inline-size:100% !important; max-inline-size:min(22.5rem,calc(100vw - 1rem)) !important; margin:0 !important; z-index:auto !important } .site-rail-stack>.site-audio-player.is-expanded { min-inline-size:13.75rem !important; resize:horizontal !important; overflow:auto !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { inline-size:4.1rem !important; min-inline-size:4.1rem !important; max-inline-size:4.1rem !important; padding:0.42rem !important; resize:none !important; opacity:0.72 !important } .site-audio-player.is-sidebar-minimized .site-audio-player__marquee { display:none !important } body[data-audio-mode="header"] .site-rail-stack>.site-audio-player { display:none !important } }
@media (max-width:63.998rem) { .site-header { grid-template-columns:minmax(0,1fr) auto auto !important } .site-header__brand { grid-column:1 !important } .site-header__menu { grid-column:2 !important } .site-header__actions { grid-column:3 !important } .site-header__subscribe { display:none !important } }
@media (min-width:64rem) { .site-shell>.site-rail-stack { display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:var(--site-rail-stack-gap,0.55rem) !important; min-block-size:0 !important; overflow:visible !important } .site-rail-stack>.site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { display:grid !important; grid-template-rows:minmax(0,1fr) !important; min-block-size:0 !important; overflow:hidden !important; gap:0.5rem !important } .site-desktop-nav .site-nav { align-self:stretch !important; block-size:auto !important; min-block-size:0 !important; max-block-size:100% !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; scrollbar-gutter:stable !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-item,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe { grid-template-columns:2.12rem minmax(0,1fr) !important; align-items:center !important; min-block-size:2.5rem !important; block-size:auto !important; padding:0.3rem 0.5rem !important; line-height:1.16 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-nav__link--subscribe { display:block !important; min-inline-size:0 !important; max-inline-size:100% !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; overflow-wrap:normal !important } .site-rail-stack>.site-audio-player { grid-row:2 !important; max-block-size:min(19rem,45dvh) !important; overflow:auto !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { overflow:hidden !important } }
body.page-gallery .site-main { display:grid; gap:1rem }
body.page-gallery .gallery-page,body.page-gallery .gallery-layout,body.page-gallery .gallery-preview-panel,body.page-gallery .gallery-rail-panel { min-inline-size:0 }
body.page-gallery .gallery-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(21rem,24rem); gap:1rem; align-items:start }
body.page-gallery .gallery-preview-panel,body.page-gallery .gallery-rail-panel { border:1px solid var(--page-card-border,rgba(255,255,255,.08)); border-radius:1rem; background:var(--page-card-surface-tint,linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))),var(--page-card-surface,rgba(14,12,13,.92)); box-shadow:var(--page-card-shadow-soft,0 .85rem 2.4rem rgba(0,0,0,.18)) }
body.page-gallery .gallery-preview-panel { display:grid; gap:0.85rem; padding:0.85rem }
body.page-gallery .gallery-selected-head { display:grid; gap:0.3rem }
body.page-gallery .gallery-selected-head h2 { margin:0; font-size:clamp(1.05rem,1.7vw,1.45rem); line-height:1.15 }
body.page-gallery .gallery-selected-head p:not(.section-eyebrow) { margin:0; color:var(--page-text-muted,#d7d7d7); line-height:1.5 }
body.page-gallery .gallery-selected-figure { display:grid; place-items:center; inline-size:100%; min-block-size:18rem; max-block-size:min(68dvh,calc(100dvh - 15rem)); border:1px solid rgba(255,255,255,.08); border-radius:1rem; background:#020202; overflow:hidden }
body.page-gallery .gallery-selected-image { display:block; inline-size:auto; max-inline-size:100%; block-size:auto; max-block-size:min(68dvh,calc(100dvh - 15rem)); object-fit:contain }
body.page-gallery .gallery-selected-details { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:0.42rem 0.75rem; margin:0; padding:0.8rem; border:1px solid rgba(255,255,255,.06); border-radius:0.9rem; background:rgba(0,0,0,.24) }
body.page-gallery .gallery-selected-details dt { color:#ff000a; font-weight:700 }
body.page-gallery .gallery-selected-details dd { min-inline-size:0; margin:0; color:var(--page-text-muted,#d8d8d8); overflow-wrap:anywhere }
body.page-gallery .gallery-selected-actions { display:flex; flex-wrap:wrap; gap:0.55rem }
body.page-gallery .gallery-rail-panel { position:sticky; inset-block-start:calc(var(--desktop-nav-sticky-top,4.8rem)+.3rem); display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:0.85rem; block-size:calc(100dvh - var(--desktop-nav-sticky-top,4.8rem) - 1rem); max-block-size:calc(100dvh - var(--desktop-nav-sticky-top,4.8rem) - 1rem); padding:0.85rem; overflow:hidden }
body.page-gallery .gallery-rail-head,body.page-gallery .gallery-controls,body.page-gallery .gallery-search { display:grid; gap:0.75rem }
body.page-gallery .gallery-search label { font-size:0.74rem; text-transform:uppercase; letter-spacing:0.08em; color:#bbbbbb }
body.page-gallery .gallery-search input { inline-size:100%; min-inline-size:0; padding:0.7rem 0.82rem; border:1px solid rgba(255,255,255,.08); border-radius:0.85rem; background:rgba(10,10,12,.82); color:#f3f3f3 }
body.page-gallery .gallery-search p,body.page-gallery .gallery-results-meta { margin:0; color:#bdbdbd; font-size:0.8rem }
body.page-gallery .gallery-filter-row { display:flex; flex-wrap:wrap; gap:0.45rem; max-block-size:8.4rem; overflow:auto; padding-inline-end:0.2rem }
body.page-gallery .gallery-filter { display:inline-flex; align-items:center; gap:0.45rem; min-block-size:1.9rem; padding:0.3rem 0.62rem; border:1px solid rgba(255,255,255,.08); border-radius:999px; background:rgba(255,255,255,.05); color:#efefef; cursor:pointer }
body.page-gallery .gallery-filter[aria-pressed="true"] { border-color:rgba(255,0,10,.7); background:rgba(255,0,10,.82); color:#fff }
body.page-gallery .gallery-filter strong { color:inherit; font-size:0.72rem }
body.page-gallery .gallery-thumb-list { display:grid; gap:0.7rem; min-block-size:0; overflow-y:auto; overflow-x:hidden; padding-inline-end:0.2rem; scrollbar-width:thin }
body.page-gallery .gallery-thumb-list::-webkit-scrollbar,body.page-gallery .gallery-filter-row::-webkit-scrollbar { width:0.45rem; height:0.45rem }
body.page-gallery .gallery-thumb-list::-webkit-scrollbar-track,body.page-gallery .gallery-filter-row::-webkit-scrollbar-track { background:transparent }
body.page-gallery .gallery-thumb-list::-webkit-scrollbar-thumb,body.page-gallery .gallery-filter-row::-webkit-scrollbar-thumb { border:0.12rem solid transparent; border-radius:999px; background:rgba(255,255,255,.28); background-clip:padding-box }
body.page-gallery .gallery-thumb-card { display:grid; grid-template-columns:minmax(6.8rem,8.4rem) minmax(0,1fr); gap:0.7rem; align-items:center; padding:0.22rem; border:1px solid transparent; border-radius:0.9rem; background:transparent; color:inherit; text-align:left; cursor:pointer }
body.page-gallery .gallery-thumb-card:hover,body.page-gallery .gallery-thumb-card:focus-visible { outline:none; border-color:rgba(255,255,255,.1); background:rgba(255,255,255,.045) }
body.page-gallery .gallery-thumb-card.is-active { border-color:rgba(255,0,10,.55); background:rgba(255,255,255,.055) }
body.page-gallery .gallery-thumb-media { display:grid; place-items:center; aspect-ratio:16/9; border:1px solid rgba(255,255,255,.06); border-radius:0.8rem; background:#050505; overflow:hidden }
body.page-gallery .gallery-thumb-media img { display:block; max-inline-size:100%; max-block-size:100%; object-fit:contain }
body.page-gallery .gallery-thumb-body { display:grid; gap:0.25rem; min-inline-size:0 }
body.page-gallery .gallery-thumb-title { color:#fff; font-size:0.9rem; line-height:1.2 }
body.page-gallery .gallery-thumb-category,body.page-gallery .gallery-thumb-path { min-inline-size:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#cfcfcf; font-size:0.72rem }
body.page-gallery .gallery-thumb-category { color:#ff3b3f }
body.page-gallery .gallery-empty { display:none; margin:0; padding:0.75rem; border:1px dashed rgba(255,255,255,.12); border-radius:0.85rem; color:#d7d7d7 }
body.page-gallery .gallery-empty.is-visible { display:block }
.page-dayz-docs .dayz-doc-jumps { display:none !important }
.page-dayz-docs .wiki-select-controls,.page-dayz-docs .wiki-file-select-shell { display:grid; gap:0.75rem }
.page-dayz-docs .wiki-select-field { display:grid; gap:0.35rem }
.page-dayz-docs .wiki-select-field span { color:var(--page-text-soft); font-size:0.74rem; text-transform:uppercase; letter-spacing:0.08em }
.page-dayz-docs .wiki-select-field select { inline-size:100%; min-block-size:2.65rem; padding:0.65rem 0.8rem; border:1px solid rgba(255,255,255,.09); border-radius:0.85rem; background:#090b0fcc; color:var(--page-text) }
.page-dayz-docs .wiki-category-tabs[data-enhanced-hidden="true"],.page-dayz-docs .wiki-file-tab-list[data-enhanced-hidden="true"] { display:none !important }
@media (max-width:74rem) { body.page-gallery .gallery-layout { grid-template-columns:1fr } body.page-gallery .gallery-rail-panel { position:static; block-size:auto; max-block-size:none; overflow:visible } body.page-gallery .gallery-thumb-list { max-block-size:34rem } }
@media (max-width:42rem) { body.page-gallery .gallery-thumb-card { grid-template-columns:1fr } body.page-gallery .gallery-selected-details { grid-template-columns:1fr } }
.page-breadcrumbs { display:block; margin:0 0 1rem; color:var(--page-text-soft,#c8c8c8); font-size:0.9rem }
.page-breadcrumbs ol { display:flex; flex-wrap:wrap; align-items:center; gap:0.45rem; margin:0; padding:0; list-style:none }
.page-breadcrumbs li { display:inline-flex; align-items:center; gap:0.45rem; margin:0; padding:0 }
.page-breadcrumbs li+li::before { content:"/"; color:rgba(255,255,255,0.42) }
.page-breadcrumbs a,.page-breadcrumbs span { color:inherit; text-decoration:none }
.page-breadcrumbs a:hover,.page-breadcrumbs a:focus-visible { color:#fff; text-decoration:underline }
@media (min-width:64rem) { body { --layout-header-top:0.5rem; --layout-rail-left:clamp(0.55rem,1vw,1rem); --layout-footer-height:2.25rem; --layout-footer-gap:0.95rem; --layout-rail-gap:clamp(0.8rem,1.25vw,1.2rem); --layout-rail-collapsed-width:3rem; --layout-rail-expanded-width:15rem; --layout-rail-width:var(--layout-rail-collapsed-width); --layout-rail-top:calc(var(--layout-header-top)+var(--site-header-block-size,3.45rem)+0.55rem); --layout-rail-bottom:calc(var(--layout-footer-height)+var(--layout-footer-gap)); --desktop-nav-link-size:2.32rem; --desktop-nav-sticky-top:var(--layout-rail-top); --site-rail-column-size:var(--layout-rail-width); --desktop-nav-column-size:var(--layout-rail-width) } body[data-desktop-nav-state="expanded"] { --layout-rail-width:var(--layout-rail-expanded-width); --site-rail-column-size:var(--layout-rail-expanded-width); --desktop-nav-column-size:var(--layout-rail-expanded-width) } .site-shell { inline-size:min(100%,1508px) !important; max-inline-size:none !important; margin-inline:auto !important; padding-block:var(--layout-header-top) calc(var(--layout-footer-height)+0.85rem) !important; padding-inline-end:clamp(0.9rem,1.25vw,1.15rem) !important; padding-inline-start:var(--layout-rail-left) !important; display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:0.8rem !important; transition:none } .site-shell>.site-frame { padding-inline-start:calc(var(--layout-rail-width)+var(--layout-rail-gap)) !important; transition:padding-inline-start 0.18s ease } .site-shell>.site-header,.site-shell>.site-frame,.site-shell>.site-footer { grid-column:1 !important } .site-shell>.site-header { position:sticky !important; inset-block-start:var(--layout-header-top) !important; z-index:55 !important; display:grid !important; grid-template-columns:minmax(12rem,18rem) minmax(18rem,1fr) auto auto !important; align-items:center !important; gap:0.72rem !important; min-block-size:3.45rem !important; margin:0 !important; padding:0.48rem 0.74rem !important; border:1px solid rgba(255,0,10,0.17) !important; border-radius:1.25rem !important; background:linear-gradient(180deg,rgba(18,18,20,0.98),rgba(8,8,10,0.96)) !important; box-shadow:0 1.25rem 3rem rgba(0,0,0,0.32) !important; overflow:visible !important } .site-header__brand { grid-column:1 !important; min-inline-size:0 !important } .brand-lockup img { inline-size:2.45rem !important; block-size:2.45rem !important } .brand-lockup strong { font-size:1.02rem !important; line-height:1 !important } .brand-lockup small { font-size:0.68rem !important; line-height:1 !important } .site-header>.site-header__menu,.site-header>.site-nav { display:none !important } .site-header__search { display:block !important; grid-column:2 !important; min-inline-size:0 !important } .site-search-inline__input { min-block-size:2.42rem !important; padding:0.55rem 0.85rem !important } .site-header__actions { display:inline-flex !important; grid-column:4 !important; justify-self:end !important; align-items:center !important; gap:0.5rem !important; min-inline-size:max-content !important } .site-header__actions .site-header__search-toggle { display:none !important } .site-header__subscribe,.site-header__auth { min-block-size:2.22rem !important; padding-inline:0.78rem !important } .site-audio-dock { grid-column:3 !important; inline-size:min(11.25rem,15vw) !important; max-inline-size:11.25rem !important; min-inline-size:2.45rem !important; min-block-size:2.32rem !important; align-self:center !important; justify-self:end !important } body[data-audio-mode="sidebar"] .site-audio-dock { display:none !important } body[data-audio-mode="header"] .site-audio-dock { display:inline-flex !important } .site-shell>.site-rail-stack { position:fixed !important; inset-inline-start:var(--layout-rail-left) !important; inset-block-start:var(--layout-rail-top) !important; inset-block-end:var(--layout-rail-bottom) !important; inline-size:var(--layout-rail-width) !important; display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:0.62rem !important; z-index:49 !important; min-block-size:0 !important; overflow:visible !important; transition:inline-size 0.18s ease } .site-rail-stack>.site-desktop-nav,.site-desktop-nav__inner { inline-size:100% !important; min-inline-size:0 !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { display:grid !important; grid-template-rows:minmax(0,1fr) !important; gap:0.48rem !important } .site-desktop-nav .site-header__menu { display:grid !important; place-items:center !important; inline-size:2.42rem !important; block-size:2.42rem !important; min-inline-size:2.42rem !important; min-block-size:2.42rem !important; margin:0 auto !important; padding:0 !important; border-radius:999px !important; font-size:0 !important; line-height:0 !important; color:var(--page-text,#f4f4f4) !important } .site-desktop-nav .site-header__menu::before { content:"\f0c9"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:0.96rem; line-height:1 } body[data-desktop-nav-state="expanded"] .site-desktop-nav__inner { grid-template-rows:minmax(0,1fr) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { display:block !important; inline-size:100% !important; block-size:auto !important; min-inline-size:0 !important; min-block-size:0 !important; margin:0 !important; padding:0.1rem 0.38rem 0.06rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:var(--page-text-soft,#a9a9a9) !important; font-size:0 !important; line-height:1 !important; text-align:left !important; transform:none !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important } .site-desktop-nav .site-nav { position:static !important; display:grid !important; align-content:start !important; gap:0.3rem !important; inline-size:100% !important; min-block-size:0 !important; max-block-size:none !important; padding:0.44rem !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; scrollbar-gutter:stable !important; border:1px solid rgba(255,255,255,0.08) !important; border-radius:1rem !important; background:linear-gradient(180deg,rgba(17,16,18,0.95),rgba(7,7,9,0.94)) !important; box-shadow:0 1rem 2.4rem rgba(0,0,0,0.34) !important; transform:none !important } .site-desktop-nav .site-nav__group,.site-desktop-nav .site-nav__menu,.site-desktop-nav .site-nav__menu-links,.site-desktop-nav .site-nav__menu-links--single { display:grid !important; inline-size:100% !important; min-inline-size:0 !important; max-block-size:none !important; gap:0.24rem !important; padding:0 !important; overflow:visible !important } .site-desktop-nav .site-nav__link--group { display:block !important; min-block-size:0 !important; padding:0.14rem 0.3rem 0.08rem !important; border-radius:0 !important; background:transparent !important; color:var(--page-text-soft,#a9a9a9) !important; font-family:var(--font-display,system-ui) !important; font-size:0.68rem !important; line-height:1 !important; letter-spacing:0.1em !important; text-transform:uppercase !important; pointer-events:none !important; transform:none !important } .site-desktop-nav .site-nav__link--group::after { display:none !important } .site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe { display:grid !important; grid-template-columns:2.16rem minmax(0,1fr) !important; align-items:center !important; gap:0.52rem !important; inline-size:100% !important; min-inline-size:0 !important; min-block-size:2.48rem !important; block-size:auto !important; padding:0.26rem 0.48rem !important; border:0 !important; border-radius:0.78rem !important; background:rgba(255,255,255,0.045) !important; color:var(--page-text-muted,#d9d9d9) !important; overflow:hidden !important; transform:none !important } .site-desktop-nav .site-nav__submenu-item:hover,.site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link:focus-visible),.site-desktop-nav .site-nav__submenu-item:has(.site-nav__submenu-link.is-current),.site-desktop-nav .site-nav__link--subscribe:hover,.site-desktop-nav .site-nav__link--subscribe:focus-visible { color:#fff !important; background:rgba(255,255,255,0.09) !important } .site-desktop-nav .site-nav__submenu-icon { display:inline-grid !important; place-items:center !important; inline-size:2.1rem !important; block-size:2.1rem !important; border:1px solid rgba(255,255,255,0.07) !important; border-radius:0.68rem !important; background:rgba(255,255,255,0.055) !important; color:var(--page-accent-strong,#ff000a) !important; font-size:0.92rem !important; flex:0 0 auto !important } .site-desktop-nav .site-nav__submenu-icon i,.site-desktop-nav .site-nav__submenu-icon svg { inline-size:1rem !important; block-size:1rem !important; font-size:0.92rem !important } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe,.site-desktop-nav .site-nav__auth-name { min-inline-size:0 !important; max-inline-size:100% !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; overflow-wrap:normal !important; line-height:1.16 !important; font-size:0.87rem !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav { gap:0.2rem !important; padding:0.05rem 0 !important; border-color:transparent !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; overflow-y:auto !important; overflow-x:hidden !important; scrollbar-width:none !important; scrollbar-gutter:auto !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav::-webkit-scrollbar { display:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__menu-links--single { gap:0.18rem !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { display:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { grid-template-columns:1fr !important; place-items:center !important; min-block-size:1.82rem !important; padding:0 !important; border-radius:999px !important; background:transparent !important; overflow:visible !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon { inline-size:1.65rem !important; block-size:1.65rem !important; border-radius:999px !important; border-color:rgba(255,0,10,0.26) !important; background:linear-gradient(180deg,rgba(18,18,20,0.97),rgba(7,7,9,0.96)) !important } .site-rail-stack>.site-audio-player { position:static !important; inset:auto !important; grid-row:2 !important; inline-size:100% !important; min-inline-size:0 !important; max-inline-size:100% !important; max-block-size:min(19rem,42dvh) !important; margin:0 !important; resize:none !important; overflow:auto !important; z-index:auto !important; opacity:1 !important } .site-audio-player.is-expanded .site-audio-player__collapsed,.site-audio-player.is-header-docked,body[data-audio-mode="header"] .site-rail-stack>.site-audio-player { display:none !important } .site-audio-player.is-expanded .site-audio-player__header,.site-audio-player.is-expanded .site-audio-player__body { display:grid !important } .site-audio-player.is-sidebar-minimized { inline-size:100% !important; min-inline-size:0 !important; max-inline-size:100% !important; padding:0.28rem !important; border:1px solid rgba(255,255,255,0.1) !important; border-radius:0.72rem !important; background:linear-gradient(180deg,rgba(17,18,19,0.96),rgba(7,8,9,0.94)) !important; box-shadow:0 1rem 2rem rgba(0,0,0,0.3) !important; overflow:hidden !important } .site-audio-player.is-sidebar-minimized .site-audio-player__header,.site-audio-player.is-sidebar-minimized .site-audio-player__body { display:none !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed { display:grid !important; gap:0.34rem !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed button { inline-size:100% !important; min-inline-size:0 !important; min-block-size:2.12rem !important; padding:0 !important; border-radius:0.42rem !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed .site-audio-player__marquee { display:none !important } .site-audio-player.is-expanded { padding:0.64rem !important } .site-audio-player.is-expanded .site-audio-player__header { grid-template-columns:minmax(0,1fr) auto !important; gap:0.5rem !important } .site-audio-player.is-expanded .site-audio-player__header-actions { gap:0.45rem !important } .site-audio-player.is-expanded .site-audio-player__toggle,.site-audio-player.is-expanded .site-audio-player__collapse { min-block-size:2.1rem !important; padding-inline:0.65rem !important } .site-audio-player audio { inline-size:100% !important } .site-audio-player__controls { flex-wrap:wrap !important } .site-footer { position:fixed !important; inset-inline:0 !important; inset-block-end:0 !important; z-index:44 !important; min-block-size:var(--layout-footer-height) !important; padding-block:0.35rem !important; padding-inline:calc(var(--layout-rail-left) + var(--layout-rail-width) + var(--layout-rail-gap)) 1rem !important; margin:0 !important; border-block-start:1px solid rgba(255,255,255,0.06) !important; background:linear-gradient(180deg,rgba(8,8,9,0.28),rgba(0,0,0,0.94)) !important; backdrop-filter:blur(12px) !important } .site-footer__lead,.site-footer__links { min-block-size:1.35rem !important } }
@media (max-width:63.998rem) { body { --layout-footer-height:2.35rem } .site-shell { inline-size:100% !important; padding:0.25rem 0.72rem calc(var(--layout-footer-height)+0.7rem) !important } .site-header { position:sticky !important; inset-block-start:0.25rem !important; z-index:55 !important; display:grid !important; grid-template-columns:minmax(0,1fr) auto auto auto !important; align-items:center !important; gap:0.44rem !important; min-block-size:3.4rem !important; padding:0.45rem 0.55rem !important; margin:0 0 0.72rem !important; border-radius:1.2rem !important; overflow:visible !important } .site-header__brand { grid-column:1 !important; min-inline-size:0 !important } .brand-lockup { gap:0.45rem !important } .brand-lockup img { inline-size:2.4rem !important; block-size:2.4rem !important } .brand-lockup span { display:none !important } .site-header__menu { grid-column:2 !important; min-inline-size:2.25rem !important; min-block-size:2.25rem !important; padding:0 !important; font-size:0 !important; border-radius:999px !important } .site-header__menu::before { content:"\f0c9"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:0.92rem } .site-header__search { display:none !important } .site-header__actions { grid-column:4 !important; display:inline-flex !important; align-items:center !important; gap:0.4rem !important } .site-header__subscribe,.site-header__auth { display:none !important } .site-header__actions .site-header__search-toggle { display:inline-flex !important; min-inline-size:2.25rem !important; min-block-size:2.25rem !important; padding:0 !important; font-size:0 !important; border-radius:999px !important } .site-header__actions .site-header__search-toggle::before { content:"\f002"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:0.9rem } body[data-audio-mode="header"] .site-header { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto !important } body[data-audio-mode="header"] .site-audio-dock { display:inline-flex !important; grid-column:3 !important; justify-self:stretch !important; align-self:stretch !important; inline-size:auto !important; min-inline-size:0 !important; min-block-size:2.25rem !important; padding:0 0.55rem !important; gap:0.4rem !important } body[data-audio-mode="header"] .site-audio-dock__info { display:flex !important; flex-direction:column !important; min-inline-size:0 !important; overflow:hidden !important } .site-audio-player { inset-inline-start:0.55rem !important; inset-block-end:calc(var(--layout-footer-height)+0.72rem) !important; inline-size:min(13rem,calc(100vw - 1.1rem)) !important; resize:none !important } .site-audio-player.is-sidebar-minimized { inset-inline-start:auto !important; inset-inline-end:0 !important; inset-block-end:calc(var(--layout-footer-height,3rem)+0.75rem) !important; inline-size:auto !important; min-inline-size:0 !important; padding:0.45rem !important; border-radius:0.75rem 0 0 0.75rem !important; z-index:54 !important } .site-footer { position:fixed !important; inset-inline:0 !important; inset-block-end:0 !important; z-index:44 !important; min-block-size:var(--layout-footer-height) !important; padding:0.38rem 0.58rem !important; margin:0 !important; background:linear-gradient(180deg,rgba(8,8,9,0.4),rgba(0,0,0,0.94)) !important; backdrop-filter:blur(12px) !important } }
body.page-gallery .site-main--gallery { border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; padding:0 !important }
body.page-gallery .gallery-page,body.page-gallery .gallery-layout,body.page-gallery .gallery-watch-panel,body.page-gallery .gallery-rail-panel { min-inline-size:0 }
body.page-gallery .gallery-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(22rem,27rem); gap:1rem; align-items:start }
body.page-gallery .gallery-watch-panel,body.page-gallery .gallery-rail-panel { border:1px solid rgba(255,255,255,0.08); border-radius:1rem; background:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.025)),rgba(9,9,10,0.78); box-shadow:0 1rem 2.5rem rgba(0,0,0,0.24) }
body.page-gallery .gallery-watch-panel { display:grid; gap:0.82rem; padding:0.9rem }
body.page-gallery .gallery-watch-panel h1 { margin:0; font-size:clamp(1.22rem,2.2vw,1.85rem); line-height:1.05 }
body.page-gallery .gallery-lead { margin:0; color:var(--page-text-muted,#d8d8d8); line-height:1.48 }
body.page-gallery .gallery-image-shell { display:grid; margin:0; inline-size:100%; min-block-size:22rem; max-block-size:min(68dvh,calc(100dvh - 14rem)); border:1px solid rgba(255,255,255,0.08); border-radius:0.95rem; background:#000; overflow:hidden }
body.page-gallery .gallery-image-button { display:grid; place-items:center; inline-size:100%; block-size:100%; min-block-size:inherit; padding:0; border:0; background:#000; color:inherit; cursor:zoom-in }
body.page-gallery .gallery-image-button img { display:block; max-inline-size:100%; max-block-size:min(68dvh,calc(100dvh - 14rem)); inline-size:auto; block-size:auto; object-fit:contain }
body.page-gallery .gallery-meta { display:flex; flex-wrap:wrap; gap:0.45rem }
body.page-gallery .gallery-pill { display:inline-flex; align-items:center; min-block-size:1.75rem; padding:0.28rem 0.58rem; border:1px solid rgba(255,255,255,0.08); border-radius:999px; background:rgba(255,255,255,0.055); color:#e6e6e6; font-size:0.8rem }
body.page-gallery .gallery-details { display:grid; gap:0.42rem }
body.page-gallery .gallery-detail-row { display:grid; grid-template-columns:5rem minmax(0,1fr); gap:0.65rem; padding:0.55rem 0.65rem; border:1px solid rgba(255,255,255,0.06); border-radius:0.75rem; background:rgba(0,0,0,0.25) }
body.page-gallery .gallery-detail-row strong { color:#ff000a }
body.page-gallery .gallery-detail-row span { min-inline-size:0; overflow-wrap:anywhere; color:#d7d7d7 }
body.page-gallery .gallery-rail-panel { position:sticky; inset-block-start:calc(var(--site-header-block-size,4rem)+1.1rem); display:grid; grid-template-rows:auto auto minmax(0,1fr); gap:0.78rem; block-size:calc(100dvh - var(--site-header-block-size,4rem) - 3.8rem); max-block-size:calc(100dvh - var(--site-header-block-size,4rem) - 3.8rem); padding:0.85rem; overflow:hidden }
body.page-gallery .gallery-rail-head,body.page-gallery .gallery-search-field { display:grid; gap:0.65rem }
body.page-gallery .gallery-search-field span { color:#bdbdbd; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase }
body.page-gallery .gallery-search-field input { inline-size:100%; min-inline-size:0; min-block-size:2.65rem; padding:0.7rem 0.82rem; border:1px solid rgba(255,255,255,0.09); border-radius:0.9rem; background:rgba(8,8,10,0.86); color:#f3f3f3 }
body.page-gallery .gallery-chip-grid { display:flex; flex-wrap:wrap; gap:0.42rem; max-block-size:7.6rem; overflow:auto; padding-inline-end:0.2rem }
body.page-gallery .gallery-chip { display:inline-flex; align-items:center; gap:0.35rem; min-block-size:1.85rem; padding:0.28rem 0.55rem; border:1px solid rgba(255,255,255,0.09); border-radius:999px; background:rgba(255,255,255,0.055); color:#efefef; cursor:pointer }
body.page-gallery .gallery-chip.is-active,body.page-gallery .gallery-chip[aria-pressed="true"] { border-color:rgba(255,0,10,0.72); background:rgba(255,0,10,0.86); color:#fff }
body.page-gallery .gallery-chip span { color:inherit; opacity:0.78 }
body.page-gallery .gallery-results-meta { color:#bfbfbf; font-size:0.82rem }
body.page-gallery .gallery-rail-list { display:grid; gap:0.72rem; min-block-size:0; overflow-y:auto; overflow-x:hidden; padding-inline-end:0.22rem; scrollbar-width:thin }
body.page-gallery .gallery-rail-item { display:grid; grid-template-columns:minmax(7.2rem,9.1rem) minmax(0,1fr); gap:0.7rem; align-items:center; inline-size:100%; padding:0.22rem; border:1px solid transparent; border-radius:0.9rem; background:transparent; color:inherit; text-align:left; cursor:pointer }
body.page-gallery .gallery-rail-item:hover,body.page-gallery .gallery-rail-item:focus-visible,body.page-gallery .gallery-rail-item.is-selected { outline:none; border-color:rgba(255,0,10,0.42); background:rgba(255,255,255,0.06) }
body.page-gallery .gallery-thumb { display:grid; place-items:center; aspect-ratio:16/9; border:1px solid rgba(255,255,255,0.07); border-radius:0.76rem; background:#030303; overflow:hidden }
body.page-gallery .gallery-thumb img { display:block; max-inline-size:100%; max-block-size:100%; object-fit:contain }
body.page-gallery .gallery-rail-copy { display:grid; gap:0.25rem; min-inline-size:0 }
body.page-gallery .gallery-rail-copy strong { color:#f2f2f2; line-height:1.1 }
body.page-gallery .gallery-rail-copy em,body.page-gallery .gallery-rail-copy small { min-inline-size:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#cfcfcf; font-style:normal; font-size:0.74rem }
body.page-gallery .gallery-rail-copy em { color:#ff353a }
body.page-gallery .gallery-empty { margin:0; padding:0.75rem; border:1px dashed rgba(255,255,255,0.13); border-radius:0.85rem; color:#d7d7d7 }
@media (max-width:72rem) { body.page-gallery .gallery-layout { grid-template-columns:minmax(0,1fr) } body.page-gallery .gallery-rail-panel { position:static; block-size:auto; max-block-size:none } body.page-gallery .gallery-rail-list { max-block-size:28rem } }
@media (min-width:64rem) { body { --layout-footer-gap:1.15rem !important; --layout-rail-bottom:calc(var(--layout-footer-height,2.25rem)+var(--layout-footer-gap,1.15rem)) !important } .site-shell { padding-block-end:calc(var(--layout-footer-height,2.25rem) + var(--layout-footer-gap,1.15rem) + 0.85rem) !important } .site-shell>.site-rail-stack { inset-block-end:var(--layout-rail-bottom) !important; z-index:58 !important } .site-rail-stack>.site-audio-player { margin-block-end:0 !important; max-block-size:min(18rem,34dvh) !important } .site-footer { z-index:44 !important; min-block-size:var(--layout-footer-height,2.25rem) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { position:static !important; display:block !important; inline-size:100% !important; block-size:auto !important; min-inline-size:0 !important; min-block-size:0 !important; margin:0 !important; padding:0.08rem 0.38rem 0.02rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; outline:0 !important; transform:none !important; color:var(--page-text-soft,#aaa) !important; text-align:left !important; pointer-events:auto !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:hover,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:focus-visible,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu[aria-expanded="true"] { border:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important } }
body.page-home .site-frame { align-items:start }
body.page-home .page-home__wide-sections,body.page-home #features,body.page-home #setup-visual-guides,body.page-home #setup-instructions { grid-column:1/-1 }
body.page-home .home-guides__grid { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr)) !important; gap:1rem !important }
body.page-home .home-guide-card { display:block !important; min-inline-size:0 !important; padding:0 !important; overflow:hidden !important }
body.page-home .home-guide-card__media { display:grid !important; gap:0.85rem !important; align-items:start !important; justify-content:stretch !important; padding:0.95rem !important }
body.page-home .home-guide-card__image-link { display:grid !important; place-items:center !important; inline-size:100% !important; min-block-size:10rem !important }
body.page-home .home-guide-card__caption { display:grid !important; gap:0.48rem !important; min-inline-size:0 !important }
body.page-home .home-guide-card__caption h3,body.page-home .home-guide-card__caption p { margin:0 !important; writing-mode:horizontal-tb !important; text-orientation:mixed !important; overflow-wrap:normal !important; word-break:normal !important }
body.page-home .home-guide-card__caption h3 { color:#f4f4f4 !important; font-size:1rem !important; line-height:1.25 !important }
body.page-home .home-guide-card__caption p { color:#d7d7d7 !important; line-height:1.5 !important }
.page-dayz-docs .dayz-doc-jumps,.page-dayz-docs .wiki-stats,.page-dayz-docs .wiki-category-tabs,.page-dayz-docs .wiki-select-controls,.page-dayz-docs .wiki-file-select-shell,.page-dayz-docs .wiki-topic-toggle { display:none !important }
.page-dayz-docs .dayz-wiki-section>header { display:none !important }
.page-dayz-docs .wiki-tab-layout { grid-template-columns:minmax(15rem,18rem) minmax(0,1fr) !important; align-items:start !important }
.page-dayz-docs .wiki-file-tabs { position:sticky !important; top:calc(var(--site-header-block-size,4rem) + 1rem) !important; display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; max-height:calc(100dvh - var(--site-header-block-size,4rem) - var(--layout-footer-height,2.25rem) - 3rem) !important; overflow:hidden !important }
.page-dayz-docs .wiki-file-tab-list { min-block-size:0 !important; overflow-y:auto !important; overflow-x:hidden !important; padding-inline-end:0.25rem !important; scrollbar-width:thin !important }
.page-dayz-docs .wiki-topic-card { display:block !important }
.page-dayz-docs .wiki-topic-summary { cursor:default !important }
@media (max-width:72rem) { .page-dayz-docs .wiki-tab-layout { grid-template-columns:1fr !important } .page-dayz-docs .wiki-file-tabs { position:static !important; max-height:24rem !important } }
body.page-gallery .gallery-details { display:none !important }
body.page-gallery .gallery-layout { grid-template-columns:minmax(0,1fr) minmax(18rem,24rem) !important }
body.page-gallery .gallery-rail-panel { grid-template-rows:auto minmax(0,1fr) !important }
body.page-gallery .gallery-rail-list { gap:0.42rem !important }
body.page-gallery .gallery-rail-item { grid-template-columns:4rem minmax(0,1fr) !important; min-block-size:4.4rem !important; gap:0.62rem !important; padding:0.24rem !important }
body.page-gallery .gallery-thumb { inline-size:4rem !important; block-size:4rem !important; max-inline-size:4rem !important; max-block-size:4rem !important; aspect-ratio:auto !important }
body.page-gallery .gallery-thumb img { max-inline-size:4rem !important; max-block-size:4rem !important; inline-size:auto !important; block-size:auto !important; object-fit:contain !important }
body.page-gallery .gallery-rail-copy { gap:0.16rem !important }
body.page-gallery .gallery-rail-copy small { display:none !important }
body.page-gallery .gallery-rail-copy strong { font-size:0.86rem !important; line-height:1.14 !important }
body.page-gallery .gallery-rail-copy em { font-size:0.68rem !important }
@media (max-width:72rem) { body.page-gallery .gallery-layout { grid-template-columns:1fr !important } }
@media (min-width:64rem) { body { --layout-footer-height:2.75rem !important; --layout-footer-gap:1.45rem !important; --layout-rail-bottom:calc(var(--layout-footer-height,2.75rem)+var(--layout-footer-gap,1.45rem)) !important } .site-shell { padding-block-end:calc(var(--layout-footer-height,2.75rem) + var(--layout-footer-gap,1.45rem) + 0.75rem) !important } .site-shell>.site-rail-stack { --inset-block-bottom:var(--layout-rail-bottom) !important; inset-block-end:var(--layout-rail-bottom) !important; z-index:62 !important; overflow:visible !important } .site-rail-stack>.site-audio-player { position:static !important; max-block-size:min(15.5rem,calc(100dvh - var(--layout-rail-top,4.7rem) - var(--layout-rail-bottom,4.2rem) - 10rem)) !important; margin-block-end:0 !important; z-index:63 !important } .site-shell>.site-footer,.site-footer { z-index:30 !important; min-block-size:var(--layout-footer-height,2.75rem) !important; block-size:var(--layout-footer-height,2.75rem) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { position:static !important; display:block !important; inline-size:100% !important; block-size:auto !important; min-inline-size:0 !important; min-block-size:0 !important; margin:0 !important; padding:0.08rem 0.38rem 0.02rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; font-size:0 !important; line-height:1 !important; text-align:left !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important; color:var(--page-text-soft,#aaa) !important } }
.page-dayz-docs .dayz-doc-jumps,.page-dayz-docs .wiki-stats,.page-dayz-docs .wiki-category-tabs,.page-dayz-docs .wiki-select-controls,.page-dayz-docs .wiki-file-select-shell,.page-dayz-docs .wiki-topic-toggle,.page-dayz-docs .dayz-wiki-section>header { display:none !important }
.page-dayz-docs .wiki-tab-layout { grid-template-columns:minmax(15rem,18rem) minmax(0,1fr) !important; align-items:start !important }
.page-dayz-docs .wiki-file-tabs { position:sticky !important; top:calc(var(--site-header-block-size,4rem) + 1rem) !important; display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; max-height:calc(100dvh - var(--site-header-block-size,4rem) - var(--layout-footer-height,2.75rem) - 3rem) !important; overflow:hidden !important }
.page-dayz-docs .wiki-file-tab-list { min-block-size:0 !important; overflow-y:auto !important; overflow-x:hidden !important; padding-inline-end:0.25rem !important; scrollbar-width:thin !important }
.page-dayz-docs .wiki-topic-card:not([open])>.wiki-topic-body { display:block !important }
.page-dayz-docs .wiki-topic-summary { pointer-events:none !important; cursor:default !important }
body.page-gallery .gallery-details { display:none !important }
body.page-gallery .gallery-rail-item { grid-template-columns:4rem minmax(0,1fr) !important; min-block-size:4.35rem !important; align-items:center !important }
body.page-gallery .gallery-thumb,body.page-gallery .gallery-thumb img { max-inline-size:4rem !important; max-block-size:4rem !important; inline-size:4rem !important; block-size:4rem !important; object-fit:contain !important }
body.page-gallery .gallery-rail-copy small { display:none !important }
body.page-home .home-guide-card__caption,body.page-home .home-guide-card__caption h3,body.page-home .home-guide-card__caption p { writing-mode:horizontal-tb !important; text-orientation:mixed !important; word-break:normal !important; overflow-wrap:normal !important; white-space:normal !important }
@media (max-width:72rem) { .page-dayz-docs .wiki-tab-layout { grid-template-columns:1fr !important } .page-dayz-docs .wiki-file-tabs { position:static !important; max-height:24rem !important } }
@media (min-width:64rem) { body { --layout-footer-height:2.35rem !important; --layout-footer-gap:1rem !important; --layout-rail-bottom:calc(var(--layout-footer-height,2.35rem)+var(--layout-footer-gap,1rem)) !important } .site-shell { padding-block-end:calc(var(--layout-footer-height,2.35rem) + var(--layout-footer-gap,1rem) + 0.6rem) !important } .site-shell>.site-rail-stack { inset-block-end:var(--layout-rail-bottom) !important; overflow:visible !important } .site-rail-stack>.site-audio-player,.site-rail-stack>.site-audio-player.is-expanded,.site-rail-stack>.site-audio-player.is-sidebar-minimized { resize:none !important; margin-block-end:0 !important } .site-rail-stack>.site-audio-player.is-expanded { overflow:hidden !important; max-block-size:min(16rem,calc(100dvh - var(--layout-rail-top,4.7rem) - var(--layout-rail-bottom,3.35rem) - 2.25rem)) !important } .site-shell>.site-footer,.site-footer { z-index:30 !important; min-block-size:var(--layout-footer-height,2.35rem) !important; block-size:var(--layout-footer-height,2.35rem) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { position:static !important; display:block !important; inline-size:100% !important; block-size:auto !important; min-inline-size:0 !important; min-block-size:0 !important; margin:0 !important; padding:0.08rem 0.35rem 0.02rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:var(--page-text-soft,#aaa) !important; cursor:pointer !important; font-size:0 !important; line-height:1 !important; text-align:left !important; transform:none !important; pointer-events:auto !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; position:static !important; display:block !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important; color:var(--page-text-soft,#aaa) !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:hover,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu:focus-visible,body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu[aria-expanded="true"] { border:0 !important; background:transparent !important; box-shadow:none !important; color:#fff !important; outline:0 !important; transform:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu { display:grid !important; place-items:center !important; inline-size:2.2rem !important; block-size:2.2rem !important; min-inline-size:2.2rem !important; min-block-size:2.2rem !important; margin:0 auto !important; padding:0 !important; border:1px solid rgba(255,0,10,0.28) !important; border-radius:999px !important; background:linear-gradient(180deg,rgba(18,18,20,0.97),rgba(7,7,9,0.96)) !important; box-shadow:0 0.65rem 1.35rem rgba(0,0,0,0.34) !important; color:var(--page-text,#f4f4f4) !important; cursor:pointer !important; font-size:0 !important; transform:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; position:static !important; display:block !important; font-family:"Font Awesome 6 Free" !important; font-size:0.82rem !important; font-weight:900 !important; line-height:1 !important; color:var(--page-text,#f4f4f4) !important } body.page-gallery,body.page-videos { block-size:100dvh !important; overflow:hidden !important } body.page-gallery .site-shell,body.page-videos .site-shell { block-size:100dvh !important; max-block-size:100dvh !important; display:grid !important; grid-template-rows:auto minmax(0,1fr) auto !important; overflow:hidden !important } body.page-gallery .site-frame,body.page-videos .site-frame,body.page-gallery .site-main--gallery,body.page-videos .site-main--videos,body.page-gallery .gallery-page,body.page-videos .videos-page { min-block-size:0 !important; overflow:hidden !important } body.page-gallery .gallery-layout,body.page-videos .videos-layout { block-size:calc(100dvh - var(--site-header-block-size,4rem) - var(--layout-footer-height,2.35rem) - var(--layout-footer-gap,1rem) - 2rem) !important; max-block-size:calc(100dvh - var(--site-header-block-size,4rem) - var(--layout-footer-height,2.35rem) - var(--layout-footer-gap,1rem) - 2rem) !important; min-block-size:0 !important; align-items:stretch !important; overflow:hidden !important } body.page-gallery .gallery-watch-panel,body.page-videos .videos-watch-panel { min-block-size:0 !important; overflow:auto !important; scrollbar-width:thin !important } body.page-gallery .gallery-rail-panel,body.page-videos .videos-rail-panel { position:static !important; block-size:100% !important; max-block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } }
body.page-gallery .gallery-image-shell,body.page-gallery .gallery-image-button,body.page-gallery .gallery-selected-figure,body.page-gallery .gallery-thumb,body.page-gallery .gallery-thumb-media,body.page-gallery .gallery-category-preview { background:transparent !important }
body.page-gallery .gallery-image-button { cursor:zoom-in }
body.page-gallery .gallery-chip-grid { display:grid !important; grid-template-columns:repeat(auto-fit,minmax(8rem,1fr)) !important; gap:0.5rem !important; max-block-size:10.5rem !important; overflow:auto !important; padding-inline-end:0.18rem !important }
body.page-gallery .gallery-category-tile { display:grid !important; grid-template-columns:3.35rem minmax(0,1fr) !important; align-items:center !important; gap:0.55rem !important; min-block-size:4rem !important; padding:0.36rem !important; border:1px solid rgba(255,255,255,0.09) !important; border-radius:0.85rem !important; background:rgba(255,255,255,0.045) !important; color:#f0f0f0 !important; text-align:left !important }
body.page-gallery .gallery-category-tile.is-active,body.page-gallery .gallery-category-tile[aria-pressed="true"] { border-color:rgba(255,0,10,0.68) !important; background:rgba(255,0,10,0.16) !important }
body.page-gallery .gallery-category-preview { display:grid !important; place-items:center !important; inline-size:3.2rem !important; block-size:3.2rem !important; border:1px solid rgba(255,255,255,0.06) !important; border-radius:0.65rem !important; overflow:hidden !important }
body.page-gallery .gallery-category-preview img { display:block !important; max-inline-size:3.2rem !important; max-block-size:3.2rem !important; inline-size:auto !important; block-size:auto !important; object-fit:contain !important }
body.page-gallery .gallery-category-copy { display:grid !important; gap:0.16rem !important; min-inline-size:0 !important }
body.page-gallery .gallery-category-copy strong,body.page-gallery .gallery-category-copy small { display:block !important; min-inline-size:0 !important; overflow:hidden !important; text-overflow:ellipsis !important }
body.page-gallery .gallery-category-copy strong { color:#fff !important; font-size:0.78rem !important; line-height:1.12 !important }
body.page-gallery .gallery-category-copy small { color:#cfcfcf !important; font-size:0.68rem !important; line-height:1.1 !important }
@media (min-width:64rem) { body.page-gallery .gallery-watch-panel { grid-template-rows:auto auto minmax(0,1fr) auto !important; block-size:100% !important; align-content:stretch !important } body.page-gallery .gallery-image-shell { min-block-size:0 !important; block-size:100% !important; max-block-size:none !important } body.page-gallery .gallery-image-button,body.page-gallery .gallery-image-button img { max-block-size:100% !important } body.page-gallery .gallery-rail-list { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(4.7rem,1fr)) !important; align-content:start !important; gap:0.5rem !important; min-block-size:0 !important; overflow-y:auto !important; overflow-x:hidden !important; padding-inline-end:0.25rem !important } body.page-gallery .gallery-rail-item { display:grid !important; grid-template-columns:1fr !important; justify-items:center !important; align-content:start !important; gap:0.28rem !important; min-block-size:0 !important; padding:0.25rem !important; border-radius:0.75rem !important } body.page-gallery .gallery-thumb { inline-size:4rem !important; block-size:4rem !important; max-inline-size:4rem !important; max-block-size:4rem !important; aspect-ratio:auto !important; border-radius:0.62rem !important } body.page-gallery .gallery-thumb img { max-inline-size:4rem !important; max-block-size:4rem !important; inline-size:auto !important; block-size:auto !important; object-fit:contain !important } body.page-gallery .gallery-rail-copy { display:grid !important; justify-items:center !important; text-align:center !important; inline-size:100% !important; min-inline-size:0 !important } body.page-gallery .gallery-rail-copy strong { display:-webkit-box !important; line-clamp:2 !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; color:#f4f4f4 !important; font-size:0.68rem !important; line-height:1.08 !important } body.page-gallery .gallery-rail-copy em,body.page-gallery .gallery-rail-copy small { display:none !important } }
body.page-gallery .gallery-category-copy strong,body.page-gallery .gallery-category-copy small { display:block !important; min-inline-size:0 !important; overflow:hidden !important; text-overflow:ellipsis !important }
body.page-gallery .gallery-category-copy strong { color:#fff !important; font-size:0.78rem !important; line-height:1.12 !important }
body.page-gallery .gallery-category-copy small { color:#cfcfcf !important; font-size:0.68rem !important; line-height:1.1 !important }
@media (min-width:64rem) { body.page-gallery .gallery-watch-panel { grid-template-rows:auto auto minmax(0,1fr) auto !important; block-size:100% !important; align-content:stretch !important } body.page-gallery .gallery-image-shell { min-block-size:0 !important; block-size:100% !important; max-block-size:none !important } body.page-gallery .gallery-image-button,body.page-gallery .gallery-image-button img { max-block-size:100% !important } body.page-gallery .gallery-rail-list { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(4.7rem,1fr)) !important; align-content:start !important; gap:0.5rem !important; min-block-size:0 !important; overflow-y:auto !important; overflow-x:hidden !important; padding-inline-end:0.25rem !important } body.page-gallery .gallery-rail-item { display:grid !important; grid-template-columns:1fr !important; justify-items:center !important; align-content:start !important; gap:0.28rem !important; min-block-size:0 !important; padding:0.25rem !important; border-radius:0.75rem !important } body.page-gallery .gallery-thumb { inline-size:4rem !important; block-size:4rem !important; max-inline-size:4rem !important; max-block-size:4rem !important; aspect-ratio:auto !important; border-radius:0.62rem !important } body.page-gallery .gallery-thumb img { max-inline-size:4rem !important; max-block-size:4rem !important; inline-size:auto !important; block-size:auto !important; object-fit:contain !important } body.page-gallery .gallery-rail-copy { display:grid !important; justify-items:center !important; text-align:center !important; inline-size:100% !important; min-inline-size:0 !important } body.page-gallery .gallery-rail-copy strong { display:-webkit-box !important; line-clamp:2 !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; color:#f4f4f4 !important; font-size:0.68rem !important; line-height:1.08 !important } body.page-gallery .gallery-rail-copy em,body.page-gallery .gallery-rail-copy small { display:none !important } }
@media (min-width:64rem) { body { --layout-header-top:0.42rem !important; --layout-rail-left:0.72rem !important; --layout-rail-gap:0.78rem !important; --layout-rail-collapsed-width:3.05rem !important; --layout-rail-expanded-width:13.8rem !important; --layout-footer-height:2.05rem !important; --layout-footer-gap:1.05rem !important; --layout-rail-bottom:calc(var(--layout-footer-height)+var(--layout-footer-gap)+0.55rem) !important } body[data-desktop-nav-state="expanded"] { --layout-rail-width:var(--layout-rail-expanded-width) !important; --site-rail-column-size:var(--layout-rail-expanded-width) !important; --desktop-nav-column-size:var(--layout-rail-expanded-width) !important } body[data-desktop-nav-state="collapsed"] { --layout-rail-width:var(--layout-rail-collapsed-width) !important; --site-rail-column-size:var(--layout-rail-collapsed-width) !important; --desktop-nav-column-size:var(--layout-rail-collapsed-width) !important } .site-shell,body.page-gallery .site-shell,body.page-videos .site-shell { inline-size:100vw !important; width:100vw !important; max-inline-size:none !important; max-width:none !important; margin:0 !important; box-sizing:border-box !important; padding-inline-start:calc(var(--layout-rail-left) + var(--layout-rail-width) + var(--layout-rail-gap)) !important; padding-inline-end:0.85rem !important; padding-block-start:var(--layout-header-top) !important; padding-block-end:calc(var(--layout-footer-height) + var(--layout-footer-gap) + 0.65rem) !important; transition:padding-inline-start 0.18s ease !important } .site-shell>.site-header { inline-size:100% !important; width:100% !important; max-inline-size:none !important; max-width:none !important; justify-self:stretch !important } .site-shell>.site-frame,.site-frame,.site-main { inline-size:100% !important; max-inline-size:none !important; min-inline-size:0 !important } .site-shell>.site-rail-stack { inset-inline-start:var(--layout-rail-left) !important; inset-block-start:var(--layout-rail-top) !important; inset-block-end:var(--layout-rail-bottom) !important; inline-size:var(--layout-rail-width) !important; grid-template-rows:minmax(0,1fr) auto !important; min-block-size:0 !important; max-block-size:calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom)) !important; overflow:visible !important; z-index:56 !important } .site-desktop-nav,.site-desktop-nav__inner,.site-desktop-nav .site-nav { min-block-size:0 !important } .site-desktop-nav__inner { display:grid !important; grid-template-rows:minmax(0,1fr) !important; gap:0.42rem !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { display:block !important; position:static !important; inline-size:100% !important; min-inline-size:0 !important; block-size:auto !important; margin:0 !important; padding:0.1rem 0.42rem 0.08rem !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; color:var(--page-text-soft,#aaa) !important; text-align:left !important; cursor:pointer !important; transform:none !important; font-size:0 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; display:block !important; font-family:"Font Awesome 6 Free" !important; font-size:0.85rem !important; font-weight:900 !important; line-height:1 !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu { display:grid !important; place-items:center !important; inline-size:2.42rem !important; block-size:2.42rem !important; min-inline-size:2.42rem !important; min-block-size:2.42rem !important; margin:0 auto !important; border:1px solid rgba(255,0,10,0.28) !important; border-radius:999px !important; background:linear-gradient(180deg,rgba(18,18,20,0.97),rgba(7,7,9,0.96)) !important; color:var(--page-text,#f4f4f4) !important; cursor:pointer !important; font-size:0 !important; transform:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; display:block !important; font-family:"Font Awesome 6 Free" !important; font-size:0.95rem !important; font-weight:900 !important; line-height:1 !important } .site-rail-stack>.site-audio-player,.site-rail-stack>.site-audio-player.is-expanded,.site-rail-stack>.site-audio-player.is-sidebar-minimized { resize:none !important; margin:0 !important; max-block-size:min(15.5rem,calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom) - 3rem)) !important; overflow:hidden !important } .site-rail-stack>.site-audio-player.is-expanded { inline-size:100% !important; min-inline-size:0 !important; max-inline-size:100% !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { inline-size:var(--layout-rail-collapsed-width) !important; min-inline-size:var(--layout-rail-collapsed-width) !important; max-inline-size:var(--layout-rail-collapsed-width) !important } .site-audio-player__collapse { min-inline-size:5.5rem !important } .site-footer { position:fixed !important; inset-inline:0 !important; inset-block-end:0 !important; z-index:52 !important; min-block-size:var(--layout-footer-height) !important; block-size:var(--layout-footer-height) !important; padding-block:0.26rem !important; padding-inline-start:calc(var(--layout-rail-left) + var(--layout-rail-width) + var(--layout-rail-gap)) !important; padding-inline-end:0.75rem !important; box-sizing:border-box !important; pointer-events:auto !important } }
@media (min-width:64rem) { body.page-gallery,body.page-videos { block-size:100dvh !important; overflow:hidden !important } body.page-gallery .site-shell,body.page-videos .site-shell { block-size:100dvh !important; max-block-size:100dvh !important; overflow:hidden !important; grid-template-rows:auto minmax(0,1fr) auto !important } body.page-gallery .site-frame,body.page-videos .site-frame,body.page-gallery .site-main--gallery,body.page-videos .site-main--videos,body.page-gallery .gallery-page,body.page-videos .videos-page { min-block-size:0 !important; block-size:100% !important; overflow:hidden !important } body.page-gallery .gallery-layout,body.page-videos .videos-layout { block-size:100% !important; max-block-size:100% !important; min-block-size:0 !important; overflow:hidden !important; align-items:stretch !important } body.page-gallery .gallery-layout { grid-template-columns:minmax(0,1fr) minmax(19.5rem,24rem) !important; gap:0.85rem !important } body.page-gallery .gallery-watch-panel { display:grid !important; grid-template-rows:auto auto auto minmax(0,1fr) auto !important; min-block-size:0 !important; block-size:100% !important; overflow:hidden !important; align-content:stretch !important } body.page-gallery .gallery-rail-panel,body.page-videos .videos-rail-panel { position:static !important; block-size:100% !important; max-block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } body.page-gallery .gallery-rail-head { min-block-size:0 !important } body.page-gallery .gallery-chip-grid { display:grid !important; grid-template-columns:1fr !important; gap:0.45rem !important; max-block-size:min(16rem,32dvh) !important; overflow-y:auto !important; overflow-x:hidden !important; padding-inline-end:0.18rem !important } body.page-gallery .gallery-category-tile { display:grid !important; grid-template-columns:3.5rem minmax(0,1fr) !important; align-items:center !important; gap:0.58rem !important; min-block-size:4.15rem !important; padding:0.35rem !important; border-radius:0.85rem !important; text-align:left !important } body.page-gallery .gallery-category-preview,body.page-gallery .gallery-category-preview img { inline-size:3.2rem !important; block-size:3.2rem !important; max-inline-size:3.2rem !important; max-block-size:3.2rem !important; object-fit:contain !important; background:transparent !important } body.page-gallery .gallery-rail-list { display:grid !important; grid-template-columns:1fr !important; gap:0.45rem !important; min-block-size:0 !important; overflow-y:auto !important; overflow-x:hidden !important; padding-inline-end:0.2rem !important; align-content:start !important } body.page-gallery .gallery-rail-item { display:grid !important; grid-template-columns:4rem minmax(0,1fr) !important; align-items:center !important; justify-items:stretch !important; gap:0.58rem !important; min-block-size:4.4rem !important; padding:0.25rem !important; text-align:left !important } body.page-gallery .gallery-thumb,body.page-gallery .gallery-thumb img { inline-size:4rem !important; block-size:4rem !important; max-inline-size:4rem !important; max-block-size:4rem !important; object-fit:contain !important; background:transparent !important } body.page-gallery .gallery-rail-copy { display:grid !important; justify-items:start !important; text-align:left !important; gap:0.16rem !important; min-inline-size:0 !important } body.page-gallery .gallery-rail-copy strong { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; max-inline-size:100% !important; font-size:0.78rem !important; line-height:1.12 !important } body.page-gallery .gallery-rail-copy em { display:block !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:#ff353a !important; font-size:0.68rem !important; line-height:1.1 !important } body.page-gallery .gallery-rail-copy small { display:none !important } body.page-gallery .gallery-image-shell,body.page-gallery .gallery-image-button,body.page-gallery .gallery-selected-figure { min-block-size:0 !important; block-size:100% !important; max-block-size:none !important; background:transparent !important } body.page-gallery .gallery-image-button img { max-inline-size:100% !important; max-block-size:100% !important; inline-size:auto !important; block-size:auto !important; object-fit:contain !important; background:transparent !important } }
body.page-gallery .gallery-image-shell,body.page-gallery .gallery-image-button,body.page-gallery .gallery-thumb,body.page-gallery .gallery-thumb img,body.page-gallery .gallery-category-preview,body.page-gallery .gallery-category-preview img { background:transparent !important }
body.page-home .home-guide-card__caption,body.page-home .home-guide-card__caption h3,body.page-home .home-guide-card__caption p { writing-mode:horizontal-tb !important; text-orientation:mixed !important; word-break:normal !important; overflow-wrap:normal !important; white-space:normal !important; min-inline-size:0 !important; max-inline-size:100% !important }
@media (min-width:64rem) { html,body { min-inline-size:0 !important; overflow-x:hidden !important } body { --lkf-header-top:0.36rem !important; --lkf-rail-left:0.44rem !important; --lkf-rail-gap:0.38rem !important; --lkf-rail-collapsed:2.96rem !important; --lkf-rail-expanded:13.25rem !important; --lkf-footer-height:1.95rem !important; --lkf-footer-gap:0.58rem !important; --lkf-rail-width:var(--lkf-rail-collapsed) !important; --layout-rail-left:var(--lkf-rail-left) !important; --layout-rail-gap:var(--lkf-rail-gap) !important; --layout-rail-collapsed-width:var(--lkf-rail-collapsed) !important; --layout-rail-expanded-width:var(--lkf-rail-expanded) !important; --layout-rail-width:var(--lkf-rail-width) !important; --layout-footer-height:var(--lkf-footer-height) !important; --layout-footer-gap:var(--lkf-footer-gap) !important; --layout-rail-bottom:calc(var(--lkf-footer-height)+var(--lkf-footer-gap)) !important; --layout-rail-top:var(--lkf-header-top) !important; --desktop-nav-column-size:var(--lkf-rail-width) !important; --site-rail-column-size:var(--lkf-rail-width) !important } body[data-desktop-nav-state="expanded"] { --lkf-rail-width:var(--lkf-rail-expanded) !important; --layout-rail-width:var(--lkf-rail-expanded) !important; --desktop-nav-column-size:var(--lkf-rail-expanded) !important; --site-rail-column-size:var(--lkf-rail-expanded) !important } body[data-desktop-nav-state="collapsed"] { --lkf-rail-width:var(--lkf-rail-collapsed) !important; --layout-rail-width:var(--lkf-rail-collapsed) !important; --desktop-nav-column-size:var(--lkf-rail-collapsed) !important; --site-rail-column-size:var(--lkf-rail-collapsed) !important } .site-shell { inline-size:100vw !important; width:100vw !important; max-inline-size:none !important; max-width:none !important; margin:0 !important; box-sizing:border-box !important; padding-block-start:calc(var(--lkf-header-top) + var(--site-header-block-size,4rem) + 0.58rem) !important; padding-block-end:calc(var(--lkf-footer-height) + var(--lkf-footer-gap) + 0.45rem) !important; padding-inline-start:calc(var(--lkf-rail-left) + var(--lkf-rail-width) + var(--lkf-rail-gap)) !important; padding-inline-end:1.08rem !important } .site-shell>.site-header { position:fixed !important; inset-block-start:var(--lkf-header-top) !important; inset-inline-start:calc(var(--lkf-rail-left) + var(--lkf-rail-width) + var(--lkf-rail-gap)) !important; inset-inline-end:1.08rem !important; z-index:70 !important; inline-size:auto !important; width:auto !important; max-inline-size:none !important; margin:0 0 0.58rem !important; box-sizing:border-box !important; padding:0.44rem 0.62rem !important; display:grid !important; grid-template-columns:auto minmax(13rem,1fr) auto auto !important; align-items:center !important; gap:0.55rem !important } .site-header__brand { grid-column:1 !important; min-inline-size:0 !important } .site-header__search { grid-column:2 !important; display:block !important; min-inline-size:0 !important } .site-header__actions { grid-column:4 !important; display:inline-flex !important; justify-content:end !important; min-inline-size:max-content !important } .site-header>.site-header__menu { display:none !important } .site-header>.site-nav { display:none !important } body[data-audio-mode="header"] .site-shell>.site-header { grid-template-columns:auto minmax(13rem,1fr) minmax(9rem,12rem) auto !important } body[data-audio-mode="header"] .site-audio-dock { display:inline-flex !important; grid-column:3 !important; justify-self:stretch !important; inline-size:100% !important; min-inline-size:0 !important } body[data-audio-mode="header"] .site-header__actions { grid-column:4 !important } .site-shell>.site-frame,.site-frame,.site-main { inline-size:100% !important; max-inline-size:none !important; min-inline-size:0 !important; box-sizing:border-box !important } .site-frame { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(18rem,22rem) !important; gap:0.72rem !important; align-items:start !important } .page-no-panel .site-frame,.page-tool-app .site-frame,.page-gallery .site-frame,.page-videos .site-frame { grid-template-columns:minmax(0,1fr) !important } .site-main { padding:0.82rem !important } .page-home .site-main,.page-commands .site-main,.page-no-panel .site-main,.page-gallery .site-main,.page-videos .site-main { padding:0.72rem !important } .site-shell>.site-rail-stack { position:fixed !important; inset-inline-start:var(--lkf-rail-left) !important; inset-block-start:var(--layout-rail-top) !important; inset-block-end:calc(var(--lkf-footer-height)+var(--lkf-footer-gap)) !important; inline-size:var(--lkf-rail-width) !important; max-inline-size:var(--lkf-rail-width) !important; display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:0.42rem !important; z-index:68 !important; overflow:hidden !important; min-block-size:0 !important; transition:none !important } .site-rail-stack>.site-desktop-nav { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; inline-size:100% !important; max-inline-size:100% !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } .site-desktop-nav__inner { inline-size:100% !important; max-inline-size:100% !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important; display:grid !important; grid-template-rows:minmax(0,1fr) !important; gap:0.26rem !important } .site-desktop-nav .site-header__menu { grid-row:1 !important; display:grid !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; transform:none !important; cursor:pointer !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu { inline-size:100% !important; min-block-size:2.28rem !important; display:grid !important; grid-template-columns:2.02rem minmax(0,1fr) !important; align-items:center !important; justify-items:stretch !important; gap:0.44rem !important; padding:0.14rem 0.42rem !important; border:1px solid rgba(255,255,255,0.05) !important; border-radius:0.62rem !important; background:rgba(255,255,255,0.055) !important; color:var(--page-text-muted,#cfcfcf) !important; font-size:0 !important; line-height:1 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; display:grid !important; place-items:center !important; inline-size:1.72rem !important; block-size:1.72rem !important; border-radius:0.5rem !important; background:rgba(255,255,255,0.06) !important; color:var(--page-accent-strong,#ff0012) !important; font-family:"Font Awesome 6 Free" !important; font-size:0.92rem !important; font-weight:900 !important; line-height:1 !important } body[data-desktop-nav-state="expanded"] .site-desktop-nav .site-header__menu::after { content:"Collapse" !important; min-inline-size:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; color:var(--page-text,#f3f3f3) !important; font-size:0.78rem !important; font-weight:800 !important; letter-spacing:0.015em !important; text-align:start !important; text-transform:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu { inline-size:2.34rem !important; block-size:2.34rem !important; min-inline-size:2.34rem !important; min-block-size:2.34rem !important; place-items:center !important; border:1px solid rgba(255,0,10,0.32) !important; border-radius:999px !important; background:linear-gradient(180deg,rgba(18,18,20,.97),rgba(7,7,9,.96)) !important; color:var(--page-text,#eee) !important; font-size:0 !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-header__menu::before { content:"\f0c9" !important; font-family:"Font Awesome 6 Free" !important; font-weight:900 !important; font-size:0.95rem !important; line-height:1 !important } .site-desktop-nav .site-nav { grid-row:2 !important; display:grid !important; grid-template-columns:1fr !important; grid-auto-rows:max-content !important; align-content:start !important; gap:0.24rem !important; block-size:100% !important; max-block-size:100% !important; overflow-y:auto !important; overflow-x:hidden !important; padding:0.18rem 0.12rem 0.38rem 0.08rem !important; scrollbar-width:thin !important; scrollbar-color:transparent transparent !important; scrollbar-gutter:stable both-edges !important } .site-desktop-nav .site-nav::-webkit-scrollbar,.gallery-rail-list::-webkit-scrollbar,.gallery-chip-grid::-webkit-scrollbar,.videos-rail-list::-webkit-scrollbar,.dayz-file-list::-webkit-scrollbar,.wiki-file-tabs::-webkit-scrollbar,.site-main::-webkit-scrollbar { inline-size:0.42rem !important; block-size:0.42rem !important } .site-desktop-nav .site-nav::-webkit-scrollbar-track,.gallery-rail-list::-webkit-scrollbar-track,.gallery-chip-grid::-webkit-scrollbar-track,.videos-rail-list::-webkit-scrollbar-track,.dayz-file-list::-webkit-scrollbar-track,.wiki-file-tabs::-webkit-scrollbar-track,.site-main::-webkit-scrollbar-track { background:rgba(255,255,255,0.08) !important; border-radius:999px !important } .site-desktop-nav .site-nav::-webkit-scrollbar-thumb,.gallery-rail-list::-webkit-scrollbar-thumb,.gallery-chip-grid::-webkit-scrollbar-thumb,.videos-rail-list::-webkit-scrollbar-thumb,.dayz-file-list::-webkit-scrollbar-thumb,.wiki-file-tabs::-webkit-scrollbar-thumb,.site-main::-webkit-scrollbar-thumb { background:rgba(210,210,210,0.82) !important; border-radius:999px !important } .site-desktop-nav .site-nav::-webkit-scrollbar-track { background:transparent !important } .site-desktop-nav .site-nav::-webkit-scrollbar-thumb { background:transparent !important } .site-desktop-nav .site-nav::-webkit-scrollbar-button:single-button { display:block !important; block-size:0.62rem !important; background:rgba(255,255,255,0.18) !important; border-radius:999px !important } .site-desktop-nav .site-nav__group,.site-desktop-nav .site-nav__menu,.site-desktop-nav .site-nav__menu-links,.site-desktop-nav .site-nav__menu-links--single { display:grid !important; min-inline-size:0 !important; gap:0.24rem !important; padding:0 !important; margin:0 !important; max-block-size:none !important; overflow:visible !important } .site-desktop-nav .site-nav__group:first-child>summary { display:none !important } .site-desktop-nav .site-nav__link--group { display:block !important; min-block-size:auto !important; padding:0.25rem 0.28rem 0.12rem !important; border-radius:0 !important; background:transparent !important; color:var(--page-text-soft,#aaa) !important; font-family:var(--font-display,system-ui) !important; font-size:0.62rem !important; font-weight:700 !important; letter-spacing:0.12em !important; line-height:1 !important; text-transform:uppercase !important; transform:none !important; pointer-events:none !important } .site-desktop-nav .site-nav__link--group::after { display:none !important; content:none !important } .site-desktop-nav .site-nav__submenu-item,.site-desktop-nav .site-nav__link--auth,.site-desktop-nav .site-nav__link--subscribe { display:grid !important; grid-template-columns:2rem minmax(0,1fr) !important; align-items:center !important; gap:0.38rem !important; min-block-size:2.24rem !important; padding:0.16rem 0.36rem !important; border-radius:0.62rem !important; background:rgba(255,255,255,0.055) !important; color:var(--page-text-muted,#d5d5d5) !important; line-height:1.08 !important; transform:none !important } .site-desktop-nav .site-nav__submenu-icon { inline-size:1.82rem !important; block-size:1.82rem !important; min-inline-size:1.82rem !important; display:grid !important; place-items:center !important; border-radius:0.5rem !important; background:rgba(255,255,255,0.07) !important; color:#ff0012 !important } .site-desktop-nav .site-nav__submenu-icon i,.site-desktop-nav .site-nav__submenu-icon svg { inline-size:1rem !important; block-size:1rem !important; font-size:1rem !important } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link { display:flex !important; align-items:center !important; inline-size:100% !important; max-inline-size:100% !important; min-inline-size:0 !important; min-block-size:1.82rem !important } .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child { display:block !important; min-inline-size:0 !important; overflow:visible !important; text-overflow:clip !important; white-space:normal !important; overflow-wrap:normal !important; word-break:normal !important; line-height:1.16 !important; font-size:0.78rem !important; font-weight:700 !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav { padding-inline:0 !important; gap:0.32rem !important; scrollbar-width:thin !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--group,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link>span:last-child,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--auth,body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__link--subscribe { display:none !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item { display:grid !important; grid-template-columns:1fr !important; place-items:center !important; inline-size:1.82rem !important; min-inline-size:1.82rem !important; min-block-size:1.82rem !important; padding:0 !important; margin-inline:auto !important; border-radius:999px !important; background:transparent !important; border:0 !important; box-shadow:none !important; position:relative !important; overflow:hidden !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-item .site-nav__submenu-link { position:absolute !important; inset:0 !important; display:block !important; inline-size:100% !important; block-size:100% !important; min-block-size:100% !important; overflow:hidden !important; text-indent:-999rem !important; z-index:2 !important } body[data-desktop-nav-state="collapsed"] .site-desktop-nav .site-nav__submenu-icon { inline-size:1.65rem !important; block-size:1.65rem !important; border-radius:999px !important; background:rgba(12,12,14,0.88) !important; border:1px solid rgba(255,0,10,0.28) !important; pointer-events:none !important } .site-rail-stack>.site-audio-player { position:static !important; inline-size:100% !important; max-inline-size:100% !important; min-inline-size:0 !important; margin:0 !important; resize:none !important; overflow:hidden !important; z-index:auto !important; box-sizing:border-box !important; max-block-size:min(13.6rem,calc(100dvh - var(--layout-rail-top) - var(--layout-rail-bottom) - 4rem)) !important } .site-rail-stack>.site-audio-player.is-expanded { padding:0.52rem !important; display:grid !important; gap:0.5rem !important } .site-audio-player__header { grid-template-columns:minmax(0,1fr) auto !important; gap:0.4rem !important } .site-audio-player__header-actions { gap:0.36rem !important } .site-audio-player__toggle,.site-audio-player__collapse { min-block-size:1.82rem !important; min-inline-size:0 !important; padding-inline:0.55rem !important; font-size:0.74rem !important } .site-audio-player__field select { inline-size:100% !important } .site-audio-player audio { block-size:2.35rem !important } .site-audio-player__controls { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:0.26rem !important } .site-audio-player__controls button { display:grid !important; place-items:center !important; min-inline-size:0 !important; min-block-size:1.88rem !important; padding:0.22rem !important; line-height:1 !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { inline-size:100% !important; min-inline-size:0 !important; max-inline-size:100% !important; padding:0.2rem !important; opacity:1 !important; background:transparent !important; border:0 !important; box-shadow:none !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed { display:grid !important; gap:0.28rem !important } .site-audio-player.is-sidebar-minimized .site-audio-player__collapsed button { inline-size:2.42rem !important; min-inline-size:2.42rem !important; min-block-size:1.94rem !important; margin-inline:auto !important; padding:0 !important; border-radius:0.36rem !important } .site-audio-player.is-sidebar-minimized .site-audio-player__marquee { display:block !important; inline-size:2.42rem !important; padding:0.18rem 0.1rem !important; font-size:0.5rem !important; text-align:center !important } body[data-audio-mode="header"] .site-rail-stack>.site-audio-player { display:none !important } body[data-audio-mode="header"] .site-shell>.site-rail-stack { grid-template-rows:minmax(0,1fr) !important } .site-footer { position:fixed !important; inset-inline:0 !important; inset-block-end:0 !important; z-index:66 !important; block-size:var(--lkf-footer-height) !important; min-block-size:var(--lkf-footer-height) !important; padding:0.22rem 0.62rem !important; padding-inline-start:calc(var(--lkf-rail-left) + var(--lkf-rail-width) + var(--lkf-rail-gap)) !important; box-sizing:border-box !important; display:flex !important; align-items:center !important; pointer-events:auto !important } }
@media (min-width:64rem) { body.page-gallery,body.page-videos { block-size:100dvh !important; overflow:hidden !important } body.page-gallery .site-shell,body.page-videos .site-shell { block-size:100dvh !important; overflow:hidden !important } body.page-gallery .site-frame,body.page-videos .site-frame,body.page-gallery .site-main,body.page-videos .site-main,body.page-gallery .gallery-page,body.page-videos .videos-page { block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } body.page-gallery .gallery-layout,body.page-videos .videos-layout { block-size:100% !important; min-block-size:0 !important; overflow:hidden !important; display:grid !important; gap:0.72rem !important; align-items:stretch !important } body.page-gallery .gallery-layout { grid-template-columns:minmax(0,1fr) minmax(18rem,22rem) !important } body.page-gallery .gallery-watch-panel,body.page-gallery .gallery-rail-panel,body.page-videos .videos-watch-panel,body.page-videos .videos-rail-panel { block-size:100% !important; min-block-size:0 !important; max-block-size:100% !important; overflow:hidden !important } body.page-gallery .gallery-watch-panel { display:grid !important; grid-template-rows:auto auto minmax(0,1fr) auto !important; gap:0.58rem !important } body.page-gallery .gallery-image-shell,body.page-gallery .gallery-selected-figure,body.page-gallery .gallery-image-button { min-block-size:0 !important; block-size:100% !important; max-block-size:100% !important; background:transparent !important; overflow:auto !important } body.page-gallery .gallery-image-button { display:grid !important; place-items:center !important; border:1px solid rgba(255,255,255,0.08) !important; border-radius:0.72rem !important } body.page-gallery #galleryImage { display:block !important; inline-size:auto !important; block-size:auto !important; max-inline-size:100% !important; max-block-size:100% !important; object-fit:contain !important; background:transparent !important } body.page-gallery .gallery-rail-panel { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; gap:0.55rem !important } body.page-gallery .gallery-chip-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0.42rem !important; max-block-size:10.5rem !important; overflow-y:auto !important; overflow-x:hidden !important; padding-inline-end:0.16rem !important } body.page-gallery .gallery-category-tile { display:grid !important; grid-template-columns:3rem minmax(0,1fr) !important; gap:0.45rem !important; min-block-size:3.5rem !important; align-items:center !important; padding:0.28rem !important; text-align:left !important } body.page-gallery .gallery-category-preview,body.page-gallery .gallery-category-preview img { inline-size:2.8rem !important; block-size:2.8rem !important; max-inline-size:2.8rem !important; max-block-size:2.8rem !important; object-fit:contain !important; background:transparent !important } body.page-gallery .gallery-rail-list { display:grid !important; grid-template-columns:1fr !important; gap:0.38rem !important; min-block-size:0 !important; overflow-y:auto !important; overflow-x:hidden !important; align-content:start !important; padding-inline-end:0.16rem !important } body.page-gallery .gallery-rail-item { display:grid !important; grid-template-columns:4rem minmax(0,1fr) !important; min-block-size:4.35rem !important; align-items:center !important; gap:0.48rem !important; padding:0.18rem !important; text-align:left !important } body.page-gallery .gallery-thumb,body.page-gallery .gallery-thumb img { inline-size:4rem !important; block-size:4rem !important; max-inline-size:4rem !important; max-block-size:4rem !important; object-fit:contain !important; background:transparent !important } body.page-gallery .gallery-rail-copy small { display:none !important } }
details.faq-card { display:block }
details.faq-card>summary { cursor:pointer; list-style:none; color:#ffffff }
details.faq-card>summary::-webkit-details-marker { display:none }
details.faq-card>summary::after { content:"+"; float:right; margin-inline-start:0.75rem; color:#ff0004; font-weight:800 }
details.faq-card[open]>summary::after { content:"−" }
details.faq-card>summary h3,details.faq-card>summary strong { display:inline }
details.faq-card>p,details.faq-card>div { margin-block-start:0.7rem }
.related-links { display:grid; gap:0.7rem; padding:1rem; border:1px solid var(--page-card-border); border-radius:0.9rem; background:var(--page-card-surface-tint),var(--page-card-surface); box-shadow:var(--page-card-shadow-soft) }
.related-links__nav,body.page-about .about-domain-links { display:flex; flex-wrap:wrap; gap:0.5rem }
.related-links__nav a,body.page-about .about-domain-links a { display:inline-flex; align-items:center; justify-content:center; padding:0.48rem 0.72rem; border:1px solid rgba(255,255,255,0.14); border-radius:999px; background:rgba(255,255,255,0.05); color:#f2f2f2; text-decoration:none }
.related-links__nav a:hover,.related-links__nav a:focus-visible,body.page-about .about-domain-links a:hover,body.page-about .about-domain-links a:focus-visible { border-color:rgba(255,0,4,0.65); color:#fff; text-decoration:underline }
.embedded-guide-video,.under-development-note { margin-block:1.25rem; padding:1rem; border:1px solid var(--page-card-border,rgba(255,255,255,.14)); border-radius:1rem; background:var(--page-card-surface-tint,rgba(120,0,0,.12)),var(--page-card-surface,rgba(10,10,12,.88)); box-shadow:var(--page-card-shadow-soft,0 1rem 2rem rgba(0,0,0,.28)) }
.embedded-guide-video__inner { display:grid; grid-template-columns:minmax(0,0.9fr) minmax(18rem,1.1fr); gap:1rem; align-items:start }
.embedded-guide-video__copy { display:grid; gap:.55rem; align-content:start }
.embedded-guide-video__copy h2,.under-development-note h2 { margin:0; color:#fff }
.embedded-guide-video__copy p,.under-development-note p { margin:0; color:#dedede; line-height:1.55 }
.embedded-guide-video__media { margin:0; display:grid; gap:.45rem }
.embedded-guide-video__media video { display:block; width:100%; max-height:min(30rem,70vh); border:1px solid rgba(255,255,255,.16); border-radius:.85rem; background:#050507; object-fit:contain }
.embedded-guide-video__media figcaption { color:#cfcfcf; font-size:.9rem; line-height:1.4 }
.embedded-guide-video__links { display:flex; flex-wrap:wrap; gap:.45rem }
.embedded-guide-video__links a { display:inline-flex; align-items:center; justify-content:center; padding:.42rem .72rem; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.06); color:#f2f2f2; text-decoration:none }
.gallery-page-heading,.videos-page-heading { margin-block-end:1rem }
#galleryTitle,#watchTitle { margin:0; color:#fff; font-size:clamp(1.35rem,2vw,2rem) }
@media (max-width:72rem) { .embedded-guide-video__inner { grid-template-columns:1fr } }
main h1,.hero h1,.page-hero h1,.lk-details h1,.tool-hero h1,.wiki-hero h1 { font-size:clamp(1.65rem,3vw,3.1rem)!important; line-height:1.08!important; letter-spacing:-.02em }
.lead,.hero p,.page-hero p,.tool-hero p,.wiki-hero p { font-size:clamp(.98rem,1.35vw,1.08rem)!important; line-height:1.55!important; max-width:980px }
.site-main .page-heading h1,.site-main .hero h1,.site-main h1:first-child { font-size:clamp(1.08rem,1.6vw,1.58rem) !important; line-height:1.1 !important; letter-spacing:.035em }
.site-main .page-lead,.site-main .hero__copy>p,.site-main .section-heading>p { font-size:clamp(.86rem,.95vw,.98rem) !important; line-height:1.45 !important }
.site-main .page-heading { margin-block-end:.75rem !important }
body.page-audio .audio-hero,body.page-audio .hero,body.page-audio .page-heading { padding-block:.65rem !important; margin-block-end:.75rem !important }
body.page-audio h1 { font-size:clamp(1.12rem,1.7vw,1.62rem) !important; line-height:1.08 !important }
body.page-audio .audio-controls button,body.page-audio .audio-icon-button,body.page-audio button[class*="audio"] { min-block-size:2.35rem; border-radius:999px }
body.page-audio .lyrics-panel,body.page-audio [data-lyrics-panel],body.page-audio #lyricsPanel { max-block-size:min(58dvh,42rem); overflow:hidden }
body.page-audio #lyricsBody,body.page-audio .lyrics-body { max-block-size:min(48dvh,34rem); overflow-y:auto; scroll-behavior:smooth }
body.page-audio .lyrics-cue__button.is-current,body.page-audio .lyrics-cue__button[aria-current="true"] { border-color:rgba(255,86,28,.7); background:rgba(255,86,28,.12); color:var(--page-text,#fff) }
.site-context-menu__item[hidden] { display:none !important }
.site-context-menu__item { min-block-size:2.25rem }
.site-context-menu__item[data-context-action="copy-section"] span::after { content:"" }
.site-nav a,.site-nav button,.site-nav summary { pointer-events:auto !important }
body.page-faqs .site-nav,body.page-faqs .site-nav__menu { pointer-events:auto !important }
html,body { overflow-y:auto !important; overflow-x:clip !important; block-size:auto !important; min-block-size:100% !important }
body,.site-shell,.site-frame,.site-main { max-block-size:none !important }
.site-main { overflow:visible !important }
.site-main .page-heading,.site-main .hero,.site-main .page-hero,.site-main .tool-hero,.site-main .wiki-hero { margin-block-end:.75rem !important; padding-block:.65rem !important }
.site-main .page-heading h1,.site-main .hero h1,.site-main .page-hero h1,.site-main .tool-hero h1,.site-main .wiki-hero h1,.site-main h1:first-child { font-size:clamp(1.05rem,1.45vw,1.5rem) !important; line-height:1.08 !important; letter-spacing:.035em !important; text-transform:uppercase }
.site-main .page-lead,.site-main .lead,.site-main .hero__copy>p,.site-main .page-hero p,.site-main .tool-hero p,.site-main .wiki-hero p,.site-main .section-heading>p { font-size:clamp(.84rem,.9vw,.95rem) !important; line-height:1.42 !important; max-inline-size:76rem !important }
.site-context-menu__item[hidden],.site-context-menu__item:disabled { display:none !important }
.site-context-menu__item { min-block-size:2.35rem; font-weight:700; text-transform:uppercase; letter-spacing:.025em }
.site-nav a,.site-nav a:visited,.site-nav summary,.site-nav__link,.site-nav__submenu-link,.site-nav__submenu-link span,.site-nav__menu-index,.brand-lockup,.brand-lockup:visited,.site-header__auth,.site-header__auth:visited,.site-header__subscribe,.site-header__subscribe:visited,.gallery-category-tile,.gallery-rail-item { text-decoration:none !important; text-decoration-line:none !important }
.site-nav a:hover,.site-nav a:focus-visible,.site-nav summary:hover,.site-nav summary:focus-visible,.site-header__auth:hover,.site-header__auth:focus-visible,.site-header__subscribe:hover,.site-header__subscribe:focus-visible { text-decoration:none !important; text-decoration-line:none !important }
.site-context-menu__item { appearance:none !important; border:1px solid transparent !important; background:transparent !important; box-shadow:none !important }
.site-context-menu__item:focus,.site-context-menu__item:focus-visible,.site-context-menu__item:active { border-color:transparent !important; background:transparent !important; box-shadow:none !important; outline:none !important }
.site-context-menu__item:hover { border-color:rgba(255,255,255,.08) !important; background:rgba(255,255,255,.055) !important }
body.page-faqs .site-nav,body.page-faqs .site-nav__group,body.page-faqs .site-nav__menu,body.page-faqs .site-nav__submenu-link { pointer-events:auto !important }
@media (min-width:64rem) { body.page-gallery .page-breadcrumbs { margin-block:0 .28rem !important; padding-block:0 !important } body.page-gallery .gallery-page { display:grid !important; grid-template-rows:auto minmax(0,1fr) !important; gap:.5rem !important; block-size:100% !important; min-block-size:0 !important; overflow:hidden !important } body.page-gallery .gallery-page-heading { margin-block:0 .45rem !important; padding:.45rem .55rem !important; min-block-size:0 !important; gap:.2rem !important; border:1px solid rgba(210,13,13,.55) !important; background:linear-gradient(180deg,rgba(14,14,14,.62),rgba(8,8,8,.46)) !important } body.page-gallery .gallery-page-heading .eyebrow { margin-block-end:.08rem !important } body.page-gallery .gallery-page-heading h1 { font-size:clamp(1.05rem,1.38vw,1.42rem) !important; line-height:1.05 !important } body.page-gallery .gallery-page-heading .page-lead { font-size:clamp(.78rem,.78vw,.9rem) !important; line-height:1.25 !important; max-inline-size:78rem !important } body.page-gallery .gallery-layout { min-block-size:0 !important; block-size:100% !important; overflow:hidden !important; align-items:stretch !important; gap:.6rem !important } body.page-gallery .gallery-watch-panel { display:grid !important; grid-template-rows:auto auto auto minmax(12rem,1fr) auto !important; gap:.42rem !important; padding:.72rem !important; min-block-size:0 !important; overflow:hidden !important } body.page-gallery .gallery-watch-panel h1,body.page-gallery .gallery-watch-panel h2 { margin:0 !important; line-height:1.05 !important; font-size:clamp(1rem,1.25vw,1.25rem) !important } body.page-gallery .gallery-watch-panel p { margin:0 !important; line-height:1.28 !important } body.page-gallery .gallery-selected-figure,body.page-gallery .gallery-image-shell,body.page-gallery .gallery-image-button { display:grid !important; place-items:center !important; min-block-size:0 !important; block-size:100% !important; max-block-size:100% !important; overflow:hidden !important } body.page-gallery .gallery-image-button { inline-size:100% !important } body.page-gallery #galleryImage { margin:auto !important; display:block !important; inline-size:auto !important; block-size:auto !important; max-inline-size:min(100%,54rem) !important; max-block-size:100% !important; object-fit:contain !important; object-position:center center !important } body.page-gallery .gallery-chip-grid { max-block-size:8.6rem !important } body.page-gallery .gallery-rail-item { min-block-size:4.8rem !important; align-items:center !important } body.page-gallery .gallery-rail-copy { min-inline-size:0 !important; overflow:hidden !important } body.page-gallery .gallery-rail-copy strong { display:-webkit-box !important; -webkit-box-orient:vertical !important; line-clamp:2 !important; -webkit-line-clamp:2 !important; white-space:normal !important; overflow:hidden !important; overflow-wrap:anywhere !important; word-break:normal !important; line-height:1.12 !important } body.page-gallery .gallery-rail-copy em { white-space:normal !important; overflow-wrap:anywhere !important } }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; border:0!important }
.image-popout-button { display:block; width:100%; padding:0; border:0; background:transparent; color:inherit; text-align:inherit; cursor:pointer }
.home-guide-card__image-link.image-popout-button { border-radius:inherit }
.gallery-crawl-card__image { display:block; width:100%; padding:0; border:0; background:transparent; cursor:pointer }
.gallery-crawl-card__image img { display:block; width:100%; height:auto }
.site-footer { position:static !important; inset:auto !important; block-size:auto !important; min-block-size:0 !important; margin-block-start:1rem !important; padding:0.58rem 0.78rem !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:0.78rem !important }
.site-footer__lead,.site-footer__links { display:inline-flex !important; align-items:center !important; gap:0.54rem !important; min-block-size:1.55rem !important }
.site-footer__lead { flex:0 1 auto !important }
.site-footer__links { flex:1 1 auto !important; justify-content:flex-end !important; margin-inline-start:auto !important }
.site-footer .stack-link,.site-footer .stack-link--button { display:inline-flex !important; align-items:center !important; justify-content:center !important; min-block-size:1.55rem !important; line-height:1 !important }
.site-footer .stack-link__icon { display:grid !important; place-items:center !important; inline-size:1.28rem !important; block-size:1.28rem !important; line-height:1 !important }
.site-footer .site-footer__brand,.site-footer .stack-link__label { line-height:1 !important }
@media (max-width:63.998rem) { .site-shell { inline-size:100% !important; width:auto !important; max-inline-size:none !important; padding:calc(var(--site-header-block-size,4rem) + 1rem) 0.65rem 0.65rem !important } .site-shell>.site-header { position:fixed !important; inset-block-start:0.65rem !important; inset-inline-start:auto !important; inset-inline-end:0.65rem !important; inline-size:max-content !important; width:max-content !important; max-inline-size:calc(100vw - 1.3rem) !important; min-block-size:0 !important; display:grid !important; grid-template-columns:auto auto !important; align-items:center !important; gap:0.34rem !important; padding:0.42rem !important; z-index:70 !important; overflow:visible !important } body[data-nav-open="true"] .site-header { position:fixed !important; inset-block-start:0.65rem !important; inset-inline-start:auto !important; inset-inline-end:0.65rem !important; z-index:70 !important } .site-header__brand,.site-header>.site-header__menu { display:none !important } .site-header>#site-navigation.site-nav { position:static !important; display:flex !important; grid-column:1 !important; align-items:center !important; justify-content:end !important; gap:0.34rem !important; inline-size:auto !important; width:auto !important; max-inline-size:none !important; min-inline-size:0 !important; padding:0 !important; overflow:visible !important } .site-header>#site-navigation.site-nav .site-nav__group--howto { display:none !important } body:not([data-nav-open="true"]) .site-header>.site-nav { display:flex !important } body[data-nav-open="true"] .site-header>#site-navigation.site-nav { display:flex !important } .site-header__actions { grid-column:2 !important; display:inline-flex !important; align-items:center !important; gap:0.34rem !important } .site-header__subscribe,.site-header__auth,.site-header__search { display:none !important } .site-header__actions .site-header__search-toggle { display:inline-flex !important } .site-nav__group>.site-nav__link--group,.site-nav__link--subscribe,.site-header__search-toggle { inline-size:2.35rem !important; min-inline-size:2.35rem !important; block-size:2.35rem !important; min-block-size:2.35rem !important; padding:0 !important; font-size:0 !important; text-indent:140% !important; overflow:hidden !important; white-space:nowrap !important; border-radius:999px !important } .site-nav__group[open] .site-nav__menu { position:fixed !important; inset-block-start:calc(0.65rem + var(--site-header-block-size,3.2rem) + 0.5rem) !important; inset-inline-start:auto !important; inset-inline-end:0 !important; transform:none !important; display:grid !important; inline-size:calc(100vw - 1.3rem) !important; width:calc(100vw - 1.3rem) !important; min-inline-size:0 !important; max-inline-size:none !important; box-sizing:border-box !important; max-block-size:calc(100dvh - var(--site-header-block-size,3.2rem) - 1.95rem) !important; overflow-y:auto !important; overflow-x:hidden !important; overscroll-behavior:contain !important; z-index:69 !important } .site-nav__group[open] .site-nav__menu-links--single { max-block-size:none !important; overflow:visible !important } }
@media (min-width:64rem) { body { --shell-rail-left:0.44rem; --shell-rail-gap:0.38rem; --shell-rail-collapsed:3rem; --shell-rail-expanded:13.25rem; --shell-rail-width:var(--shell-rail-collapsed); --shell-top-gap:0.42rem } body[data-desktop-nav-state="expanded"] { --shell-rail-width:var(--shell-rail-expanded) } body[data-desktop-nav-state="collapsed"] { --shell-rail-width:var(--shell-rail-collapsed) } .site-shell { inline-size:100% !important; width:auto !important; max-inline-size:none !important; margin:0 !important; padding-block-start:calc(var(--shell-top-gap) + var(--site-header-block-size,4rem) + 0.72rem) !important; padding-block-end:1rem !important; padding-inline-start:calc(var(--shell-rail-left) + var(--shell-rail-width) + var(--shell-rail-gap)) !important; padding-inline-end:1rem !important; box-sizing:border-box !important } .site-shell>.site-header,.site-shell>.site-frame,.site-shell>.site-footer { inline-size:100% !important; max-inline-size:none !important } .site-shell>.site-header { position:fixed !important; inset-block-start:var(--shell-top-gap) !important; inset-inline-start:calc(var(--shell-rail-left) + var(--shell-rail-width) + var(--shell-rail-gap)) !important; inset-inline-end:1rem !important; inline-size:auto !important; width:auto !important; z-index:70 !important; margin-block-end:0.72rem !important } .site-shell>.site-rail-stack { position:fixed !important; inset-inline-start:var(--shell-rail-left) !important; inset-block-start:var(--shell-top-gap) !important; inset-block-end:0.75rem !important; inline-size:var(--shell-rail-width) !important; max-inline-size:var(--shell-rail-width) !important; z-index:20 !important; overflow:hidden !important } .site-rail-stack>.site-desktop-nav { block-size:100% !important; min-block-size:0 !important } .site-desktop-nav__inner { block-size:100% !important; min-block-size:0 !important } .site-desktop-nav .site-nav { block-size:100% !important; max-block-size:100% !important; overflow-y:auto !important; overflow-x:hidden !important } }
@media (max-width:63.998rem) { body[data-audio-mode="header"] .site-audio-dock { display:none !important } .site-audio-player { inset-inline-start:.45rem !important; inset-block-end:.45rem !important; inline-size:min(12rem,calc(100vw - .9rem)) !important; max-inline-size:calc(100vw - .9rem) !important; z-index:60 !important } .site-audio-player.is-sidebar-minimized { inline-size:2.9rem !important; min-inline-size:2.9rem !important; max-inline-size:2.9rem !important } }
@media (min-width:64rem) { .site-shell>.site-rail-stack { display:grid !important; grid-template-rows:minmax(0,1fr) auto !important; gap:.45rem !important } .site-rail-stack>.site-desktop-nav { block-size:auto !important; min-block-size:0 !important; overflow:hidden !important } .site-rail-stack>.site-audio-player,.site-rail-stack>.site-audio-player.is-expanded,.site-rail-stack>.site-audio-player.is-sidebar-minimized { position:static !important; align-self:end !important; inline-size:100% !important; max-inline-size:100% !important; min-inline-size:0 !important; margin:0 !important; resize:none !important; box-sizing:border-box !important; z-index:auto !important } .site-rail-stack>.site-audio-player.is-expanded { max-block-size:min(15rem,38dvh) !important; overflow:auto !important } .site-rail-stack>.site-audio-player.is-sidebar-minimized { max-block-size:7.4rem !important; overflow:hidden !important } }
@media (min-width:64rem) { .site-audio-player__scrubber { grid-template-columns:2.2rem minmax(0,1fr) 2.2rem minmax(4rem,.72fr) !important; gap:.3rem !important } .site-audio-player__scrubber output { min-inline-size:2.2rem !important } .site-audio-player__volume { min-inline-size:0 !important; grid-template-columns:auto minmax(0,1fr) !important; gap:.28rem !important } .site-audio-player__volume button { display:grid !important; place-items:center !important; min-inline-size:1.65rem !important; inline-size:1.65rem !important; min-block-size:1.65rem !important; padding:0 !important; border-radius:.4rem !important } .site-audio-player__volume .site-audio-player__range { min-inline-size:0 !important } }
@media (min-width:64rem) { .site-audio-player__scrubber { grid-template-columns:2.35rem minmax(0,1fr) 2.35rem !important; gap:.35rem !important } .site-audio-player__scrubber output { min-inline-size:2.35rem !important } .site-audio-player__controls { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:.26rem !important } .site-audio-player__controls>button { display:grid !important; place-items:center !important; min-inline-size:0 !important; min-block-size:1.88rem !important; padding:.22rem !important; line-height:1 !important } .site-audio-player__volume { display:grid !important; grid-column:3/-1 !important; min-inline-size:0 !important; grid-template-columns:minmax(1.88rem,1.88rem) minmax(0,1fr) !important; align-items:center !important; gap:.26rem !important } .site-audio-player__volume button { display:grid !important; place-items:center !important; min-inline-size:0 !important; inline-size:100% !important; min-block-size:1.88rem !important; padding:.22rem !important; line-height:1 !important } .site-audio-player__volume .site-audio-player__range { min-inline-size:0 !important } }
@media (min-width:64rem) { .site-audio-player__controls { display:flex !important; flex-wrap:wrap !important; gap:.26rem !important } .site-audio-player__controls>button { display:grid !important; place-items:center !important; flex:1 1 calc(25% - .26rem) !important; min-inline-size:0 !important; min-block-size:1.88rem !important; padding:.22rem !important; line-height:1 !important } .site-audio-player__controls>button[data-audio-repeat],.site-audio-player__controls>button[data-audio-random] { flex:0 0 1.88rem !important } .site-audio-player__volume { display:grid !important; flex:1 1 0 !important; min-inline-size:0 !important; grid-template-columns:minmax(1.88rem,1.88rem) minmax(0,1fr) !important; align-items:center !important; gap:.26rem !important } .site-audio-player__volume button { display:grid !important; place-items:center !important; min-inline-size:0 !important; inline-size:100% !important; min-block-size:1.88rem !important; padding:.22rem !important; line-height:1 !important } .site-audio-player__volume .site-audio-player__range { min-inline-size:0 !important } }
@media (min-width:64rem) { .site-desktop-nav .site-nav__group--howto>.site-nav__link--group { pointer-events:auto !important; cursor:pointer !important } }