/* CraftRank Sites: the Atlas design. Loaded after spawn.css; every rule starts with .th-atlas or one of its own blocks.
   Obsidian page, off-white type, the owner's colour (--c) used sparingly. Behind the home page two players fight a duel
   in a 3D field (assets/sites/atlas/*.js draws it on the .arc canvas); the page's parts stand in front of it as slabs. */
:root{--bg:#0a0b0c;--s1:#101214;--s2:#16191c;--s3:#1f2327;--ln:#1e2225;--ln2:#2b3035;--tx:#b3b8bd;--mu:#747a81;--wh:#f2efe8;--ok:#5fc93a;--bad:#ff6b6b;--glow:transparent;--wc:var(--c)}
body.th-atlas{background:var(--bg);color:var(--tx);font:500 15.5px/1.6 Cairo,system-ui,sans-serif;display:block}
.th-atlas h1,.th-atlas h2,.th-atlas h3{color:var(--wh);line-height:1.02;letter-spacing:-.2px}
.th-atlas :focus-visible{outline:2px solid var(--c);outline-offset:3px}
.pgw{display:flex;flex-direction:column;min-height:100vh}.pgw>main{flex:1}

/* ---- the bar on top ---- */
.tb{position:relative;z-index:30;display:flex;align-items:center;gap:36px;height:72px;padding:0 max(24px,calc((100% - 1320px)/2));border-bottom:1px solid var(--ln);background:var(--bg)}
.tbl{display:flex;align-items:center;font:800 italic 22px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--wh);white-space:nowrap}
.tbl img{max-height:42px;max-width:190px;width:auto}
.tbn{display:flex;gap:28px;margin-right:auto;min-width:0;overflow:hidden}
.tbn a{position:relative;padding:8px 0;font:800 italic 14.5px/1 Kanit,sans-serif;text-transform:uppercase;color:#a9aeb4;white-space:nowrap}
.tbn a:hover{color:var(--wh)}
.tbn a.on{color:var(--wh)}.tbn a.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c);transform:skewX(-20deg)}
.tbr{display:flex;align-items:center;gap:22px;margin-left:auto}
.tbr .cur select{height:36px;padding:0 6px;background:transparent;border:1px solid var(--ln2);color:var(--wh);font:700 13px Cairo,sans-serif;cursor:pointer}.tbr .cur option{background:#111}
.tbk,.tba{display:flex;align-items:center;gap:8px;font:800 italic 14.5px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--wh);white-space:nowrap}
.tbk b{min-width:22px;height:22px;display:grid;place-items:center;padding:0 5px;background:var(--c);color:var(--ct);font:800 13px Cairo,sans-serif;font-style:normal}
.tbk small{font:600 13px Cairo,sans-serif;color:var(--mu);text-transform:none;font-style:normal}
.tba img{width:28px;height:28px;image-rendering:pixelated}
.tba:not(:has(img)){height:40px;padding:0 18px;box-shadow:inset 0 0 0 1px var(--ln2)}.tba:not(:has(img)):hover{box-shadow:inset 0 0 0 1px var(--wh)}
.tbm{display:none;position:relative}
.tbm summary{list-style:none;display:flex;align-items:center;height:40px;padding:0 14px;box-shadow:inset 0 0 0 1px var(--ln2);font:800 italic 14px Kanit,sans-serif;text-transform:uppercase;color:var(--wh);cursor:pointer}.tbm summary::-webkit-details-marker{display:none}
.tbm nav{position:absolute;right:0;top:calc(100% + 8px);min-width:230px;display:flex;flex-direction:column;padding:8px 20px;background:#0d0f10;border:1px solid var(--ln2)}
.tbm nav a{padding:13px 0;border-top:1px solid var(--ln);font:800 italic 15px Kanit,sans-serif;text-transform:uppercase;color:var(--wh)}.tbm nav a:first-child{border:0}.tbm nav a.on{color:var(--c)}
.th-atlas .annb{font:700 13.5px/1.4 Cairo,sans-serif;padding:8px 16px}
.th-atlas .annb.demo{background:#060707;color:var(--mu);font-weight:600}.th-atlas .annb.demo a{color:var(--wh);text-decoration:underline;text-underline-offset:3px}

/* ---- home: the duel behind the page. assets/sites/atlas/*.js draws it on .arc and plays it as the page scrolls;
   until it is ready (or where WebGL is missing) a still of the field shows instead. --dim darkens it for the last screen. ---- */
.ar{position:fixed;left:0;top:0;width:100%;height:100vh;height:100lvh;z-index:0;overflow:hidden;background:#c9d3b4 var(--arena) center/cover no-repeat;pointer-events:none}
.arc{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}.ar.on .arc{opacity:1}
.ard{position:absolute;inset:0;background:#040405;opacity:calc(var(--dim,0)*.9)}
/* who is fighting, and how many hearts each has left */
.hud{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(24px,calc((100% - 1380px)/2)) 28px;opacity:calc(1 - var(--dim,0)*2)}
.ar:not(.on) .hud{display:none}
.hf{display:grid;grid-template-columns:44px auto;align-items:center;gap:6px 14px}
.hf img{grid-row:1/3;width:44px;height:44px;image-rendering:pixelated;box-shadow:0 0 0 3px #0a0b0c,6px 6px 0 3px rgba(10,11,12,.3)}
.hf b{align-self:end;font:800 italic 18px/1 Kanit,sans-serif;text-transform:uppercase;color:#fff;text-shadow:2px 0 0 #0a0b0c,-2px 0 0 #0a0b0c,0 2px 0 #0a0b0c,0 -2px 0 #0a0b0c,1.5px 1.5px 0 #0a0b0c,-1.5px 1.5px 0 #0a0b0c,1.5px -1.5px 0 #0a0b0c,-1.5px -1.5px 0 #0a0b0c,0.7px 1px 0 #0a0b0c,1.4px 2px 0 #0a0b0c,2.1px 3px 0 #0a0b0c}
.hb{display:flex;gap:5px;align-self:start}
.hb i{width:15px;height:10px;background:#f23d3d;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25),0 0 0 2px #0a0b0c;transform:skewX(-16deg);transition:background .2s}
.hb i.off{background:#34373c}
.hf2{grid-template-columns:auto 44px;justify-items:end}.hf2 img{grid-column:2}.hf2 b{grid-column:1;grid-row:1}.hf2 .hb{grid-column:1;grid-row:2;flex-direction:row-reverse}
.hf.hit{animation:hfhit .4s}
@keyframes hfhit{20%{transform:translate(-5px,2px)}40%{transform:translate(5px,-2px)}60%{transform:translate(-3px,1px)}80%{transform:translate(2px,0)}}
.hf.ko img{filter:grayscale(1) brightness(.55)}.hf.ko b{color:#b9bcc0}
.ar.go~.pgw .hzc{visibility:visible}
.home .pgw{position:relative;z-index:1}.home main{overflow-x:clip}
.home .tb{position:sticky;top:0}

/* the first screen: the headline stands in the sky over the field */
.hz{position:relative;min-height:calc(100vh - 72px);min-height:calc(100svh - 72px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(56px,11vh,130px) 24px 0;perspective:900px}
.hz>*{opacity:calc(1 - var(--out,0)*1.6)}
.hz h1{max-width:13ch;font:800 italic clamp(46px,7.2vw,122px)/.86 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:#fff;text-wrap:balance;text-shadow:2px 0 0 #0a0b0c,-2px 0 0 #0a0b0c,0 2px 0 #0a0b0c,0 -2px 0 #0a0b0c,1.5px 1.5px 0 #0a0b0c,-1.5px 1.5px 0 #0a0b0c,1.5px -1.5px 0 #0a0b0c,-1.5px -1.5px 0 #0a0b0c,0.7px 1px 0 #0a0b0c,1.4px 2px 0 #0a0b0c,2.1px 3px 0 #0a0b0c,2.8px 4px 0 #0a0b0c,3.5px 5px 0 #0a0b0c,4.2px 6px 0 #0a0b0c,4.9px 7px 0 #0a0b0c,5.6px 8px 0 #0a0b0c,6.3px 9px 0 #0a0b0c,7.0px 10px 0 #0a0b0c,7.7px 11px 0 #0a0b0c,10px 22px 30px rgba(10,11,12,.35);transform:rotateX(calc(12deg + var(--out,0)*44deg)) translateY(calc(var(--out,0)*-50px));transform-origin:50% 100%}
.hzs{max-width:440px;margin:34px 0 26px;font:700 17px/1.5 Cairo,sans-serif;color:#0a0b0c}
.hzb{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.hzc{visibility:hidden;margin:auto 0 0;padding:0 0 112px;font:800 italic 14px/1 Kanit,sans-serif;text-transform:uppercase;color:#fff;text-shadow:2px 0 0 #0a0b0c,-2px 0 0 #0a0b0c,0 2px 0 #0a0b0c,0 -2px 0 #0a0b0c,1.5px 1.5px 0 #0a0b0c,-1.5px 1.5px 0 #0a0b0c,1.5px -1.5px 0 #0a0b0c,-1.5px -1.5px 0 #0a0b0c}
.hzc:after{content:"";display:block;width:12px;height:12px;margin:12px auto 0;border:solid #fff;border-width:0 4px 4px 0;transform:rotate(45deg);filter:drop-shadow(1px 1px 0 #0a0b0c) drop-shadow(-1px -1px 0 #0a0b0c);animation:hzc 1.4s ease-in-out infinite}
@keyframes hzc{50%{transform:translateY(7px) rotate(45deg)}}

/* the slabs: each part of the home page is a thick panel standing in front of the field, on the left and the right in
   turn so the fight stays in view beside it. --e is how far a slab still is from its place (1 to 0), --x how far it has left. */
.slab{position:relative;width:min(660px,calc(50% - 40px));margin:0 0 44vh;perspective:1100px;--s:-1}
.slab.l{margin-left:max(24px,calc((100% - 1380px)/2))}
.slab.r{margin-left:auto;margin-right:max(24px,calc((100% - 1380px)/2));--s:1}
.slab.w{width:min(880px,calc(62% - 40px))}
.hz+.slab{margin-top:30vh}
.slb{position:relative;padding:36px 38px 40px;background:#0c0e0f;box-shadow:inset 0 0 0 1px #262b30,0 60px 70px -40px rgba(4,4,5,.75);transform-style:preserve-3d;transform:translateZ(calc(var(--e,0)*-240px)) rotateX(calc(var(--e,0)*26deg - var(--x,0)*18deg)) rotateY(calc(var(--s)*var(--e,0)*-14deg))}
.slb:before,.slb:after{content:"";position:absolute;pointer-events:none}
.slb:after{top:0;bottom:0;width:46px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 74%,#000),color-mix(in srgb,var(--c) 40%,#000))}
.slab.l .slb:after{left:100%;transform-origin:0 50%;transform:rotateY(90deg)}
.slab.r .slb:after{right:100%;transform-origin:100% 50%;transform:rotateY(-90deg);background:linear-gradient(270deg,color-mix(in srgb,var(--c) 74%,#000),color-mix(in srgb,var(--c) 40%,#000))}
.slb:before{display:none;left:0;right:0;height:46px}
.slab.dn .slb:before{display:block;bottom:100%;transform-origin:50% 100%;transform:rotateX(90deg);background:#2a3035}
.slab.up .slb:before{display:block;top:100%;transform-origin:50% 0;transform:rotateX(-90deg);background:#040505}
.slab .sech{display:block;margin-bottom:24px}
.slab .sech h2{font:800 italic clamp(34px,3.3vw,50px)/.9 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-.01em;color:#fff;text-shadow:0.7px 1px 0 color-mix(in srgb,var(--c) 70%,#000),1.4px 2px 0 color-mix(in srgb,var(--c) 63%,#000),2.1px 3px 0 color-mix(in srgb,var(--c) 55%,#000),2.8px 4px 0 color-mix(in srgb,var(--c) 47%,#000),3.5px 5px 0 color-mix(in srgb,var(--c) 40%,#000),4.2px 6px 0 color-mix(in srgb,var(--c) 32%,#000)}
.slab .sech p{margin:16px 0 0;max-width:none;color:var(--mu)}
.slab .btn{margin-top:28px}
.tpl{list-style:none;margin:0;padding:0;border-top:1px solid var(--ln2)}
.tpl a{display:grid;grid-template-columns:34px 56px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 10px 10px 2px;border-bottom:1px solid var(--ln);transition:background .15s,transform .15s}
.tpn{font:800 italic 20px/1 Kanit,sans-serif;color:#4a5057}
.tpi{width:56px;height:56px;display:grid;place-items:center;overflow:hidden;background:var(--s2)}.tpi img{width:100%;height:100%;object-fit:cover}.tpi img[src*="/icons/"]{width:62%;height:62%;object-fit:contain}
.tpt{min-width:0}.tpt b{display:block;font:800 italic 20px/1.05 Kanit,sans-serif;text-transform:uppercase;color:var(--wh);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpt small{display:block;margin-top:3px;font:600 13px/1.3 Cairo,sans-serif;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl em{padding:2px 7px;background:var(--ok);color:#0a0b0c;font:800 12.5px/1.4 Cairo,sans-serif;font-style:normal}.tpl em.z{display:none}
.tpp{text-align:right;font:800 italic 21px/1 Kanit,sans-serif;color:var(--wh);white-space:nowrap}.tpp s{display:block;margin-bottom:3px;font:600 13px/1 Cairo,sans-serif;color:var(--mu)}
.tpl a:hover{background:var(--s1);transform:translateX(8px)}.tpl a:hover .tpn{color:var(--c)}
.lnk{font:800 italic 14px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--wh);white-space:nowrap}.lnk i{font-style:normal;color:var(--mu);margin-left:4px}.lnk:hover{color:var(--c)}
.wip{display:block;width:100%;padding:16px 20px;text-align:left;background:var(--s1);box-shadow:inset 0 0 0 1px var(--ln2),0 6px 0 #050606;transform:translateY(-3px);transition:transform .08s,box-shadow .08s}
.wip small{display:block;font:600 12.5px/1.2 Cairo,sans-serif;color:var(--mu)}.wip b{display:block;margin-top:6px;font:800 italic 26px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--wh);overflow-wrap:anywhere}
.wip:hover{box-shadow:inset 0 0 0 1px var(--c),0 6px 0 #050606}.wip:active{transform:translateY(3px);box-shadow:inset 0 0 0 1px var(--c),0 0 0 #050606}
.jn dl{margin:20px 0 0}.jn dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--ln)}
.jn dt{color:var(--mu);font-size:14px}.jn dd{margin:0;font-weight:700;font-size:14px;color:var(--wh);text-align:right}.jn dd.up{color:var(--ok)}.jn dd a:hover{color:var(--c)}
.jn h3{margin:24px 0 4px;font:800 italic 16px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--mu)}
.jb{list-style:none;margin:0;padding:0}.jb li{display:grid;grid-template-columns:28px auto minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ln);font-size:14px}
.jb img{width:28px;height:28px;image-rendering:pixelated}.jb b{color:var(--wh)}.jb span{color:var(--mu);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-atlas .tiles{display:flex;flex-wrap:wrap;gap:10px 8px;margin:0}
.th-atlas .tiles a{flex-direction:row;gap:10px;padding:8px 16px 8px 10px;background:var(--s1);border:1px solid var(--ln2);font:800 italic 14px/1 Kanit,sans-serif;color:var(--wh);box-shadow:0 5px 0 #050606;transform:translateY(-2px);transition:transform .08s,box-shadow .08s}
.th-atlas .tiles a img{width:26px;height:26px;filter:none}.th-atlas .tiles a:hover{border-color:var(--c);box-shadow:0 5px 0 #050606}.th-atlas .tiles a:active{transform:translateY(3px);box-shadow:0 0 0 #050606}
.th-atlas .tiles em{position:static;padding:1px 6px;background:var(--ok);color:#0a0b0c;font:800 12px Cairo,sans-serif}
.slab .tiles+.goal,.slab .tiles+.ban,.slab .goal+.ban{margin-top:28px}.slab .ban img{display:block;width:100%}

/* the last screen: the server's name as a block of letters, over the darkened field */
.fin{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:90px 24px 110px;text-align:center;perspective:1100px;overflow:hidden}
.fin h2{max-width:100%;font:800 italic min(220px,calc(82vw/(var(--n,10)*.64)))/.8 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-.03em;color:#fff;overflow-wrap:anywhere;opacity:var(--in,1);transform:rotateX(calc(40deg - var(--in,1)*26deg)) rotateY(calc(-34deg + var(--in,1)*20deg)) scale(calc(.7 + var(--in,1)*.3));text-shadow:0.9px 1px 0 color-mix(in srgb,var(--c) 76%,#000),1.8px 2px 0 color-mix(in srgb,var(--c) 73%,#000),2.7px 3px 0 color-mix(in srgb,var(--c) 71%,#000),3.6px 4px 0 color-mix(in srgb,var(--c) 69%,#000),4.5px 5px 0 color-mix(in srgb,var(--c) 66%,#000),5.4px 6px 0 color-mix(in srgb,var(--c) 64%,#000),6.3px 7px 0 color-mix(in srgb,var(--c) 62%,#000),7.2px 8px 0 color-mix(in srgb,var(--c) 60%,#000),8.1px 9px 0 color-mix(in srgb,var(--c) 57%,#000),9.0px 10px 0 color-mix(in srgb,var(--c) 55%,#000),9.9px 11px 0 color-mix(in srgb,var(--c) 53%,#000),10.8px 12px 0 color-mix(in srgb,var(--c) 50%,#000),11.7px 13px 0 color-mix(in srgb,var(--c) 48%,#000),12.6px 14px 0 color-mix(in srgb,var(--c) 46%,#000),13.5px 15px 0 color-mix(in srgb,var(--c) 44%,#000),14.4px 16px 0 color-mix(in srgb,var(--c) 41%,#000),15.3px 17px 0 color-mix(in srgb,var(--c) 39%,#000),16.2px 18px 0 color-mix(in srgb,var(--c) 37%,#000),17.1px 19px 0 color-mix(in srgb,var(--c) 34%,#000),18.0px 20px 0 color-mix(in srgb,var(--c) 32%,#000),22px 40px 50px rgba(0,0,0,.6)}
.fin p{margin:14px 0 0;font:600 18px/1.4 Cairo,sans-serif;color:#d6d9dc;opacity:var(--in,1)}
.fin .hzb{opacity:var(--in,1)}
.home .th-atlas .ft,.home .ft{margin-top:0}

/* ---- footer ---- */
.th-atlas .ft{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px 60px;align-items:start;margin-top:110px;padding:54px max(24px,calc((100% - 1320px)/2)) 40px;background:#070808;border-top:1px solid var(--ln);font:500 14px/1.6 Cairo,sans-serif;color:var(--mu)}
.ftb{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.ftb .tbl{font-size:30px}.ftb .tbl img{max-height:60px}
.ftip{text-align:left}.ftip small{display:block;font:600 12.5px/1.2 Cairo,sans-serif;color:var(--mu)}.ftip b{font:800 italic 20px/1.2 Kanit,sans-serif;text-transform:uppercase;color:var(--wh)}.ftip:hover b{color:var(--c)}
.ftn{display:grid;grid-template-columns:repeat(2,auto);gap:10px 48px;justify-content:end}.ftn a{font:800 italic 15px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--wh);white-space:nowrap}.ftn a:hover{color:var(--c)}
.ftm{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 30px;padding-top:22px;border-top:1px solid var(--ln);font-size:13px}.ftm p{margin:0}.ftm a{color:var(--wh)}.ftm a:hover{color:var(--c)}
.th-atlas .ft .ftc{flex:1 1 100%;order:3;border:0;padding:0;margin:0;font-size:12.5px;color:var(--mu)}

@media (max-width:1180px){
  .tbn{gap:20px}.tb{gap:24px}
}
@media (max-width:959px){
  .slab,.slab.w{width:auto}.slab.l,.slab.r{margin:0 16px 58vh}.hz+.slab{margin-top:34vh}
  .slb{padding:28px 20px 30px}.slb:after{display:none}
  .hud{padding:0 14px 16px}.hf{grid-template-columns:34px auto;gap:4px 10px}.hf2{grid-template-columns:auto 34px}.hf img{width:34px;height:34px}.hf b{font-size:14px}.hb{gap:3px}.hb i{width:9px;height:8px}
}
@media (max-width:900px){
  .tbn{display:none}.tbm{display:block}.tbk small{display:none}.tba span{display:none}
  .tb{height:62px;gap:14px}.tbr{gap:14px}
  .hz{min-height:calc(100vh - 62px);min-height:calc(100svh - 62px)}
  .th-atlas .ft{grid-template-columns:1fr;margin-top:70px}.home .ft{margin-top:0}.ftn{justify-content:start}
}
@media (max-width:560px){
  .hz{padding-top:44px}.hzs{margin:24px 0 20px;font-size:15.5px}.hzc{padding-bottom:132px}
  .tpl a{grid-template-columns:24px 46px minmax(0,1fr) auto;gap:10px}.tpi{width:46px;height:46px}.tpl em{display:none}.tpt b{font-size:17px}.tpp{font-size:17px}.tpn{font-size:15px}
  .fin{gap:22px}
}
@media (prefers-reduced-motion:reduce){.hzc:after,.hf.hit{animation:none}.arc{transition:none}}

/* ---- the pages inside (store, package, basket, account, news, wiki, rules, staff, vote, patrons) ---- */
/* columns, parts of a page, headings */
.th-atlas .w{width:min(1400px,calc(100% - 48px))}
.th-atlas .band,.th-atlas .band.nb,.th-atlas .band.sb{padding:36px 0 8px;background:none;isolation:auto;overflow:visible}
.th-atlas .band:before,.th-atlas .band .deco{display:none}
.th-atlas .band+.band,.th-atlas .gw+main>.band:first-child,.th-atlas.short main>.band:first-child{padding-top:36px}
.th-atlas .hd{align-items:center;gap:14px 24px;margin-bottom:20px}
.th-atlas .hd>*,.th-atlas .hd>.word,.th-atlas .hd>.word.s,.th-atlas .hd>.word.xs,.th-atlas .hd>.word.ns,.th-atlas .hd>.btn{margin-bottom:0}
.th-atlas .hd>p:not(.word),.th-atlas .hd .hx,.th-atlas .hd .cdx{margin-bottom:0;max-width:560px;font-size:15px;color:var(--mu)}
.th-atlas .word,.th-atlas .word.s,.th-atlas .word.xs{display:block;margin:0 0 18px;font-size:28px;font-weight:700;line-height:1.2;color:var(--wh);text-shadow:none}
.th-atlas h1.word{font-size:32px}
.th-atlas .scr,.th-atlas .spk{display:none}
.th-atlas .none{color:var(--mu)}
.th-atlas .note{color:var(--mu);font-size:14px}

/* buttons and boxes */
.th-atlas .btn{height:46px;padding:0 24px;border-radius:0;font-size:15px;font-weight:700;background:var(--c);color:var(--ct);box-shadow:none}
.th-atlas .btn.o{background:var(--s2);color:var(--wh);box-shadow:none}.th-atlas .btn.o:hover{background:var(--s3)}
.th-atlas .b{height:36px;border-radius:0;font-size:14px;font-weight:700;border:0}
.th-atlas .b.o{background:var(--s2);color:var(--wh);border:1px solid var(--ln2)}.th-atlas .b.o:hover{border-color:var(--c)}
.th-atlas .b.sm{height:32px;font-size:13px}
.th-atlas .panel{background:var(--s1);border:1px solid var(--ln);border-radius:0;padding:24px 26px}
.th-atlas .panel h3{font-size:18px}
.th-atlas .msg{border-radius:0;background:color-mix(in srgb,var(--ok) 13%,var(--s1));border-left:3px solid var(--ok);color:var(--wh);font-weight:500}
.th-atlas .msg.bad{background:color-mix(in srgb,var(--bad) 13%,var(--s1));border-color:var(--bad)}
.th-atlas .gw{position:relative;z-index:1;width:min(1400px,calc(100% - 48px));margin:24px auto 0}
.th-atlas .goal .gw{width:auto;margin:0}.ecln i{color:var(--mu);margin-left:4px}.ecln:hover{color:var(--c)}
/* package cards */
.th-atlas .items,.th-atlas .items.g4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.th-atlas .it{background:var(--s1);border:1px solid transparent;border-radius:0;padding:20px 20px 18px;transition:border-color .15s}
.th-atlas .it:hover{border-color:var(--ln2)}
.th-atlas .it.best{border-color:transparent}
.th-atlas .it .pic,.th-atlas .it .pic.ni{flex:none;width:150px;height:150px;max-width:100%;aspect-ratio:auto;margin:0 auto;border-radius:50%;background:color-mix(in srgb,var(--c) 26%,var(--s2));overflow:hidden;display:block}
.th-atlas .it .pic img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.th-atlas .it .pic.ni{display:grid;place-items:center}.th-atlas .it .pic.ni img{width:56%;height:auto;object-fit:contain;filter:none}
.th-atlas .it small{left:14px;top:14px;border-radius:0;font-size:12px;font-weight:700;padding:2px 9px}
.th-atlas .it .bd{padding:18px 0 0}
.th-atlas .it h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px;font-weight:700}
.th-atlas .it h3 em{font-size:11px;font-weight:700;color:var(--ok);border:1px solid var(--ok);border-radius:0;padding:0 7px;line-height:18px}
.th-atlas .it .d{font-size:13px;color:var(--mu)}
.th-atlas .it .pr{padding-top:8px}
.th-atlas .it .pr a.buy{display:inline;height:auto;padding:0;background:none;color:var(--tx);font-size:15px;font-weight:500}
.th-atlas .it .pr a.buy b{color:var(--c);font-weight:700}.th-atlas .it .pr a.buy s{font-size:13px;color:var(--mu);margin:0 2px}.th-atlas .it .pr a.buy i{color:var(--mu);margin-left:2px}
.th-atlas .it .pr a.buy:hover b{text-decoration:underline;text-underline-offset:3px}

/* goal */
.th-atlas .goal,.th-atlas .goal.hastop{margin:14px 0 0;padding:22px 26px;background:var(--s1);border:1px solid var(--ln);border-radius:0;gap:24px;overflow:hidden;grid-template-columns:200px minmax(0,1fr)}
.th-atlas .goal.hastop{grid-template-columns:200px minmax(0,1fr) 230px}
.th-atlas .goal:before{display:none}
.th-atlas .goal .word{font-size:22px;margin:0}
.th-atlas .gv b{font-size:34px;font-weight:800;color:var(--wh)}.th-atlas .gv span{font-size:14px;color:var(--mu)}.th-atlas .gv em{font-size:20px;font-weight:800;color:var(--c)}
.th-atlas .gbar{height:12px;margin-top:12px;background:var(--s3);border:0;border-radius:0;transform:none}
.th-atlas .gbar i{border-radius:0;background:var(--c);box-shadow:none}.th-atlas .gbar s{display:none}
.th-atlas .gs{font-size:12px;font-weight:500;color:var(--mu)}
.th-atlas .goal .gm p{font-size:14px;color:var(--tx)}.th-atlas .goal .gm p.gt{font-size:16px;color:var(--wh)}
.th-atlas .gp img{height:170px;bottom:-24px;filter:none}
.th-atlas .gp small{font-size:13px;font-weight:600;color:var(--c)}.th-atlas .gp b{font-size:18px;font-weight:700;color:var(--wh)}

/* the sale */
.th-atlas .sale{justify-content:flex-start;gap:30px;padding:26px 30px;background:var(--s1);border:1px solid var(--ln);border-radius:0}
.th-atlas .sale .pct{font-size:72px;font-weight:800;line-height:.9;text-shadow:none}
.th-atlas .sale .sm .word{margin:0 0 4px;white-space:normal;font-size:24px}
.th-atlas .sale .sm p{font-size:14px;color:var(--mu)}
.th-atlas .sale .cd span{width:72px;padding:10px 0;background:var(--s2);border:0;border-radius:0}
.th-atlas .sale .cd b{font-size:26px;font-weight:800;color:var(--wh)}.th-atlas .sale .cd small{font-size:12px;color:var(--mu)}
.th-atlas .sale>.btn{margin-left:auto;align-self:center}
.th-atlas .al{border-radius:0;background:var(--s1);border:1px solid var(--ln);border-left:4px solid var(--c)}
.th-atlas .al.sale{border:0;padding:0;background:none}
.th-atlas .al.sale .tk{clip-path:none;border-radius:0}
.th-atlas .al.sale .pct{font-size:34px;font-weight:800}.th-atlas .al.sale .t b{font-size:18px;font-weight:700}
.th-atlas .al.sale .cd{clip-path:none;border-radius:0;border-left:3px dashed var(--bg)}
.th-atlas .al .cd b,.th-atlas .al.sale .cd b{font-size:24px;font-weight:800;color:var(--wh)}

/* news, what you can do, info */
.th-atlas .news{gap:12px}
.th-atlas .nw{background:var(--s1);border:1px solid transparent;border-radius:0;overflow:hidden}
.th-atlas .nw img{height:200px}
.th-atlas .nw time{font-size:12px;font-weight:600}
.th-atlas .nw b{font-size:18px;font-weight:700;color:var(--wh)}
.th-atlas .nw>span>span{font-size:14px;color:var(--mu)}
.th-atlas .nw:hover{border-color:var(--ln2)}
.th-atlas .feat{gap:12px}
.th-atlas .fc{border:0;border-radius:0;background:var(--s1)}
.th-atlas .fc:before{background:linear-gradient(transparent 30%,rgba(10,10,12,.9))}
.th-atlas .fc:not(.noimg) h3{color:#fff}.th-atlas .fc:not(.noimg) p{color:#e2e2e6}
.th-atlas .fc h3{font-size:19px}.th-atlas .fc p{font-size:14px;color:var(--tx)}
.th-atlas .cmd{background:var(--s2);color:var(--wh);border-radius:0}.th-atlas .fc:not(.noimg) .cmd{background:rgba(255,255,255,.14);color:#fff}
.th-atlas .wk{font-size:14px;font-weight:700}
.th-atlas .cta{justify-content:flex-start;margin-top:22px}
.th-atlas .info{gap:12px}.th-atlas .info .md{font-size:15px;color:var(--tx)}

/* text pages, news posts, wiki, staff, vote, patrons */
.th-atlas .doc{max-width:900px}
.th-atlas .doc time{font-size:13px;font-weight:600}
.th-atlas .doc.post h1{font-size:34px;text-shadow:none;margin-bottom:18px}
.th-atlas .doc .lead{border:0;border-radius:0}
.th-atlas .at{font-size:28px}
.th-atlas .md{font-size:16px;color:var(--tx)}.th-atlas .md h2{font-size:24px}.th-atlas .md h3{font-size:19px}
.th-atlas .md code{background:var(--s2);border-radius:0}.th-atlas .md img{border-radius:0}
.th-atlas .back{font-size:15px;font-weight:700}
.th-atlas .wnav{gap:2px}
.th-atlas .wnav a{border-left:2px solid var(--ln);font-size:15px;font-weight:500;color:var(--tx);border-radius:0}
.th-atlas .wnav a.on,.th-atlas .wnav a:hover{border-color:var(--c);color:var(--wh);background:color-mix(in srgb,var(--c) 10%,transparent)}
.th-atlas .staff{gap:12px}
.th-atlas .staff .sm{border:0;border-radius:0}
.th-atlas .staff b{font-size:18px;font-weight:700;color:var(--wh)}.th-atlas .staff span{font-size:14px;font-weight:600;color:var(--c)}
.th-atlas .vt{border-radius:0}.th-atlas .vt b{font-size:17px;font-weight:700;color:var(--wh)}.th-atlas .vt small{color:var(--mu)}
.th-atlas .sh2{font-size:22px}
.th-atlas .pa{border-radius:0;border-color:transparent}.th-atlas .pa:first-child{border-color:var(--c)}
.th-atlas .pa em{font-size:22px;font-weight:800}.th-atlas .pa b{font-size:15px;font-weight:700;color:var(--wh)}
.th-atlas .patc h2{font-size:20px}.th-atlas .patr .pn{font-size:16px;font-weight:700}.th-atlas .patr img{border-radius:0}.th-atlas .patr b{font-size:15px}

/* the store: categories on the left */
.th-atlas .grid{grid-template-columns:240px minmax(0,1fr);gap:20px}
.th-atlas .cnav{gap:6px}
.th-atlas .cnav .stab{font-size:13px;font-weight:500;color:var(--mu);margin:0 0 4px 4px}
.th-atlas .cnav>a{padding:6px 12px 6px 6px;background:var(--s1);border:1px solid var(--ln);border-radius:0;font-size:15px;font-weight:600;color:var(--wh)}
.th-atlas .cnav>a .t{width:38px;height:38px;background:var(--s2);border-radius:0}
.th-atlas .cnav>a .t img{width:28px;height:28px;filter:none}
.th-atlas .cnav>a:hover{border-color:var(--ln2)}
.th-atlas .cnav>a.on{border-color:var(--c);box-shadow:none;background:color-mix(in srgb,var(--c) 10%,var(--s1))}
.th-atlas .cnav .n{border-radius:0;font-size:11px;font-weight:700}
.th-atlas .cnav .sub a{border-left:1px solid var(--ln);font-size:14px;font-weight:500}
.th-atlas .rec{border-radius:0;padding:16px}
.th-atlas .rec .stab{font-size:15px;margin-bottom:6px}
.th-atlas .rec>div{border-top:1px solid var(--ln)}.th-atlas .rec img{border-radius:0}.th-atlas .rec b{font-size:14px;font-weight:700}
.th-atlas .kids a{border-radius:0}
.th-atlas .cmp{border-collapse:separate;border-spacing:0;border-radius:0;overflow:hidden}
.th-atlas .cmp th,.th-atlas .cmp td{border-bottom:1px solid var(--ln);color:var(--tx);font-size:15px;font-weight:500}
.th-atlas .cmp thead th{font-size:17px;font-weight:700;color:var(--wh)}
.th-atlas .cmp thead th img{border:0;border-radius:50%;width:84px;height:84px}
.th-atlas .cmp thead th small{font-size:20px;font-weight:800;color:var(--wh)}.th-atlas .cmp thead th small s{color:var(--mu)}
.th-atlas .cmp tbody th{color:var(--wh);font-weight:600}
.th-atlas .cmp .ck{color:var(--ok)}.th-atlas .cmp .no{color:var(--mu)}
.th-atlas .lv>div{border-radius:0}
.th-atlas .lv>div>img,.th-atlas .lv>div>i{border-radius:0;background:var(--s2)}
.th-atlas .lv b{font-size:16px;font-weight:700}.th-atlas .lv strong{font-size:18px;font-weight:800}.th-atlas .lv strong s{color:var(--mu)}
.th-atlas .lv a{border-radius:0;font-size:13px;font-weight:700}

/* one package */
.th-atlas .pd{gap:40px}
.th-atlas .pd>img,.th-atlas .pd>.noimg{border:0;border-radius:0;box-shadow:none;background:color-mix(in srgb,var(--c) 22%,var(--s2))}
.th-atlas .pd>.noimg img{filter:none}
.th-atlas .crumb{font-size:14px;font-weight:500}
.th-atlas .pd .word{font-size:34px;margin:0 0 10px}
.th-atlas .pp{font-size:30px;font-weight:800}.th-atlas .pp s{font-size:18px;color:var(--mu)}
.th-atlas .up{border-radius:0;background:color-mix(in srgb,var(--ok) 13%,var(--s1));border-left:3px solid var(--ok);color:var(--wh);font-weight:500}
.th-atlas .stock{color:#e8933a;font-weight:600}
.th-atlas .pd .md{font-size:15.5px}

/* basket, checkout, forms */
.th-atlas .store{grid-template-columns:minmax(0,1fr) 380px}
.th-atlas .store .smain>.word{margin-bottom:20px}
.th-atlas .bx{border-radius:0;padding:24px 26px}
.th-atlas .bx h2{font-size:20px}
.th-atlas .li{border-top:1px solid var(--ln);font-size:15px;font-weight:500;color:var(--tx)}
.th-atlas .li.disc,.th-atlas .li.disc span{color:var(--ok)}
.th-atlas .tot{border-top:1px solid var(--ln2);font-size:22px;font-weight:800}
.th-atlas .f{font-size:13.5px;font-weight:600;color:var(--tx)}
.th-atlas .fi{height:46px;background:var(--s2);border:1px solid var(--ln2);border-radius:0;font-size:15px;font-weight:500;color:var(--wh)}
.th-atlas .fi:focus{border-color:var(--c)}
.th-atlas .pm label{border-radius:0;background:var(--s2);border:1px solid var(--ln2);font-size:14px;font-weight:600;color:var(--wh)}
.th-atlas .pay{height:50px;border-radius:0;font-size:16px;font-weight:700}
.th-atlas .cpn button{border-radius:0;box-shadow:inset 0 0 0 1px var(--ln2);font-size:14px;font-weight:700}
.th-atlas .err{color:var(--bad)}
.th-atlas .agree,.th-atlas .alt{color:var(--mu)}
.th-atlas .lines{border-radius:0}
.th-atlas .lines .ln{border-top:1px solid var(--ln)}
.th-atlas .lines b{font-size:16px;font-weight:700}.th-atlas .lines small{color:var(--mu)}.th-atlas .lines strong{font-size:18px;font-weight:800}
.th-atlas .authw{grid-template-columns:minmax(0,1fr) 420px;gap:40px}
.th-atlas .ah .word{font-size:34px}
.th-atlas .ah>p:not(.word){font-size:16px;color:var(--tx)}
.th-atlas .af{border-radius:0}.th-atlas .af h1{font-size:22px}

/* account */
.th-atlas .ach{border:0;border-radius:0;background:linear-gradient(90deg,var(--s1) 0,color-mix(in srgb,var(--s1) 85%,transparent) 38%,transparent 70%),var(--room) right center/cover no-repeat,var(--s1)}
.th-atlas .ach h1{font-size:36px;font-weight:800;text-shadow:none}
.th-atlas .ach .ok{color:var(--ok)}
.th-atlas .acg{grid-template-columns:240px minmax(0,1fr);gap:20px}
.th-atlas .acs{border:0;border-radius:0}
.th-atlas .acs>h2{font-size:22px;font-weight:700}
.th-atlas .aco,.th-atlas .acr,.th-atlas .acf,.th-atlas .acx,.th-atlas .acnone{border-top:1px solid var(--ln)}
.th-atlas .aco .aci img,.th-atlas .acr img{background:var(--s2);border-radius:0}
.th-atlas .acr .acbar{background:var(--s3);border-radius:0}.th-atlas .acr .acbar i{border-radius:0}
.th-atlas .acl code{background:var(--s2);border:1px solid var(--ln2);border-radius:0}
.th-atlas .acd .dm{border-radius:0}
.th-atlas .acn>a em{border-radius:0}
.th-atlas .acst.d{color:var(--ok)}
.th-atlas .acn form{border-top:1px solid var(--ln)}
.th-atlas .ot{border-radius:0;overflow:hidden}.th-atlas .ot th,.th-atlas .ot td{border-bottom:1px solid var(--ln)}

/* ---------- page designs (Embercraft, round 2) ---------- */
.th-atlas .hd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:4px 20px}
.th-atlas .hd>.word{grid-column:1;margin:0}
.th-atlas .hd>p:not(.word),.th-atlas .hd>.hx,.th-atlas .hd>.cdx{grid-column:1;grid-row:2}
.th-atlas .hd>.btn,.th-atlas .hd>a{grid-column:2;grid-row:1/3;align-self:center}

/* a page's heading row with an item icon */
.ph{display:flex;align-items:center;gap:16px;margin:0 0 22px}
.phi{flex:none;width:58px;height:58px;display:grid;place-items:center;background:var(--s1);border:1px solid var(--ln);border-radius:0}
.phi img{width:36px;height:36px;object-fit:contain}
.pht{min-width:0}.pht h1,.pht>p:first-child{margin:0;font-size:30px;font-weight:800;color:var(--wh);line-height:1.15}
.pht p{margin:3px 0 0;font-size:15px;color:var(--mu)}
.phr{margin-left:auto}

/* store: the category's own header */
.sth{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;margin:0 0 22px;padding:22px 26px;border:1px solid var(--ln);border-radius:0;background:radial-gradient(circle at 0 50%,color-mix(in srgb,var(--c) 20%,transparent),transparent 45%),var(--s1)}
.sti{width:88px;height:88px;display:grid;place-items:center;background:var(--s2);border-radius:0}.sti img{width:62px;height:62px;object-fit:contain}
.stt h1{font-size:32px;font-weight:800;margin:2px 0 0}
.stt .crumb{margin:0;font-size:13px}
.stt .md{margin-top:4px;font-size:15px;color:var(--mu)}.stt .md p{margin:0}
.stn{display:flex;flex-direction:column;align-items:center;min-width:110px;padding:12px 18px;background:var(--s2);border-radius:0;font-size:13px;color:var(--mu)}.stn b{font-size:28px;font-weight:800;color:var(--wh);line-height:1.1}

/* one package */
.th-atlas .pd{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.pdv{position:relative;display:grid;place-items:center;aspect-ratio:1/.92;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--c) 32%,transparent),transparent 62%),var(--s1);border:1px solid var(--ln);border-radius:0}
.pdc{width:68%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--c) 26%,var(--s2));display:grid;place-items:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.5)}
.pdc img{width:100%;height:100%;object-fit:cover}.pdc img[src*="/icons/"]{width:55%;height:auto;object-fit:contain}
.pdk{position:absolute;left:18px;top:18px;display:flex;gap:6px;flex-wrap:wrap}
.pdk i{padding:4px 11px;background:var(--s2);border:1px solid var(--ln);border-radius:0;font-size:13px;font-weight:600;color:var(--wh)}.pdk i.sv{background:var(--ok);border-color:var(--ok);color:#fff}
.pdx h1{font-size:38px;font-weight:800;margin:6px 0 10px;line-height:1.1}
.th-atlas .pp{display:flex;align-items:center;gap:12px;margin:0 0 16px}
.th-atlas .pp span{font-size:34px;font-weight:800;color:var(--wh)}.th-atlas .pp s{font-size:18px;color:var(--mu)}
.th-atlas .pp em{font-size:13px;font-weight:700;color:var(--ok);border:1px solid var(--ok);border-radius:0;padding:1px 9px}
.pdw{margin:0 0 14px;padding:18px 22px;background:var(--s1);border:1px solid var(--ln);border-radius:0}
.pdw h2{font-size:16px;margin:0 0 6px}.pdw .md{font-size:15px}
.pdf{padding:6px 22px 20px;background:var(--s1);border:1px solid var(--ln);border-radius:0}
.pdf .note{margin-top:10px;text-align:center}
.pdm{margin-top:40px}

/* basket */
.th-atlas .lines .ln{grid-template-columns:56px minmax(0,1fr) auto auto}
.lpic{width:56px;height:56px;border-radius:0;overflow:hidden;background:color-mix(in srgb,var(--c) 24%,var(--s2));display:grid;place-items:center}
.lpic img{width:100%;height:100%;object-fit:cover}.lpic img[src*="/icons/"]{width:70%;height:70%;object-fit:contain}
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 20px;background:var(--s1);border:1px solid var(--ln);border-radius:0}
.empty img{width:84px;height:84px;object-fit:contain}.empty b{margin:16px 0 4px;font-size:20px;color:var(--wh)}.empty span{color:var(--mu);margin-bottom:20px}
.th-atlas .pm{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.th-atlas .pm label{position:relative;justify-content:center;text-align:center;min-height:44px;padding:8px}
.th-atlas .pm input{position:absolute;opacity:0;pointer-events:none}
.th-atlas .pm label:has(input:checked){background:var(--c);border-color:var(--c);color:var(--ct);box-shadow:none}
.th-atlas .pm label:has(input:focus-visible){outline:2px solid var(--c);outline-offset:2px}
.th-atlas .bx{background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--c) 14%,transparent),transparent 45%),var(--s1)}

/* log in: the form next to the big picture */
.th-atlas .authw{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;max-width:980px;margin:10px auto 0;align-items:stretch}
.th-atlas .authw .auth{display:flex}
.th-atlas .authw .af{flex:1;border-radius:0;border-right:0;padding:34px 34px 30px}
.th-atlas .authw .af h1{font-size:28px;font-weight:800}
.th-atlas .authw .ah{display:flex;align-items:flex-end;min-height:480px;padding:30px;border-radius:0;background:linear-gradient(0deg,rgba(8,8,10,.85),rgba(8,8,10,.1) 65%),var(--bi,var(--hero)) center/cover no-repeat,var(--s2)}
.th-atlas .authw .ah p{margin:0;max-width:none;color:#e6e6ea;font-size:15px}
.th-atlas .authw .ah .aht{font-size:30px;font-weight:800;color:#fff;margin-bottom:6px;line-height:1.15}

/* account: the cabinet */
.ach2{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;padding:26px 30px;border:1px solid var(--ln);border-radius:0;background:radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--c) 22%,transparent),transparent 45%),var(--s1)}
.ach2 h1{font-size:34px;font-weight:800;margin:0 0 6px}
.ach2 .ok,.ach2 .no{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--ok)}.ach2 .no{color:#e8933a}
.ach2 .ok i,.ach2 .no i{width:9px;height:9px;border-radius:0;background:currentColor}
.ach2 dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 28px;margin:18px 0 0}
.ach2 dl div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--ln)}
.ach2 dt{font-size:14px;color:var(--mu)}.ach2 dd{margin:0;font-size:14px;font-weight:600;color:var(--wh);text-align:right;overflow-wrap:anywhere}.ach2 dd.c{color:var(--c)}.ach2 dd.g{color:var(--ok)}
.acsk{display:flex;justify-content:center;align-items:flex-end;overflow:hidden;background:var(--s2);border-radius:0;min-height:220px}
.acsk img{height:220px;width:auto;margin-bottom:-14px}

/* news */
.th-atlas .news.nl{grid-template-columns:repeat(3,minmax(0,1fr))}
.th-atlas .nw.big{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr}
.th-atlas .nw.big img{height:100%;min-height:340px}
.th-atlas .nw.big>span{align-self:center;padding:30px 36px}
.th-atlas .nw.big b{font-size:28px;font-weight:800;margin:8px 0 10px}
.th-atlas .nw.big>span>span{font-size:15px}
.nh{display:flex;flex-direction:column;justify-content:space-between;gap:30px;min-height:400px;padding:22px 30px 30px;border-radius:0;overflow:hidden;background:linear-gradient(0deg,rgba(8,8,10,.92),rgba(8,8,10,.15) 62%),var(--bi) center/cover no-repeat}
.nh.ni{min-height:0;background:var(--s1);border:1px solid var(--ln)}
.nh .back{align-self:flex-start;padding:6px 12px;background:rgba(0,0,0,.45);border-radius:0;font-size:14px;font-weight:600;color:#fff}.nh.ni .back{background:var(--s2);color:var(--wh)}
.nh time{font-size:13px;font-weight:600;color:var(--c)}
.nh h1{font-size:42px;font-weight:800;color:#fff;max-width:820px;margin:6px 0 0;line-height:1.1}.nh.ni h1{color:var(--wh)}
.nh .by{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:14px;color:#e2e2e6}.nh.ni .by{color:var(--tx)}.nh .by img{width:26px;height:26px;border-radius:0}
.pg2{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;margin-top:20px}
.pg2>.panel{padding:30px 34px}
.more{padding:16px 18px;background:var(--s1);border:1px solid var(--ln);border-radius:0}
.more h2{font-size:16px;margin:0 0 4px}
.more a{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--ln)}
.more img,.more i{flex:none;width:72px;height:50px;border-radius:0;object-fit:cover;background:var(--s2)}
.more b{display:block;font-size:14px;color:var(--wh);line-height:1.3}.more time{font-size:12px;color:var(--mu)}.more a:hover b{color:var(--c)}

/* wiki */
.th-atlas .wiki{grid-template-columns:250px minmax(0,1fr);gap:20px}
.th-atlas .wnav{padding:10px;background:var(--s1);border:1px solid var(--ln);border-radius:0;gap:2px}
.th-atlas .wnav h2{font-size:13px;font-weight:500;color:var(--mu);margin:6px 10px 6px}
.th-atlas .wnav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:0;color:var(--tx)}
.th-atlas .wnav a em{flex:none;width:26px;height:26px;display:grid;place-items:center;border-radius:0;background:var(--s2);font-size:12px;font-weight:700;color:var(--mu)}
.th-atlas .wnav a.on,.th-atlas .wnav a:hover{background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--wh)}
.th-atlas .wnav a.on em{background:var(--c);color:var(--ct)}
.th-atlas .wiki>.panel{padding:28px 32px}

/* text pages; rules as numbered cards */
.th-atlas .doc.tx{max-width:920px}
.th-atlas .doc.tx>.panel{padding:28px 32px}
.th-atlas .rules>.panel{padding:16px;background:none;border:0}
.th-atlas .rules .md{counter-reset:r}
.th-atlas .rules .md>p{counter-increment:r;position:relative;margin:0 0 10px;padding:16px 18px 16px 64px;background:var(--s1);border:1px solid var(--ln);border-radius:0;color:var(--wh)}
.th-atlas .rules .md>p:before{content:counter(r);position:absolute;left:16px;top:13px;width:32px;height:32px;display:grid;place-items:center;border-radius:0;background:var(--c);color:var(--ct);font-size:15px;font-weight:800}
.th-atlas .rules .md>p:has(>img:only-child){counter-increment:none;padding:0;background:none;border:0}.th-atlas .rules .md>p:has(>img:only-child):before{display:none}

/* staff */
.th-atlas .staff{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.th-atlas .staff .sm{padding:0 0 20px;overflow:hidden}
.th-atlas .staff .sk{display:flex;justify-content:center;align-items:flex-end;height:200px;background:radial-gradient(circle at 50% 75%,color-mix(in srgb,var(--c) 30%,transparent),transparent 62%),var(--s2)}
.th-atlas .staff .sk img{height:170px;margin:0 auto -6px}
.th-atlas .staff b{margin-top:14px}
.th-atlas .staff .sm>span:last-child{display:inline-block;margin-top:6px;padding:2px 12px;border-radius:0;background:color-mix(in srgb,var(--c) 16%,transparent);font-size:13px;font-weight:700;color:var(--c)}
.th-atlas .staff .sm.lead{box-shadow:inset 0 0 0 1px var(--c)}

/* vote */
.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px;padding:0;counter-reset:st}
.steps li{counter-increment:st;position:relative;padding:18px 20px 18px 70px;background:var(--s1);border:1px solid var(--ln);border-radius:0}
.steps li:before{content:counter(st);position:absolute;left:18px;top:18px;width:36px;height:36px;display:grid;place-items:center;border-radius:0;border:1px solid var(--ln2);background:var(--s2);font-weight:800;color:var(--c)}
.steps b{display:block;color:var(--wh);font-size:16px}.steps span{font-size:14px;color:var(--mu)}
.th-atlas .vt{gap:16px;padding:16px 18px}
.th-atlas .vt em{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:0;background:var(--s2);font-size:18px;font-weight:800;color:var(--c)}
.th-atlas .vt .b{background:var(--c);color:var(--ct)}

/* patrons: a podium */
.th-atlas .pods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;max-width:760px;margin:0 auto 30px}
.th-atlas .pa,.th-atlas .pa:first-child{display:flex;flex-direction:column;align-items:center;padding:0;background:none;border:0;overflow:hidden}
.th-atlas .pa img{height:120px;width:auto}.th-atlas .pa.p1 img{height:160px}
.th-atlas .pa b{margin:10px 0 8px;font-size:16px}
.th-atlas .pa em{display:block;width:100%;margin:0;padding:16px 0;text-align:center;border-radius:0;background:var(--s1);border:1px solid var(--ln);border-bottom:0;font-size:26px;font-weight:800;color:var(--wh)}
.th-atlas .pa.p1 em{padding:34px 0;background:var(--c);border-color:var(--c);color:var(--ct)}
.th-atlas .pa.p3 em{padding:8px 0}
.th-atlas .sh2{text-align:center}

@media (max-width:980px){
  .sth{grid-template-columns:auto minmax(0,1fr);padding:18px}.stn{display:none}.sti{width:64px;height:64px}.sti img{width:46px;height:46px}.stt h1{font-size:26px}
  .th-atlas .pd{grid-template-columns:1fr}.pdx h1{font-size:30px}
  .th-atlas .authw{grid-template-columns:1fr}.th-atlas .authw .ah{order:-1;min-height:200px;border-radius:0}.th-atlas .authw .af{border-radius:0;border-right:1px solid var(--ln);padding:24px}
  .ach2{grid-template-columns:1fr}.acsk{display:none}
  .th-atlas .news.nl{grid-template-columns:1fr}.th-atlas .nw.big{grid-template-columns:1fr}.th-atlas .nw.big img{min-height:0;height:220px}.th-atlas .nw.big>span{padding:18px}
  .nh{min-height:300px;padding:18px}.nh h1{font-size:30px}
  .pg2{grid-template-columns:1fr}.pg2>.panel{padding:22px}
  .th-atlas .wiki{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
}
@media (max-width:560px){.ph{gap:12px}.phi{width:48px;height:48px}.phi img{width:30px;height:30px}.pht h1,.pht>p:first-child{font-size:24px}.th-atlas .pm{grid-template-columns:1fr 1fr}.th-atlas .pa img{height:90px}.th-atlas .pa.p1 img{height:120px}}
.th-atlas .rules>.panel{padding:0}
.th-atlas .store:not(:has(.bx)){grid-template-columns:1fr}
.th-atlas .store:not(:has(.bx)) .empty{max-width:640px}
@media (max-width:900px){
  .th-atlas .grid,.th-atlas .acg,.th-atlas .store{grid-template-columns:minmax(0,1fr)}
  .th-atlas .cnav{flex-direction:row;overflow-x:auto;padding-bottom:4px}.th-atlas .cnav .stab{display:none}.th-atlas .cnav>a{flex:none}
  .th-atlas .gp img{position:static;height:64px}
  .th-atlas .bx{position:static}
}
@media (max-width:600px){.th-atlas .al.sale .tk{border-radius:0}.th-atlas .al.sale .cd{border-radius:0;border-left:0;border-top:3px dashed var(--bg)}}
.echd{display:flex;align-items:end;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;margin-bottom:18px}.echd h2{font-size:30px}
.ecln{font:800 italic 14px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--wh)}.ecln i{font-style:normal;color:var(--mu);margin-left:4px}.ecln:hover{color:var(--c)}

/* ---- Atlas touches on the inner pages ---- */
.th-atlas .w,.th-atlas .gw{width:min(1320px,calc(100% - 48px))}
.th-atlas .band,.th-atlas .band.nb,.th-atlas .band.sb{padding:44px 0 8px}
.ph{gap:20px;margin-bottom:30px}.phi{width:68px;height:68px;background:var(--s1);border:1px solid var(--ln2)}.phi img{width:40px;height:40px}
.pht h1,.pht>p:first-child{font:800 italic clamp(36px,4vw,56px)/.92 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-1px;color:var(--wh)}
.pht p{font-size:15.5px}
.th-atlas .btn{height:48px;padding:0 24px;font:800 italic 15px/1 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .btn.o{background:rgba(8,9,10,.55);box-shadow:inset 0 0 0 1px rgba(242,239,232,.3);color:var(--wh)}.th-atlas .btn.o:hover{background:var(--wh);color:#0a0b0c;box-shadow:none}
.th-atlas .panel{background:var(--s1);border:1px solid var(--ln)}
/* package cards: square pictures, like item frames */
.th-atlas .items,.th-atlas .items.g4{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1px;background:var(--ln);border:1px solid var(--ln)}
.th-atlas .it,.th-atlas .it.best{padding:0;background:var(--bg);border:0}
.th-atlas .it:hover{background:var(--s1)}
.th-atlas .it .pic,.th-atlas .it .pic.ni{width:100%;height:auto;aspect-ratio:1.15;border-radius:0;margin:0;background:var(--s2)}
.th-atlas .it .pic.ni img{width:38%}
.th-atlas .it:hover .pic img{transform:scale(1.04)}
.th-atlas .it .bd{padding:16px 18px 18px}
.th-atlas .it h3{font:800 italic 20px/1.05 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .it h3 em{font:800 12px/18px Cairo,sans-serif;font-style:normal;border:0;background:var(--ok);color:#0a0b0c;padding:0 6px}
.th-atlas .it small{left:0;top:14px;background:var(--wh);color:#0a0b0c;font:800 italic 12.5px/1 Kanit,sans-serif;text-transform:uppercase;padding:5px 10px}
.th-atlas .it .pr a.buy{font:600 15px/1.3 Cairo,sans-serif}.th-atlas .it .pr a.buy b{font:800 italic 15px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--c)}
.pdm .items{margin-top:0}
/* store header, package */
.sth{background:linear-gradient(90deg,color-mix(in srgb,var(--c) 12%,transparent),transparent 40%),var(--s1);border:1px solid var(--ln);padding:26px 30px}
.sti{background:var(--bg);border:1px solid var(--ln2)}
.stt h1{font:800 italic clamp(36px,4vw,56px)/.92 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-1px}
.stn{background:var(--bg);border:1px solid var(--ln2)}.stn b{font:800 italic 30px/1 Kanit,sans-serif}
.th-atlas .cnav>a{background:none;border:0;border-bottom:1px solid var(--ln);padding:8px 10px 8px 4px;font:800 italic 15px/1 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .cnav>a .t{background:var(--s2)}
.th-atlas .cnav>a.on{background:var(--s1);box-shadow:inset 3px 0 0 var(--c);border-color:var(--ln)}
.th-atlas .cnav .stab{font:800 italic 13px/1 Kanit,sans-serif;text-transform:uppercase;color:var(--mu);margin:0 0 8px 4px}
.pdv{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--c) 22%,transparent),transparent 60%),var(--s1);border:1px solid var(--ln)}
.pdc{width:74%;border-radius:0;box-shadow:0 40px 70px -30px rgba(0,0,0,.8);background:var(--s2)}
.pdk i{background:var(--bg);border:1px solid var(--ln2);font:800 italic 12.5px/1 Kanit,sans-serif;text-transform:uppercase;padding:6px 10px}.pdk i.sv{background:var(--ok);border-color:var(--ok);color:#0a0b0c}
.pdx h1{font:800 italic clamp(40px,4.6vw,68px)/.9 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-1.5px}
.th-atlas .pp span{font:800 italic 38px/1 Kanit,sans-serif}.th-atlas .pp em{font:800 12.5px/20px Cairo,sans-serif;font-style:normal;border:0;background:var(--ok);color:#0a0b0c;padding:0 7px}
.pdw,.pdf{background:var(--s1);border:1px solid var(--ln)}.pdw h2{font:800 italic 17px/1 Kanit,sans-serif;text-transform:uppercase;margin-bottom:10px}
.th-atlas .pay{font:800 italic 17px/1 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .up{background:color-mix(in srgb,var(--ok) 10%,var(--s1))}
/* forms, basket, account */
.th-atlas .fi{background:var(--bg);border:1px solid var(--ln2)}
.th-atlas .bx{background:var(--s1);border:1px solid var(--ln2)}
.th-atlas .authw .af{background:var(--s1);border:1px solid var(--ln2);border-right:0}
.th-atlas .authw .ah .aht{font:800 italic 40px/.92 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-1px}
.ach2{background:linear-gradient(120deg,transparent 55%,color-mix(in srgb,var(--c) 14%,transparent)),var(--s1);border:1px solid var(--ln)}
.ach2 h1{font:800 italic clamp(36px,4vw,56px)/.92 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-1px}
.acsk{background:var(--bg);border:1px solid var(--ln)}
.th-atlas .acs{background:var(--s1);border:1px solid var(--ln)}
.empty{background:var(--s1);border:1px solid var(--ln)}.empty b{font:800 italic 24px/1 Kanit,sans-serif;text-transform:uppercase}
/* news, wiki, staff, vote, patrons */
.th-atlas .nw{background:var(--s1)}.th-atlas .nw b{font:800 italic 21px/1.05 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .nw.big b{font-size:36px;letter-spacing:-.5px}
.nh h1{font:800 italic clamp(38px,4.6vw,68px)/.9 Kanit,sans-serif;text-transform:uppercase;letter-spacing:-1.5px}
.more{background:var(--s1);border:1px solid var(--ln)}.more h2{font:800 italic 16px/1 Kanit,sans-serif;text-transform:uppercase;margin-bottom:8px}
.th-atlas .wnav{background:var(--s1);border:1px solid var(--ln)}
.th-atlas .rules .md>p{background:var(--s1);border:1px solid var(--ln)}
.th-atlas .rules .md>p:before{font:800 italic 16px/1 Kanit,sans-serif}
.th-atlas .staff .sm{background:var(--s1)}.th-atlas .staff .sk{background:radial-gradient(circle at 50% 80%,color-mix(in srgb,var(--c) 22%,transparent),transparent 60%),var(--bg)}
.th-atlas .staff b{font:800 italic 20px/1 Kanit,sans-serif;text-transform:uppercase}
.steps li{background:var(--s1);border:1px solid var(--ln)}.steps li:before{background:var(--bg);font:800 italic 17px/1 Kanit,sans-serif}.steps b{font:800 italic 18px/1.1 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .vt{background:var(--s1);border:1px solid var(--ln)}.th-atlas .vt em{background:var(--bg);font:800 italic 20px/1 Kanit,sans-serif}
.th-atlas .pa em{font:800 italic 30px/1 Kanit,sans-serif;background:var(--s1)}
.th-atlas .sh2{font:800 italic 24px/1 Kanit,sans-serif;text-transform:uppercase}
/* goal, sale */
.th-atlas .goal,.th-atlas .goal.hastop{background:var(--s1);border:1px solid var(--ln)}
.th-atlas .goal .word{font:800 italic 26px/1 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .gv b{font:800 italic 40px/1 Kanit,sans-serif}.th-atlas .gv em{font:800 italic 24px/1 Kanit,sans-serif}
.th-atlas .gbar{height:8px}
.th-atlas .sale{background:var(--s1);border:1px solid var(--ln);width:min(1320px,calc(100% - 48px));margin:0 auto}
.th-atlas .band.sb .w{width:100%}
.th-atlas .sale .pct{font:800 italic 84px/.85 Kanit,sans-serif;color:var(--c)}
.th-atlas .sale .sm .word{font:800 italic 30px/1 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .sale .cd span{background:var(--bg);border:1px solid var(--ln2)}.th-atlas .sale .cd b{font:800 italic 30px/1 Kanit,sans-serif}
.th-atlas .fc h3{font:800 italic 24px/1 Kanit,sans-serif;text-transform:uppercase}
.th-atlas .feat{gap:1px}.th-atlas .news{gap:1px}.th-atlas .info{gap:1px}
@media (max-width:900px){.th-atlas .items,.th-atlas .items.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.th-atlas .it .bd{padding:12px}.th-atlas .it h3{font-size:16px}}
@media (max-width:560px){.tbr .cur,.tba{display:none}.tbl{font-size:19px}.tbl img{max-width:150px;max-height:36px}.tb{padding:0 16px}}
.th-atlas .content>.al{margin:0 0 16px}
.th-atlas .al.sale .tk{background:var(--s1);color:var(--wh);border:1px solid var(--ln);border-right:0}
.th-atlas .al.sale .pct{font:800 italic 38px/1 Kanit,sans-serif;color:var(--c)}
.th-atlas .al.sale .t b{font:800 italic 20px/1.1 Kanit,sans-serif;text-transform:uppercase;color:var(--wh)}.th-atlas .al.sale .t span{color:var(--mu);opacity:1}
.th-atlas .al.sale .cd{background:var(--s1);border:1px solid var(--ln);border-left:2px dashed var(--ln2)}
.th-atlas .al.sale .cd b{font:800 italic 26px/1 Kanit,sans-serif}
.th-atlas .sec>.goal{margin-top:44px}
.th-atlas .sec .news.nl{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.th-atlas .sec .nw.big{grid-column:1;grid-row:1/3;display:flex;flex-direction:column}
.th-atlas .sec .nw.big img{flex:1;height:auto;min-height:300px}
.th-atlas .sec .nw.big>span{align-self:stretch;padding:24px 28px 28px}
.th-atlas .sec .nw:not(.big) img{height:170px}
@media (max-width:900px){.th-atlas .sec .news.nl{grid-template-columns:1fr}.th-atlas .sec .nw.big{grid-row:auto}.th-atlas .sec .nw.big img{min-height:0;height:210px}.jn{padding:22px 20px}}
@media (max-width:1000px){
  .th-atlas .goal,.th-atlas .goal.hastop{grid-template-columns:1fr;gap:10px;padding:22px 20px}
  .th-atlas .gp{justify-content:flex-start;min-height:0;gap:12px;align-items:center;margin-top:6px}.th-atlas .gp img{position:static;height:60px}.th-atlas .gp span{text-align:left}
  .th-atlas .gv b{font-size:32px}.th-atlas .gs span:nth-child(2n){display:none}
  .th-atlas .sale{flex-wrap:wrap;gap:18px;padding:22px 20px}.th-atlas .sale .pct{font-size:60px}.th-atlas .sale>.btn{margin-left:0}
}

/* ---------- depth (the duel update): buttons press down, headings have a side, cards lift off the page.
   The inner pages keep the field behind them as a dark, soft still. ---------- */
body.th-atlas.in:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(10,11,12,.5),rgba(10,11,12,.88) 55%,var(--bg) 92%),var(--arena) center top/cover no-repeat}
.th-atlas .btn{box-shadow:0 6px 0 color-mix(in srgb,var(--c) 56%,#000);transform:translateY(-3px);transition:transform .08s,box-shadow .08s,filter .15s}
.th-atlas .btn:active{transform:translateY(3px);box-shadow:0 0 0 color-mix(in srgb,var(--c) 56%,#000)}
.th-atlas .btn.o,.th-atlas .btn.o:hover{box-shadow:0 6px 0 #050606}.th-atlas .btn.o:active{box-shadow:0 0 0 #050606}
.th-atlas .btn.k{background:#0c0e0f;color:#fff;box-shadow:0 6px 0 #000}.th-atlas .btn.k:hover{filter:none;background:#1c2023}.th-atlas .btn.k:active{box-shadow:0 0 0 #000}
.th-atlas .btn[disabled],.th-atlas .btn.off{transform:none;box-shadow:none}
.pht h1,.stt h1{text-shadow:0.7px 1px 0 color-mix(in srgb,var(--c) 69%,#000),1.4px 2px 0 color-mix(in srgb,var(--c) 60%,#000),2.1px 3px 0 color-mix(in srgb,var(--c) 50%,#000),2.8px 4px 0 color-mix(in srgb,var(--c) 41%,#000),3.5px 5px 0 color-mix(in srgb,var(--c) 32%,#000)}
.th-atlas .it,.th-atlas .nw,.th-atlas .panel,.th-atlas .fc{transition:transform .16s,box-shadow .16s,border-color .15s}
.th-atlas .it:hover,.th-atlas a.nw:hover{transform:translateY(-6px);box-shadow:0 6px 0 var(--ln2),0 34px 30px -24px #000}
.th-atlas .slab .it:hover,.th-atlas .slab a.nw:hover{transform:translateX(8px);box-shadow:none}
.phi{box-shadow:0 5px 0 #050606}
/* inside a slab the shared blocks fit one column */
.th-atlas .slab .news.nl{grid-template-columns:1fr;gap:10px}
.th-atlas .slab .nw{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center}.th-atlas .slab .nw img{height:100%;min-height:112px}.th-atlas .slab .nw b{font-size:19px}
.th-atlas .slab .feat{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.th-atlas .slab .info{grid-template-columns:1fr;gap:10px}
.th-atlas .slab .goal,.th-atlas .slab .goal.hastop{grid-template-columns:1fr;gap:12px;margin:0}
.th-atlas .slab .gp{justify-content:flex-start;min-height:0;gap:12px;align-items:center;margin-top:6px}.th-atlas .slab .gp img{position:static;height:60px}.th-atlas .slab .gp span{text-align:left}
.th-atlas .slab .sale .sm{flex:1 1 260px}.th-atlas .slab .sale .pct{font-size:72px}
.th-atlas .slab.sl .slb{padding:0}.th-atlas .slab .band,.th-atlas .slab .band.sb{padding:0}.th-atlas .slab .band .w{width:100%}
.th-atlas .slab .sale{width:auto;flex-wrap:wrap;gap:20px 26px;padding:34px 38px 40px;border:0;background:none}.th-atlas .slab .sale>.btn{margin:0}
.th-atlas .slab .al{margin:0;padding:30px 38px}
@media (max-width:560px){.th-atlas .slab .feat{grid-template-columns:1fr}.th-atlas .slab .nw{grid-template-columns:104px minmax(0,1fr)}.th-atlas .slab .sale{padding:26px 20px 30px}}
@media (prefers-reduced-motion:reduce){.th-atlas .btn,.th-atlas .it,.th-atlas .nw{transition:none}}