/* CraftRank Sites: the Dusk design (Figma "CraftRank Sites — new free theme"). Every store page players see. */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_a/fonts/poppins-latin-400-normal.woff2) format("woff2");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:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/_a/fonts/poppins-latin-ext-400-normal.woff2) format("woff2");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:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_a/fonts/poppins-latin-500-normal.woff2) format("woff2");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:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_a/fonts/poppins-latin-ext-500-normal.woff2) format("woff2");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:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_a/fonts/poppins-latin-600-normal.woff2) format("woff2");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:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_a/fonts/poppins-latin-ext-600-normal.woff2) format("woff2");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:Poppins;font-style:italic;font-weight:600;font-display:swap;src:url(/_a/fonts/poppins-latin-600-italic.woff2) format("woff2");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:Poppins;font-style:italic;font-weight:600;font-display:swap;src:url(/_a/fonts/poppins-latin-ext-600-italic.woff2) format("woff2");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:Poppins;font-style:italic;font-weight:700;font-display:swap;src:url(/_a/fonts/poppins-latin-700-italic.woff2) format("woff2");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:Poppins;font-style:italic;font-weight:700;font-display:swap;src:url(/_a/fonts/poppins-latin-ext-700-italic.woff2) format("woff2");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}

:root{--c:#b48ef0;--ct:#16131c;--bg:#1c1c1c;--s1:#232323;--s2:#292929;--s3:#313131;--ln:rgba(255,255,255,.07);--ln2:rgba(255,255,255,.13);
  --tx:#a9a9a9;--mu:#7d7d7d;--wh:#f2f1f5;--ok:#5fd38d;--bad:#ff6b7a;--warn:#f2c14e;--r:6px;--w:1120px;
  --hl:linear-gradient(90deg,var(--c) 10%,color-mix(in srgb,var(--c) 40%,#ffc9d9));--glow:color-mix(in srgb,var(--c) 20%,transparent)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background-color:#181818;background-image:radial-gradient(900px 640px at 100% 0,rgba(64,56,60,.55),transparent 72%),radial-gradient(560px 1000px at -8% 1120px,color-mix(in srgb,var(--c) 24%,transparent),transparent 70%),linear-gradient(180deg,#1c1c1c 0,#1c1c1c 560px,#181818 1750px);background-repeat:no-repeat;color:var(--tx);font:400 14px/1.6 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}
main{flex:1;position:relative;z-index:1}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{color:var(--wh);margin:0;font-weight:600;line-height:1.25}
p{margin:0}
.w{width:min(var(--w),100% - 40px);margin:0 auto;position:relative}
.vh,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px}
.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--c);color:var(--ct);padding:8px 14px;border-radius:var(--r)}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--c);outline-offset:2px}
svg.lu{flex:none}
.hl{background:var(--hl);-webkit-background-clip:text;background-clip:text;color:transparent}
code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;background:var(--s2);padding:1px 6px;border-radius:4px;color:var(--wh)}
/* the glow behind the page: the accent, soft, on the left */
.bgx{display:none}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 20px;border:1px solid transparent;border-radius:5px;background:var(--c);color:var(--ct);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:filter .15s,background .15s,border-color .15s}
.btn:hover{filter:brightness(1.08)}
.btn.o{background:transparent;color:var(--wh);border-color:var(--ln2)}
.btn.o:hover{border-color:rgba(255,255,255,.3);filter:none}
.btn.s{height:32px;padding:0 14px;font-size:12px}
.btn.g{background:var(--s3);color:#d6d4db;border-color:var(--ln)}
.btn.g:hover{background:#38373e;filter:none}
.btn.wide{width:100%;height:42px}
.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.btn.done{background:var(--ok);color:#0d1f14}
button.link{background:none;border:0;padding:0;color:var(--c);cursor:pointer;font-size:13px}

/* bars on top */
.annb{position:relative;z-index:3;padding:9px 20px;text-align:center;font-size:12.5px;background:var(--s2);color:var(--wh);border-bottom:1px solid var(--ln)}
.annb a{text-decoration:underline;text-underline-offset:3px}
.annb.demo{background:color-mix(in srgb,var(--c) 22%,var(--s1))}
.annb.mt{background:#3a2b14;color:#ffd99a}
.tb{position:relative;z-index:5}
.tbw{display:flex;align-items:center;gap:20px;height:68px}
.tbl{display:flex;align-items:center;min-width:0;flex:0 0 auto}
.tbl img{height:30px;width:auto;max-width:170px;object-fit:contain}
.tbl b{font-size:16px;color:var(--wh);font-weight:600;white-space:nowrap}
.tbn{flex:1;display:flex;justify-content:center;gap:4px;min-width:0}
.tbn a{padding:5px 13px;border-radius:5px;font-size:12.5px;color:var(--mu);white-space:nowrap;transition:color .15s,background .15s}
.tbn a:hover{color:var(--wh)}
.tbn a.on{background:var(--s3);color:var(--wh)}
.tbr{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.cur select{height:30px;border-radius:5px;border:1px solid var(--ln);background:var(--s2);font-size:12px;padding:0 6px;color:var(--wh)}
.tbk{position:relative;display:grid;place-items:center;width:34px;height:32px;border-radius:5px;color:var(--wh)}
.tbk:hover,.tbk.on{background:var(--s3)}
.tbk b{position:absolute;top:-3px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--c);color:var(--ct);font-size:10px;line-height:17px;text-align:center}
.tba{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 18px;border-radius:4px;background:var(--wh);color:#18171b;font-size:12px;font-weight:500}
.tba.me{background:none;color:var(--wh);padding:0 4px}
.tba.me img{width:28px;height:28px;border-radius:5px}
.tba .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px rgba(95,211,141,.18)}
.tbm{display:none;position:relative}
.tbm summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:36px;height:34px;border-radius:5px;background:var(--s3);color:var(--wh)}
.tbm summary::-webkit-details-marker{display:none}
.tbm nav{position:absolute;right:0;top:44px;min-width:200px;padding:8px;display:grid;background:var(--s2);border:1px solid var(--ln);border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.tbm nav a{padding:9px 12px;border-radius:5px;font-size:13px;color:var(--tx)}
.tbm nav a.on,.tbm nav a:hover{background:var(--s3);color:var(--wh)}
.flw{z-index:4;display:grid;gap:8px;margin-top:6px}
.msg{padding:11px 16px;border-radius:var(--r);font-size:13px;border:1px solid var(--ln);background:var(--s1);color:var(--wh)}
.msg.ok{border-color:rgba(95,211,141,.35);background:rgba(95,211,141,.08)}
.msg.bad{border-color:rgba(255,107,122,.4);background:rgba(255,107,122,.08)}

/* hero: home, wiki and log in */
.hero{position:relative;padding:86px 0 110px}
.hero::before{content:"";position:absolute;inset:-68px 0 0;background:var(--hbg) center/cover no-repeat;opacity:.09;filter:grayscale(1);-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent);pointer-events:none}
.hw{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:40px}
.ht h1,.ht .h1{font-size:clamp(28px,3.3vw,40px);font-weight:600;line-height:1.2;text-transform:uppercase;color:var(--wh);letter-spacing:.005em}
.ht>p:not(.h1):not(.hip){margin-top:14px;max-width:440px;font-size:14.5px;line-height:1.55}
.hb{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.hip{margin-top:16px;font-size:12px;color:var(--mu)}
.hip small{margin-left:6px}
.hart{position:relative;display:flex;justify-content:center}
.hart::before{content:"";position:absolute;inset:-30% -25%;background:radial-gradient(closest-side,rgba(255,240,245,.07),transparent);pointer-events:none}
.hart.lg img{max-height:200px;width:auto;filter:drop-shadow(0 12px 40px var(--glow))}
.hart.pl img{width:min(330px,100%);aspect-ratio:1;object-fit:cover;border-radius:14px;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent);mask-image:radial-gradient(closest-side,#000 62%,transparent)}
.hero.wh{padding:70px 0 70px}
.hero.au{padding:60px 0 90px}
.hero.au .hw{grid-template-columns:minmax(0,1fr) minmax(0,420px)}

/* parts of a page */
.sec{position:relative;padding:40px 0 70px}
.sh{margin-bottom:28px}
.sh.c{text-align:center}
.sh h2{font-size:22px;font-weight:600}
.sh p{margin-top:4px;font-size:12.5px;color:var(--mu)}
.more{display:flex;justify-content:center;margin-top:22px}
.ncards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nw{display:block;border-radius:var(--r);overflow:hidden;background:var(--s1);border:1px solid var(--ln);transition:border-color .15s,transform .15s}
a.nw:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent)}
.nw .ni{display:grid;place-items:center;aspect-ratio:1.48;background:var(--s2);color:#55535b}
.nw .ni img{width:100%;height:100%;object-fit:cover}
.nw.ph0 .ni{aspect-ratio:1.38}
.nw .nt{display:grid;gap:2px;padding:12px 14px 14px}
.nw time{font-size:11px;color:var(--mu)}
.nw b{font-weight:500;color:var(--wh);font-size:13.5px;line-height:1.4}
/* how to start */
.start{padding:90px 0 110px}
.start .map{position:absolute;left:0;top:0;bottom:0;width:50%;background:var(--map) right center/cover no-repeat;opacity:.32;-webkit-mask-image:radial-gradient(90% 70% at 30% 50%,#000 35%,transparent 75%);mask-image:radial-gradient(90% 70% at 30% 50%,#000 35%,transparent 75%);pointer-events:none}
.sw{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px}
.stx h2{font-size:21px;font-weight:600;line-height:1.35}
.stx h2 span{display:block}
.stx .lead{margin-top:10px;font-size:13px;line-height:1.6;max-width:560px;padding-bottom:22px;border-bottom:1px solid var(--ln)}
.steps{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:26px}
.steps h3{font-size:15px;font-weight:500}
.steps h3 b{color:var(--c);font-weight:600}
.steps p{margin-top:4px;font-size:13px;line-height:1.55;max-width:480px}
.steps p .hl,.steps .hl{background:none;color:var(--c);-webkit-text-fill-color:currentColor}
.steps .btn{margin-top:12px}

/* sale strip and notes */
.al{display:flex;align-items:center;gap:10px;margin:0 0 24px;padding:12px 16px;border-radius:var(--r);background:var(--s1);border:1px solid var(--ln);font-size:13px;color:var(--wh)}
.al svg{color:var(--c)}
.sale{display:flex;align-items:center;gap:20px;margin:0 0 30px;padding:14px 18px;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 16%,var(--s1)),var(--s1) 60%);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.sale .pct{font-size:26px;font-weight:700;font-style:italic;color:var(--c)}
.smx{flex:1;display:grid}
.smx b{color:var(--wh);font-weight:600}
.smx span{font-size:12px;color:var(--tx)}
.cd{display:flex;gap:6px}
.cd span{display:grid;justify-items:center;min-width:46px;padding:4px 6px;border-radius:5px;background:var(--s3)}
.cd b{font-size:15px;color:var(--wh);font-weight:600;line-height:1.2}
.cd small{font-size:9.5px;color:var(--mu);text-transform:uppercase;letter-spacing:.04em}

/* store */
.shero{position:relative;padding:70px 0 40px;text-align:center}
.shero h1{font-size:clamp(26px,3.1vw,38px);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.005em}
.shero p{max-width:600px;margin:12px auto 0;font-size:14px}
.shero .hb{justify-content:center}
.offer{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin:40px 0 30px;padding:34px 38px;border-radius:10px;background:linear-gradient(100deg,#262626,#222 55%,#262426);border:1px solid var(--ln);min-height:240px}
.otx h2{font-size:clamp(19px,2vw,23px);font-weight:600;text-transform:uppercase;line-height:1.3}
.otx p{margin-top:8px;font-size:12.5px;line-height:1.6;max-width:600px}
.ofm{margin-top:22px}
.rng{-webkit-appearance:none;appearance:none;width:100%;max-width:600px;height:26px;background:transparent;cursor:pointer;display:block}
.rng::-webkit-slider-runnable-track{height:3px;border-radius:2px;background:linear-gradient(90deg,var(--c) var(--v),var(--s3) var(--v))}
.rng::-moz-range-track{height:3px;border-radius:2px;background:var(--s3)}
.rng::-moz-range-progress{height:3px;background:var(--c)}
.rng::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11.5px;background:var(--c);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);border:0}
.rng::-moz-range-thumb{width:26px;height:26px;background:var(--c);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);border:0}
.orow{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;max-width:600px}
.obox{padding:6px 14px;border-radius:5px;background:var(--s3);border:1px solid var(--ln);color:var(--wh);font-size:12.5px}
.otot{font-size:13px}
.otot b{color:var(--wh);font-weight:600}
.orow .btn{margin-left:auto;min-width:130px}
.oart{position:relative}
.oart img{position:absolute;right:-30px;bottom:-34px;width:420px;max-width:none;-webkit-mask-image:radial-gradient(60% 65% at 55% 55%,#000 55%,transparent);mask-image:radial-gradient(60% 65% at 55% 55%,#000 55%,transparent);pointer-events:none}
.its{padding-top:10px}
.ih{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.ih .star{color:var(--c);display:grid}
.ih h2{font-size:16px;font-weight:600}
.ih p,.ih .md{font-size:12px;color:var(--mu);margin-top:1px}
.ih .btn{margin-left:auto}
.pills{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px}
.pills a{padding:6px 14px;border-radius:5px;background:var(--s1);border:1px solid var(--ln);font-size:12.5px;color:var(--tx)}
.pills a:hover{color:var(--wh)}
.pills a.on{background:var(--s3);color:var(--wh);border-color:var(--ln2)}
.pills a em{font-style:normal;color:var(--c);font-weight:600;margin-left:3px}
.pills.sub{margin-top:-10px}
.pills.sub a{background:none;padding:4px 10px}
.items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.it{display:flex;flex-direction:column;border-radius:var(--r);background:var(--s1);border:1px solid var(--ln);overflow:hidden;transition:border-color .15s,transform .15s}
.it:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);transform:translateY(-2px)}
.it.best{border-color:color-mix(in srgb,var(--c) 30%,transparent)}
.it .pic{position:relative;display:grid;place-items:center;aspect-ratio:1;background:#1e1e21}
.it .pic img{width:78%;height:78%;object-fit:contain}
.it .pic small{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:4px;background:var(--c);color:var(--ct);font-size:10.5px;font-weight:600}
.it .bd{flex:1;display:flex;flex-direction:column;gap:4px;padding:12px 12px 12px}
.it h3{font-size:13px;font-weight:500}
.it .d{font-size:11.5px;color:var(--mu);line-height:1.45}
.it .pr{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:8px}
.it .pv{font-size:13px;color:var(--wh);font-weight:600;display:grid;line-height:1.2}
.it .pv s{font-size:11px;color:var(--mu);font-weight:400}
.it .buy{padding:5px 12px;border-radius:5px;background:var(--c);color:var(--ct);font-size:11.5px;font-weight:500}
.lv{display:grid;gap:8px}
.lr{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:var(--r);background:var(--s1);border:1px solid var(--ln)}
.lpic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:5px;background:#1e1e21;overflow:hidden}
.lpic img{width:80%;height:80%;object-fit:contain}
.lt{flex:1;display:grid;min-width:0}
.lt b{color:var(--wh);font-weight:500;font-size:13.5px}
.lt small{font-size:12px;color:var(--mu)}
.lr strong{color:var(--wh);font-weight:600;font-size:13.5px}
.lr strong s{color:var(--mu);font-weight:400;font-size:12px}
.goal{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:0 0 22px;padding:14px 18px;border-radius:8px;background:var(--s1);border:1px solid var(--ln)}
.gm{flex:1;min-width:240px}
.gv{display:flex;align-items:baseline;gap:10px}
.gv span{font-size:12px;color:var(--mu)}
.gv b{color:var(--wh);font-weight:600}
.gv b small{color:var(--mu);font-weight:400}
.gv em{margin-left:auto;font-style:normal;color:var(--c);font-weight:600}
.gbar{display:block;height:6px;margin-top:8px;border-radius:4px;background:var(--s3);overflow:hidden}
.gbar i{display:block;height:100%;background:var(--hl);border-radius:4px}
.gm p{margin-top:8px;font-size:12px}
.gp{display:flex;align-items:center;gap:10px}
.gp img{border-radius:6px}
.gp span{display:grid;line-height:1.3}
.gp small{font-size:11px;color:var(--mu)}
.gp b{color:var(--wh);font-weight:500}
.note{margin-top:12px;font-size:12px;color:var(--mu)}
.empty{display:grid;justify-items:center;gap:6px;padding:46px 20px;text-align:center;color:var(--mu)}
.empty svg{color:#5d5b64}
.empty b{color:var(--wh);font-weight:500}
.empty span{font-size:13px}
.empty .btn{margin-top:10px}
.none{color:var(--mu);font-size:13px}
.cmpw{overflow-x:auto;border-radius:8px;border:1px solid var(--ln);background:var(--s1)}
.cmp{width:100%;border-collapse:collapse;font-size:13px}
.cmp th,.cmp td{padding:11px 14px;text-align:center;border-bottom:1px solid var(--ln)}
.cmp thead th{color:var(--wh);font-weight:500;vertical-align:bottom}
.cmp thead img{width:56px;height:56px;object-fit:contain;margin:0 auto 6px}
.cmp thead small{display:block;color:var(--tx);font-weight:400}
.cmp tbody th{text-align:left;color:var(--tx);font-weight:400}
.cmp .hl{background:color-mix(in srgb,var(--c) 7%,transparent);-webkit-text-fill-color:currentColor;color:inherit}
.cmp thead th.hl{color:var(--wh)}
.cmp .ck{color:var(--c);display:inline-flex}
.cmp .no{color:#55535b}
.cmp tfoot td{border-bottom:0}

/* a package */
.pdb{padding:50px 0 80px}
.pd{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:start}
.pdv{position:sticky;top:20px}
.pdc{display:grid;place-items:center;aspect-ratio:1;border-radius:10px;background:#1e1e21;border:1px solid var(--ln)}
.pdc img{width:70%;height:70%;object-fit:contain}
.crumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu)}
.crumb a:hover{color:var(--wh)}
.pdx h1{margin-top:10px;font-size:30px;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.chips span{padding:3px 10px;border-radius:5px;background:var(--s3);font-size:11.5px;color:var(--wh)}
.chips .sv{background:var(--c);color:var(--ct)}
.pp{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.pp b{font-size:26px;color:var(--wh);font-weight:600}
.pp s{color:var(--mu)}
.up{margin-top:12px;padding:9px 14px;border-radius:var(--r);background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--wh);font-size:12.5px}
.pdw{margin-top:22px;padding-top:18px;border-top:1px solid var(--ln)}
.pdw h2{font-size:14px;margin-bottom:6px}
.pf{margin-top:22px;padding:20px;border-radius:8px;background:var(--s1);border:1px solid var(--ln)}
.f{display:block;margin:14px 0 6px;font-size:12px;color:var(--wh);font-weight:500}
.f:first-of-type{margin-top:0}
.f small{color:var(--mu);font-weight:400;margin-left:4px}
.fi{width:100%;height:40px;padding:0 12px;border-radius:5px;border:1px solid var(--ln);background:var(--s2);color:var(--wh);font-size:13px}
textarea.fi{height:auto;padding:10px 12px}
.fi:focus{outline:none;border-color:color-mix(in srgb,var(--c) 65%,transparent)}
.fi::placeholder{color:#6d6b74}
.pf .btn.wide{margin-top:18px}
.stock{margin-top:12px;font-size:12px;color:var(--warn)}
.pdm{margin-top:60px}

/* basket */
.pad{padding:50px 0 90px}
.card{border-radius:8px;background:var(--s1);border:1px solid var(--ln)}
.ct{font-size:15px;font-weight:500;color:var(--c)}
.ct small{color:var(--mu);font-size:12px;font-weight:400}
h2.ct .hl,h1.ct .hl{background:none;color:var(--c);-webkit-text-fill-color:currentColor}
.bx h2.ct{color:var(--wh)}
.bk{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
.bl{padding:18px 20px}
.bl .ct{padding-bottom:14px;border-bottom:1px solid var(--ln)}
.lines{display:grid}
.ln{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--ln)}
.ln:last-child{border-bottom:0}
.ln .lpic{width:36px;height:36px;background:var(--s3)}
.ln .lt b{font-size:13px}
.ln .lt small{font-size:11.5px}
.x{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:5px;background:none;color:var(--mu);cursor:pointer}
.x:hover{background:var(--s3);color:var(--bad)}
.inl{display:inline}
.inl .x{display:inline-grid;width:22px;height:22px;vertical-align:middle}
.bx{padding:18px 20px;position:sticky;top:20px}
.bx .ct{padding-bottom:14px;border-bottom:1px solid var(--ln)}
.bxi{padding-top:14px}
.bxi h3{font-size:13.5px;font-weight:500;color:var(--c)}
.bxi .sub{margin-top:4px;font-size:12px}
.bxi .sub b{color:var(--wh);font-weight:500}
.cpn{display:flex;gap:8px;margin-top:14px}
.cpn .fi{height:34px}
.err{margin-top:8px;font-size:12px;color:var(--bad)}
.pm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}
.pm label{position:relative;cursor:pointer}
.pm input{position:absolute;opacity:0;inset:0}
.pm span{display:grid;place-items:center;min-height:40px;padding:6px 8px;border-radius:5px;background:var(--s3);border:1px solid var(--ln);font-size:11.5px;text-align:center;color:var(--tx);line-height:1.3}
.pm input:checked+span{border-color:var(--c);color:var(--wh);background:color-mix(in srgb,var(--c) 12%,var(--s3))}
.pm input:focus-visible+span{outline:2px solid var(--c);outline-offset:2px}
.agree{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:12px;color:var(--wh);cursor:pointer}
.agree input{accent-color:var(--c);width:15px;height:15px}
.agree a{color:var(--c)}
.li,.tot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;padding:7px 0}
.li:first-child{margin-top:14px}
.li span{color:var(--wh)}
.li.disc span{color:var(--ok)}
.tot{border-top:1px solid var(--ln);margin-top:6px;padding-top:12px;color:var(--wh);font-weight:500}
.tot span{font-size:16px;font-weight:600}
.cko .li:first-of-type{margin-top:16px}
.bx .btn.wide{margin-top:14px}
.curf{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:12px}
.curf .fi{height:32px;width:auto;flex:0 0 auto}

/* text pages, news, wiki */
.ph{text-align:center;margin-bottom:32px}
.ph h1,.ph h2{font-size:clamp(24px,2.8vw,34px);font-weight:700;font-style:italic;text-transform:uppercase}
.ph p{max-width:620px;margin:10px auto 0;font-size:13.5px}
.doc{max-width:820px;margin:0 auto;padding:30px 34px}
.doc.ctr{text-align:center;max-width:620px}
.doc.ctr p{margin-top:8px}
.doc.ctr .hb{justify-content:center}
.md{font-size:14px;line-height:1.75;color:var(--tx);overflow-wrap:anywhere}
.md>*+*{margin-top:12px}
.md h1,.md h2,.md h3{color:var(--wh);margin-top:22px}
.md h1{font-size:22px}.md h2{font-size:18px}.md h3{font-size:15px}
.md a{color:var(--c);text-decoration:underline;text-underline-offset:3px}
.md strong{color:var(--wh);font-weight:600}
.md img{border-radius:8px;margin:14px 0}
.md ul,.md ol{padding-left:20px}
.md li+li{margin-top:4px}
.md blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid var(--c);background:var(--s2);border-radius:0 5px 5px 0}
.pager{display:flex;justify-content:center;gap:10px;margin-top:26px}
.art{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.post{padding:28px 32px}
.back{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--mu)}
.back:hover{color:var(--wh)}
.post time{display:block;margin-top:14px;font-size:12px;color:var(--c)}
.post h1{margin-top:4px;font-size:28px;font-weight:600}
.by{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;color:var(--wh)}
.by img{border-radius:4px}
.cover{margin:20px 0;border-radius:8px;width:100%;aspect-ratio:1.9;object-fit:cover}
.more2{padding:18px}
.more2 h2{font-size:14px;margin-bottom:8px}
.more2 a{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--ln)}
.more2 img,.more2 i{width:70px;height:46px;flex:none;border-radius:5px;object-fit:cover;background:var(--s3);display:grid;place-items:center;color:var(--mu)}
.more2 span{display:grid;line-height:1.35;font-size:12.5px}
.more2 b{color:var(--wh);font-weight:500}
.more2 time{font-size:11px;color:var(--mu)}
.wiki{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start;padding-bottom:90px}
.wnav{padding:8px;position:sticky;top:20px}
.wnav .wi{display:block;padding:12px 14px;border-radius:6px}
.wnav .wi b{color:var(--wh);font-weight:500;font-size:13.5px}
.wnav .wi small{display:block;margin-top:4px;font-size:11.5px;line-height:1.5;color:var(--mu)}
.wnav .wi.on{background:var(--s3)}
.wg summary{list-style:none;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:6px;font-size:13px;color:var(--tx);cursor:pointer}
.wg summary::-webkit-details-marker{display:none}
.wg summary svg{transition:transform .15s;color:var(--mu)}
.wg[open] summary svg{transform:rotate(90deg)}
.wg summary:hover{color:var(--wh)}
.wg a{display:block;margin-left:30px;padding:7px 12px;border-radius:5px;font-size:12.5px;color:var(--mu)}
.wg a:hover{color:var(--wh)}
.wg a.on{background:var(--s3);color:var(--wh)}
.wpan{padding:20px 22px}
.wpan>.ct{font-size:15px;color:var(--wh)}
.wnote{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-radius:6px;background:var(--s2);font-size:12.5px;line-height:1.55}
.wnote svg{color:var(--mu);margin-top:2px}
.wban{display:grid;place-items:center;margin-top:12px;aspect-ratio:2.6;border-radius:6px;background:var(--s2);overflow:hidden}
.wban img{width:100%;height:100%;object-fit:cover}
.wban span{font-size:clamp(18px,2.4vw,28px);color:#bdb9c6;font-weight:500}
.wgt{margin-top:20px;font-size:13.5px;font-weight:500;color:var(--wh)}
.wl{display:grid;gap:6px;margin-top:8px}
.wl a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;background:var(--s2);font-size:12.5px;color:var(--wh);transition:background .15s}
.wl a:hover{background:var(--s3)}
.wl a>svg:last-child{margin-left:auto;color:var(--mu)}
.wic{display:grid;place-items:center;width:26px;height:26px;border-radius:5px;background:var(--s3);color:var(--c)}
.wpan .md{margin-top:14px}
.staff{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.staff .sm{display:grid;justify-items:center;gap:2px;padding:20px 12px 16px;text-align:center}
.staff .sk{display:grid;place-items:end center;height:150px;margin-bottom:8px}
.staff .sk img{max-height:150px;width:auto}
.staff b{color:var(--wh);font-weight:500}
.staff span{font-size:12px;color:var(--c)}
.vsteps{list-style:none;padding:0;margin:0 auto 26px;max-width:880px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vsteps li{display:flex;gap:10px;font-size:12.5px}
.vsteps li>b{color:var(--c);font-weight:600}
.vsteps span b{display:block;color:var(--wh);font-weight:500}
.votes{max-width:880px;margin:0 auto;display:grid;gap:8px}
.vt{display:flex;align-items:center;gap:14px;padding:12px 16px}
.vt em{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:var(--s3);font-style:normal;color:var(--c);font-weight:600}
.vt>span:not(.btn){flex:1;display:grid}
.vt b{color:var(--wh);font-weight:500}
.vt small{color:var(--mu);font-size:11.5px}
.pods{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin-bottom:22px}
.pa{position:relative;display:grid;justify-items:center;gap:4px;width:180px;padding:18px 12px 14px}
.pa img{height:120px;width:auto}
.pa.p1 img{height:160px}
.pa b{color:var(--wh);font-weight:500}
.pa em{position:absolute;top:10px;left:10px;width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:var(--c);color:var(--ct);font-style:normal;font-size:12px;font-weight:600}
.patg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;max-width:880px;margin:0 auto}
.patc{padding:18px}
.patr{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ln);font-size:13px}
.patr:first-of-type{margin-top:10px}
.patr .pn{width:24px;color:var(--mu)}
.patr img{border-radius:4px}
.patr b{color:var(--wh);font-weight:500}

/* accounts */
.af{padding:26px 26px 22px}
.af .sub{margin-top:4px;font-size:12.5px}
.af form{margin-top:18px}
.af form.two{margin-top:24px;padding-top:18px;border-top:1px solid var(--ln)}
.af .btn.wide{margin-top:18px}
.alt{margin-top:14px;font-size:12.5px;text-align:center}
.alt a{color:var(--c)}
.acc{display:flex;align-items:center;gap:26px;padding:22px 26px;margin-bottom:16px}
.acsk img{height:150px;width:auto}
.acc h1{font-size:24px;font-weight:600}
.acc h1 .hl{background:var(--hl);-webkit-background-clip:text;background-clip:text}
.pill{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:3px 10px;border-radius:5px;font-size:11.5px;background:var(--s3);color:var(--wh)}
.pill.ok,.pill.d{background:rgba(95,211,141,.12);color:var(--ok)}
.pill.no,.pill.f{background:rgba(255,107,122,.12);color:var(--bad)}
.pill.w,.pill.p{background:rgba(242,193,78,.12);color:var(--warn)}
.acc dl{display:flex;flex-wrap:wrap;gap:8px 30px;margin:14px 0 0}
.acc dt{font-size:11px;color:var(--mu)}
.acc dd{margin:0;color:var(--wh);font-size:13px}
.acc dd.c{color:var(--c)}
.acg{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}
.acn{padding:8px;position:sticky;top:20px;display:grid}
.acn a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:5px;font-size:13px;color:var(--tx)}
.acn a svg{color:var(--mu)}
.acn a.on,.acn a:hover{background:var(--s3);color:var(--wh)}
.acn a.on svg{color:var(--c)}
.acn em{margin-left:auto;font-style:normal;font-size:11px;color:var(--mu)}
.acout{display:flex;align-items:center;gap:10px;width:100%;margin-top:6px;padding:9px 12px;border:0;border-top:1px solid var(--ln);background:none;color:var(--mu);font-size:13px;cursor:pointer;text-align:left}
.acout:hover{color:var(--bad)}
.acm{display:grid;gap:16px}
.acs{padding:20px 22px;scroll-margin-top:20px}
.acs .sub{margin-top:4px;font-size:12.5px}
.aco{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--ln)}
.aco:first-of-type{margin-top:12px}
.acis{display:grid;gap:6px}
.aci{display:flex;align-items:center;gap:10px;color:var(--wh);font-size:13px}
.aci img{width:30px;height:30px;border-radius:5px;background:var(--s3);object-fit:contain;padding:3px}
.aci small{color:var(--mu);margin-left:4px}
.acmt{font-size:11.5px;color:var(--mu)}
.acrt{display:grid;justify-items:end;gap:6px;text-align:right}
.acrt b{color:var(--wh);font-weight:600}
.acrt .pill{margin:0}
.acr{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--ln)}
.acr:first-of-type{margin-top:12px}
.acr>img,.acr .gi{width:40px;height:40px;border-radius:5px;background:var(--s3);object-fit:contain;padding:4px;display:grid;place-items:center;color:var(--c)}
.acr>div{flex:1;display:grid}
.acr b{color:var(--wh);font-weight:500;font-size:13px}
.acr small{font-size:11.5px;color:var(--mu)}
.bar{height:5px;margin-top:6px;border-radius:3px;background:var(--s3);overflow:hidden;max-width:320px}
.bar i{display:block;height:100%;background:var(--c)}
.acl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.acl .fi{flex:1;min-width:160px;height:34px}
.acl code{flex:1;padding:8px 12px}
.acd{display:flex;align-items:center;gap:14px;margin-top:12px}
.acd .dm{display:grid;place-items:center;width:40px;height:40px;border-radius:6px;background:#5865f2;color:#fff}
.acd .dm svg{width:22px;fill:currentColor}
.acd>div{flex:1;display:grid}
.acd b{color:var(--wh);font-weight:500}
.acd small{font-size:12px;color:var(--mu)}
.acf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--ln)}
.acf:first-of-type{margin-top:12px}
.acf>span{display:grid}
.acf b{color:var(--wh);font-weight:500;font-size:13px}
.acf small{font-size:12px;color:var(--mu)}
.acf .acl{margin:0}
.acx{margin-top:10px;padding-top:12px;border-top:1px solid var(--ln)}
.acx summary{cursor:pointer;color:var(--bad);font-size:12.5px}

/* footer */
.ft{position:relative;z-index:1;margin-top:20px;background:#191919;border-top:1px solid var(--ln)}
.ftt{display:flex;justify-content:space-between;gap:40px;padding:30px 0 24px}
.ftl{max-width:560px}
.ftb{display:inline-flex}
.ftb img{height:30px;width:auto;max-width:150px;object-fit:contain}
.ftb b{font-size:15px;color:var(--wh);font-weight:600}
.ftl p{margin-top:12px;font-size:11.5px;line-height:1.6;color:var(--mu)}
.ftd{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--wh)}
.ftd .dm{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#5865f2}
.ftd .dm svg{width:14px;fill:#fff}
.ftd small{color:var(--mu)}
.ftx{display:flex;flex-direction:column;align-items:flex-end;gap:10px;max-width:300px}
.ftx p{padding:10px 12px;border:1px solid var(--ln2);border-radius:5px;font-size:10.5px;line-height:1.55;color:var(--mu)}
.ftip{display:grid;text-align:right;background:none;border:0;padding:0;cursor:pointer;line-height:1.35}
.ftip small{font-size:10.5px;color:var(--mu)}
.ftip b{font-size:13px;color:var(--wh);font-weight:500}
.ftip.done b{color:var(--ok)}
.ftm{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:14px 0 22px;border-top:1px solid var(--ln);font-size:11.5px;color:var(--mu)}
.ftm p:last-child{display:flex;gap:18px}
.ftm a:hover{color:var(--wh)}

/* smaller screens */
@media (max-width:1080px){
  .items{grid-template-columns:repeat(4,minmax(0,1fr))}
  .offer{grid-template-columns:minmax(0,1fr) 220px}
  .oart img{width:340px}
}
@media (max-width:900px){
  .tbn{display:none}
  .tbm{display:block}
  .tbw{justify-content:space-between}
  .hw,.hero.au .hw{grid-template-columns:minmax(0,1fr)}
  .hart{order:-1;justify-content:flex-start}
  .hart.lg img{max-height:120px}
  .hart.pl{display:none}
  .sw{grid-template-columns:minmax(0,1fr)}
  .sw>div:first-child{display:none}
  .start .map{width:100%;opacity:.22}
  .items{grid-template-columns:repeat(3,minmax(0,1fr))}
  .offer{grid-template-columns:minmax(0,1fr);padding:26px 22px}
  .oart{display:none}
  .pd,.bk,.art,.wiki,.acg{grid-template-columns:minmax(0,1fr)}
  .pdv,.bx,.wnav,.acn{position:static}
  .pdc{max-width:360px}
  .ftt{flex-direction:column;gap:20px}
  .ftx{align-items:flex-start}
  .ftip{text-align:left}
  .vsteps{grid-template-columns:1fr}
}
@media (max-width:620px){
  .w{width:calc(100% - 32px)}
  .hero{padding:44px 0 60px}
  .ncards{grid-template-columns:minmax(0,1fr)}
  .items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tba:not(.me){padding:0 12px}
  .tba.me span{display:none}
  .sale{flex-wrap:wrap}
  .cd{order:3}
  .orow .btn{margin-left:0;width:100%}
  .pm{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acc{flex-direction:column;align-items:flex-start}
  .acsk img{height:110px}
  .aco{flex-direction:column}
  .acrt{justify-items:start;text-align:left}
  .doc,.post{padding:22px 18px}
  .pods{flex-wrap:wrap}
  .lr{flex-wrap:wrap}
  .lr .lt{flex-basis:calc(100% - 60px)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.bk>.card:only-child{grid-column:1/-1;width:100%;max-width:680px;margin:0 auto}

/* content pages: rules, vote, staff, patrons, terms and the owner's own pages */
.ph2{padding:70px 0 60px}
.rules2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start;padding-bottom:90px}
.rpan{padding:20px 22px}
.rpan>.ct{color:var(--wh);padding-bottom:14px;border-bottom:1px solid var(--ln)}
.rgt{margin:22px 0 4px;font-size:14px;font-weight:500;color:var(--c)}
.rl{list-style:none;margin:0;padding:0}
.rl li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--ln)}
.rl li:last-child{border-bottom:0}
.rl li>b{flex:none;width:28px;color:var(--c);font-weight:600;font-size:15px;line-height:1.75}
.rl .md{font-size:13.5px}
.rl .md p{margin:0}
.rside{position:sticky;top:20px;padding:20px;display:grid;gap:10px;justify-items:start}
.rside>b{color:var(--wh);font-weight:500;font-size:15px}
.rside>p{font-size:12.5px;line-height:1.6}
.rside .btn{width:100%;justify-content:flex-start}
.rside .steps{margin:0;gap:18px}
.vl a{gap:14px}
.vl .wic{font-weight:600;font-size:12px}
.vtx{flex:1;display:grid;line-height:1.35}
.vtx small{color:var(--mu);font-size:11.5px}
.vl a>.btn{margin-left:auto}
.tpage{padding-bottom:90px}
.tpage .wpan{max-width:900px;margin:0 auto;padding:22px 26px}
.tpage .wban{margin:0 0 6px;aspect-ratio:2.6}
.tpage .wban img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
.staff2 .pic.sk,.pods2 .pic.sk{place-items:end center;padding-top:14px}
.staff2 .pic.sk img,.pods2 .pic.sk img{width:auto;height:86%;object-fit:contain}
.it .rl2{font-size:12px;color:var(--c)}
.staff2{margin-bottom:34px}
.pods2{display:grid;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;align-items:end;gap:14px;margin-bottom:34px}
.pods2 .p1 .pic{aspect-ratio:.82}
.pods2 .pic small{position:absolute;left:10px;top:10px;padding:2px 9px;border-radius:4px;background:var(--c);color:var(--ct);font-size:12px;font-weight:600}
.pods2 .p1{border-color:color-mix(in srgb,var(--c) 45%,transparent)}
.patg2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.patc2 .pn{width:26px;color:var(--c);font-weight:600;font-size:13px}
.patc2 .ln img{border-radius:5px}
@media (max-width:900px){.rules2{grid-template-columns:minmax(0,1fr)}.rside{position:static}}
@media (max-width:620px){.pods2{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pods2 .bd h3{font-size:11.5px}}

/* no boxes on content pages: text and pictures straight on the page, split by thin lines */
.flat{padding-bottom:90px}
.rules2 .card,.tpage .card,.patg2 .card,.acg .card,.acc.card,.doc.card,.af.card,.staff2 .it,.pods2 .it{background:none;border:0;border-radius:0}
.rpan,.rside,.tpage .wpan,.patc2{padding:0}
.rules2{gap:56px}
.rpan>.ct{font-size:18px}
.rside{border-left:1px solid var(--ln)!important;padding-left:28px}
.rside .btn{background:none;border:0;padding:0;height:auto;color:var(--c)}
.rside .btn:hover{text-decoration:underline}
.rside .wic{display:none}
.tpage .wpan{max-width:780px}
.tpage .wban{border-radius:10px;margin-bottom:20px}
.tpage .md{font-size:14.5px}
.staff2 .it,.pods2 .it{overflow:visible}
.staff2 .it:hover,.pods2 .it:hover{transform:none}
.staff2 .pic.sk,.pods2 .pic.sk{background:radial-gradient(closest-side at 50% 62%,color-mix(in srgb,var(--c) 16%,transparent),transparent);aspect-ratio:.9}
.staff2 .bd,.pods2 .bd{text-align:center;align-items:center;padding:8px 0 0}
.staff2{gap:24px 12px}
.pods2 .pic small{left:50%;transform:translateX(-50%);top:4px}
.patg2{gap:40px}
.patc2 .ct{font-size:16px;color:var(--wh);padding-bottom:12px;border-bottom:1px solid var(--ln)}
.vl a{background:none;border-bottom:1px solid var(--ln);border-radius:0;padding:14px 4px}
.vl a:hover{background:none}
.vl a:hover b{color:var(--c)}
/* news */
.nrow{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid var(--ln)}
.nrow:first-child{padding-top:0}
.nrow .ni{display:grid;place-items:center;aspect-ratio:1.6;border-radius:8px;overflow:hidden;background:var(--s2);color:#555}
.nrow .ni img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.nrow:hover .ni img{transform:scale(1.03)}
.nrow .nx{display:grid;gap:6px}
.nrow time{font-size:12px;color:var(--c)}
.nrow b{color:var(--wh);font-weight:600;font-size:19px;line-height:1.35}
.nrow .nx>span:not(.nmore){font-size:13.5px;line-height:1.65;max-width:620px}
.nmore{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--wh);margin-top:4px}
.nrow:hover .nmore{color:var(--c)}
.nrow.big{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px}
.nrow.big b{font-size:clamp(22px,2.4vw,30px);text-transform:uppercase}
.nh2 .w{display:block}
.nh2 .ht{margin-top:18px;max-width:860px}
.nh2 time{font-size:12.5px;color:var(--c)}
.nh2 h1{margin-top:6px}
.nh2 .by{margin-top:14px}
.nh2 .by b{color:var(--wh);font-weight:500;margin-left:3px}
.post2{max-width:860px}
.post2 .cover{margin:0 0 28px;border-radius:10px;aspect-ratio:2;object-fit:cover;width:100%}
.post2 .md{font-size:15px;line-height:1.8}
/* account, log-in, order pages */
.af{padding:0}
.af form.two{border-top:1px solid var(--ln)}
.acc{padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--ln)!important}
.acg{gap:40px}
.acn{padding:0;border-right:1px solid var(--ln)!important;padding-right:16px}
.acm{gap:0}
.acs{padding:26px 0;border-bottom:1px solid var(--ln)!important}
.acs:first-child{padding-top:0}
.doc{padding:0}
.doc.ctr{padding:40px 0}
@media (max-width:900px){.nrow,.nrow.big{grid-template-columns:minmax(0,1fr);gap:16px}.rside{border-left:0!important;padding-left:0;border-top:1px solid var(--ln)!important;padding-top:20px}.acn{border-right:0!important;padding-right:0}}
.nw{background:none;border:0;border-radius:0;overflow:visible}
.nw .ni{border-radius:8px;overflow:hidden}
.nw .ni img{transition:transform .3s}
a.nw:hover .ni img{transform:scale(1.03)}
.nw .nt{padding:12px 2px 0}
a.nw:hover b{color:var(--c)}