.nx-blog{--blog-bg:#050913;--blog-panel:rgba(10,16,30,0.92);--blog-card:linear-gradient(180deg,#0f1829,#0a1222);--blog-line:rgba(255,255,255,0.09);--blog-line-gold:rgba(230,194,122,0.22);--blog-gold:#f0c35a;--blog-gold-soft:#f5d98f;--blog-ink:#f2f0ea;--blog-muted:rgba(208,216,230,0.72);--blog-dim:rgba(208,216,230,0.55);--blog-serif:Georgia,"Times New Roman",serif;min-height:100dvh;color:var(--blog-ink);background:url(/blog-prototype/bg-left.webp) 0 0/auto 100vh no-repeat fixed,url(/blog-prototype/bg-right.webp) 100% 0/auto 100vh no-repeat fixed,radial-gradient(60% 50% at 50% 40%,#0a1428 0,#070d1b 70%) fixed,var(--blog-bg);font-family:var(--nx-font-ui,"Segoe UI",system-ui,sans-serif)}.nx-blog a{color:inherit;text-decoration:none}.nx-blog svg{flex:none}.nx-blog-wrap{width:100%;max-width:92rem;margin:0 auto;padding-inline:max(1rem,4vw);box-sizing:border-box}.nx-blog-top{position:relative;z-index:5;background:rgba(7,12,24,.94);border-bottom:1px solid var(--blog-line-gold);backdrop-filter:blur(8px)}.nx-blog-top__row{display:flex;align-items:stretch;min-height:3.95rem}.nx-blog-top__brand{display:flex;align-items:center;gap:.6rem;font-family:var(--blog-serif);font-size:1.62rem;font-weight:600;letter-spacing:0;color:#ffffff!important}.nx-blog-top__logo{width:2.45rem;height:2.45rem;filter:drop-shadow(0 0 8px rgba(90,170,255,.45))}.nx-blog-top__nav{display:flex;align-items:stretch;margin-left:2.6rem}.nx-blog-top__nav a{display:flex;align-items:center;gap:.6rem;padding:0 1.25rem;font-size:1.02rem;color:rgba(232,236,244,.86);border-bottom:2px solid transparent;transition:color .15s ease,background .15s ease}.nx-blog-top__nav svg{width:1.35rem;height:1.35rem}.nx-blog-top__nav a:hover{color:#ffffff}.nx-blog-top__nav a[aria-current=page]{color:var(--blog-gold);background:linear-gradient(180deg,rgba(240,195,90,.16),rgba(240,195,90,.07));border-bottom-color:var(--blog-gold)}.nx-blog-top__end{display:flex;align-items:center;gap:1.1rem;margin-left:auto;font-size:.92rem}.nx-blog-top__icon{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;color:rgba(232,236,244,.86);background:transparent;cursor:pointer}.nx-blog-top__icon svg{width:1.3rem;height:1.3rem}.nx-blog-top__lang{display:flex;align-items:center;gap:.4rem;color:rgba(232,236,244,.86)}.nx-blog-top__lang svg:first-child{width:1.2rem;height:1.2rem}.nx-blog-top__lang svg:last-child{width:.7rem;height:.7rem}.nx-blog-top__sep{width:1px;height:1.6rem;background:rgba(255,255,255,.16)}.nx-blog-top__login{color:rgba(232,236,244,.9)!important}.nx-blog-top__signup{display:inline-flex;align-items:center;min-height:2.6rem;padding:0 1.25rem;border-radius:.65rem;font-weight:700;color:#1c1405!important;background:linear-gradient(180deg,#ffd56e,#e5a92c);box-shadow:0 4px 14px rgba(229,169,44,.3),inset 0 1px 0 rgba(255,255,255,.45)}.nx-blog-hero{position:relative;overflow:hidden;min-height:12.5rem;border-bottom:1px solid var(--blog-line-gold);background:radial-gradient(14rem 9rem at 8% 70%,rgba(240,180,80,.1),transparent 70%),linear-gradient(90deg,rgba(7,13,27,.35),rgba(8,15,30,.72) 22%,rgba(10,20,38,.8))}.nx-blog-hero__art{position:absolute;top:0;right:0;bottom:0;width:max(60%,44rem);background:url(/blog-prototype/hero-art.webp) 100%/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}.nx-blog-hero__inner{position:relative;padding-top:1.05rem;padding-bottom:1.15rem}.nx-blog-crumbs,.nx-blog-hero__lede,.nx-blog-hero__sub,.nx-blog-hero__title{margin-left:4.3rem}.nx-blog-crumbs{display:flex;gap:.5rem;font-size:.8rem;color:var(--blog-muted)}.nx-blog-crumbs a:hover{color:#ffffff}.nx-blog-hero__title{margin-top:.4rem;font-size:2.85rem;font-weight:600;line-height:1.05;color:#ffffff;text-shadow:0 3px 18px rgba(0,0,0,.6)}.nx-blog-hero__sub,.nx-blog-hero__title{margin-bottom:0;font-family:var(--blog-serif)}.nx-blog-hero__sub{margin-top:.45rem;font-size:1.3rem;color:rgba(248,244,232,.95)}.nx-blog-hero__lede{max-width:32rem;margin-top:.6rem;margin-bottom:0;font-size:1.03rem;line-height:1.45;color:var(--blog-muted)}.nx-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 16.25rem;gap:1.3rem;padding-top:1.3rem;padding-bottom:3rem}.nx-blog-main{min-width:0}.nx-blog-cats{display:flex;gap:.85rem;margin-bottom:1.05rem;padding:0 0 .1rem .9rem;overflow-x:auto;scrollbar-width:none}.nx-blog-cats::-webkit-scrollbar{display:none}.nx-blog-pill{flex:none;display:inline-flex;align-items:center;min-height:2.45rem;padding:0 .9rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;font-size:.9rem;white-space:nowrap;color:rgba(232,236,244,.88)!important;background:rgba(12,19,35,.92);transition:border-color .15s ease,color .15s ease}.nx-blog-pill:hover{border-color:rgba(240,195,90,.5)}.nx-blog-pill[aria-current=true]{font-weight:700;color:#1c1405!important;border-color:transparent;background:linear-gradient(180deg,#ffd56e,#e5a92c);box-shadow:0 4px 14px rgba(229,169,44,.28)}.nx-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.05rem}.nx-blog-card{position:relative;container-type:inline-size;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--blog-line);border-radius:.6rem;background:var(--blog-card);box-shadow:0 12px 28px rgba(0,0,0,.4);transition:border-color .2s ease,transform .2s ease}.nx-blog-card:hover{transform:translateY(-2px);border-color:rgba(240,195,90,.35)}.nx-blog-card__art{aspect-ratio:2.8/1;background-size:cover;background-position:50%}.nx-blog-badge{position:absolute;left:.7rem;top:calc(100cqw / 2.8 - 2.05rem);display:inline-flex;align-items:center;height:1.55rem;padding:0 .7rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-size:.76rem;font-weight:600;color:#ffffff;background:#3b44c9;box-shadow:0 2px 8px rgba(0,0,0,.45)}.nx-blog-badge[data-cat=start]{background:linear-gradient(180deg,#4b55e0,#3238b5)}.nx-blog-badge[data-cat=sizes]{background:linear-gradient(180deg,#7b3fd0,#5b2aa6)}.nx-blog-badge[data-cat=daily]{background:linear-gradient(180deg,#7a5214,#573a0c);border-color:rgba(240,195,90,.6)}.nx-blog-badge[data-cat=worlds]{background:linear-gradient(180deg,#8e2f6e,#6a2050)}.nx-blog-badge[data-cat=tips]{background:linear-gradient(180deg,#1f7a5c,#165a44)}.nx-blog-badge[data-cat=techniques]{background:linear-gradient(180deg,#2a62c4,#1d4794)}.nx-blog-card__body{display:flex;flex:1;flex-direction:column;padding:.55rem 1rem .75rem}.nx-blog-card__title{margin:0;font-family:var(--blog-serif);font-size:1.08rem;font-weight:700;line-height:1.17;color:var(--blog-ink)}.nx-blog-card__link:after{content:"";position:absolute;inset:0}.nx-blog-card__link:focus-visible{outline:none}.nx-blog-card:has(.nx-blog-card__link:focus-visible){outline:2px solid var(--blog-gold);outline-offset:3px}.nx-blog-card__excerpt{margin:.35rem 0 .6rem;font-size:.9rem;line-height:1.3;color:var(--blog-muted)}.nx-blog-meta{display:flex;gap:1.6rem;margin:auto 0 0;font-size:.88rem;color:var(--blog-dim)}.nx-blog-meta span{display:inline-flex;align-items:center;gap:.45rem}.nx-blog-meta svg{width:1.1rem;height:1.1rem;color:rgba(208,216,230,.6)}.nx-blog-pages{display:flex;justify-content:center;gap:.8rem;margin-top:1.1rem}.nx-blog-pages a{display:grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid rgba(255,255,255,.14);border-radius:50%;font-size:.9rem;color:rgba(232,236,244,.85)!important;background:rgba(12,19,35,.92)}.nx-blog-pages a[aria-current=page]{font-weight:700;color:#1c1405!important;border-color:transparent;background:linear-gradient(180deg,#ffd56e,#e5a92c)}.nx-blog-pages svg{width:.8rem;height:.8rem}.nx-blog-side{display:flex;flex-direction:column;gap:.55rem;align-self:start}.nx-blog-panel{padding:.7rem .85rem .75rem;border:1px solid var(--blog-line);border-radius:.55rem;background:var(--blog-panel)}.nx-blog-panel__title{margin:0 0 .55rem;font-family:var(--blog-serif);font-size:.95rem;font-weight:600;color:#ffffff}.nx-blog-search{display:flex;align-items:center;border:1px solid rgba(255,255,255,.16);border-radius:.45rem;background:rgba(5,9,18,.85)}.nx-blog-search:focus-within{border-color:rgba(240,195,90,.55)}.nx-blog-search input{flex:1;min-width:0;height:2.3rem;padding:0 .3rem 0 .75rem;border:0;font:inherit;font-size:.8rem;color:var(--blog-ink);background:transparent}.nx-blog-search input:focus{outline:none}.nx-blog-search input::placeholder{color:var(--blog-dim)}.nx-blog-search button{display:grid;place-items:center;width:2.6rem;height:2.3rem;padding:0;border:0;color:rgba(232,236,244,.85);background:transparent;cursor:pointer}.nx-blog-search svg{width:1.15rem;height:1.15rem}.nx-blog-catlist{display:grid;gap:.05rem;margin:0;padding:0;list-style:none}.nx-blog-catlist a{display:flex;align-items:center;gap:.75rem;min-height:1.75rem;padding:0 .55rem;border-left:3px solid transparent;border-radius:.35rem;font-size:.84rem;color:rgba(232,236,244,.86)}.nx-blog-catlist a:hover{background:rgba(255,255,255,.04)}.nx-blog-catlist a[aria-current=true]{color:#8fc4ff;border-left-color:#6fb0ff;background:linear-gradient(90deg,rgba(60,120,210,.38),rgba(60,120,210,.16))}.nx-blog-catlist__icon{width:1.05rem;height:1.05rem}.nx-blog-catlist__icon[data-cat=all]{color:#8fc4ff}.nx-blog-catlist__icon[data-cat=start]{color:#4fd18b}.nx-blog-catlist__icon[data-cat=techniques]{color:#c9d3e6}.nx-blog-catlist__icon[data-cat=sizes]{color:#6f8dff}.nx-blog-catlist__icon[data-cat=daily],.nx-blog-catlist__icon[data-cat=worlds]{color:#c9d3e6}.nx-blog-catlist__icon[data-cat=tips]{color:#ffcc4d}.nx-blog-catlist__icon[data-cat=updates]{color:#c9d3e6}.nx-blog-catlist__label{flex:1}.nx-blog-catlist__count{font-size:.8rem;color:var(--blog-muted)}.nx-blog-popular{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.nx-blog-popular a{display:grid;grid-template-columns:3.6rem 1fr;align-items:center;gap:.75rem}.nx-blog-popular__thumb{height:3.2rem;border:1px solid var(--blog-line);border-radius:.35rem;background-size:cover;background-position:50%}.nx-blog-popular__text{display:grid;gap:.15rem}.nx-blog-popular__title{font-size:.82rem;line-height:1.3;color:var(--blog-ink)}.nx-blog-popular a:hover .nx-blog-popular__title{color:var(--blog-gold-soft)}.nx-blog-popular__meta{font-size:.74rem;color:var(--blog-dim)}@media (min-width:1441px){html:has(.nx-blog){font-size:min(1.1111vw,26px)}}@media (min-width:901px){.nx-blog-top__brand{margin-left:1.25rem}}@media (max-width:1180px){.nx-blog-top__nav a{padding:0 .8rem}.nx-blog-top__nav{margin-left:1.4rem}}@media (max-width:1100px){.nx-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.nx-blog-top__row{flex-wrap:wrap}.nx-blog-top__brand{min-height:3.5rem}.nx-blog-top__nav{order:3;width:100%;margin:0;overflow-x:auto;scrollbar-width:none}.nx-blog-top__nav a{min-height:2.9rem;white-space:nowrap}.nx-blog-layout{grid-template-columns:minmax(0,1fr)}.nx-blog-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}}@media (max-width:640px){.nx-blog{background:linear-gradient(180deg,rgba(5,9,19,.25),rgba(5,9,19,.55)),url(/blog-prototype/page-bg.webp) top /cover fixed,var(--blog-bg)}.nx-blog-pages a{width:2.75rem;height:2.75rem}.nx-blog-top__icon,.nx-blog-top__lang,.nx-blog-top__sep{display:none}.nx-blog-top__end{gap:.8rem}.nx-blog-top__login{display:inline-flex;align-items:center;min-height:2.75rem}.nx-blog-hero{min-height:0}.nx-blog-hero__art{width:100%;background-position:70%;opacity:.55;-webkit-mask-image:linear-gradient(180deg,#000,#000 55%,transparent);mask-image:linear-gradient(180deg,#000,#000 55%,transparent)}.nx-blog-crumbs,.nx-blog-hero__lede,.nx-blog-hero__sub,.nx-blog-hero__title{margin-left:0}.nx-blog-hero__title{font-size:2.3rem}.nx-blog-hero__sub{font-size:1.1rem}.nx-blog-pill{min-height:2.75rem}.nx-blog-grid{grid-template-columns:minmax(0,1fr);gap:1rem}}@media (prefers-reduced-motion:reduce){.nx-blog-card{transition:none}.nx-blog-card:hover{transform:none}}.nx-blog .nx-blog-grid{gap:1.25rem}.nx-blog .nx-blog-card{--gap:0.4375rem;--socket-ratio:2.3;--tab-h:1.625rem;--frame:#0a1222;border:1px solid rgba(201,162,90,.3);border-radius:.75rem;background:linear-gradient(180deg,#0e172a,#0a1222 55%,#080f1d);box-shadow:inset 0 1px 0 rgba(255,236,200,.12),inset 0 -2px 0 rgba(1,4,10,.55),0 2px 0 #03070f,0 16px 28px -14px rgba(2,6,16,.95);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.nx-blog .nx-blog-card:before{content:"";position:absolute;top:0;right:12%;left:12%;height:1px;background:linear-gradient(90deg,rgba(236,202,128,0),rgba(236,202,128,.7) 50%,rgba(236,202,128,0));pointer-events:none;transition:opacity .2s ease;opacity:.75}.nx-blog .nx-blog-card:hover{transform:none;border-color:rgba(201,162,90,.3)}.nx-blog .nx-blog-card__art{position:relative;aspect-ratio:var(--socket-ratio);margin:var(--gap) var(--gap) 0;overflow:hidden;border:2px solid #050a14;border-radius:.4375rem;background-color:#050a14;box-shadow:0 1px 0 rgba(255,236,200,.09),0 0 0 1px rgba(1,4,10,.6)}.nx-blog .nx-blog-card__art:after,.nx-blog .nx-blog-card__art:before{content:"";position:absolute;inset:0;border-radius:.3125rem}.nx-blog .nx-blog-card__art:before{background:inherit;filter:saturate(.96) contrast(1.04);transition:transform .45s cubic-bezier(.2,.6,.2,1),filter .45s ease}.nx-blog .nx-blog-card__art:after{background:radial-gradient(125% 110% at 50% 40%,rgba(3,7,16,0) 58%,rgba(3,7,16,.42) 100%);box-shadow:inset 0 0 0 1px rgba(214,174,98,.38),inset 0 9px 14px -9px rgba(1,4,10,.9),inset 0 -1px 0 rgba(255,236,200,.12);transition:box-shadow .2s ease}.nx-blog .nx-blog-badge[data-cat]{top:calc(var(--gap) + (100cqw - 2 * var(--gap)) / var(--socket-ratio) + var(--gap) - var(--tab-h));left:calc(var(--gap) + .875rem);height:var(--tab-h);padding:.125rem .75rem 0;border:1px solid rgba(201,162,90,.45);border-bottom:0;border-radius:.4375rem .4375rem 0 0;background:var(--frame);box-shadow:inset 0 1px 0 rgba(255,228,170,.18),0 -2px 6px rgba(1,4,10,.45);font-size:.66rem;font-weight:700;line-height:1;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:#ebcb88}.nx-blog .nx-blog-card:has(.nx-blog-card__body[dir=rtl]) .nx-blog-badge[data-cat]{right:calc(var(--gap) + .875rem);left:auto}html[lang=ar] .nx-blog .nx-blog-badge[data-cat]{font-size:.78rem;font-weight:500;letter-spacing:0}.nx-blog .nx-blog-card__body{margin:var(--gap);padding:1.05rem 1.05rem .75rem;border:1px solid rgba(255,255,255,.05);border-radius:.4375rem;background:linear-gradient(180deg,#1a2741,#15213a 60%,#131d33);box-shadow:inset 0 1px 0 rgba(255,238,205,.1),inset 0 -1px 0 rgba(1,4,10,.35),0 1px 2px rgba(1,4,10,.5)}.nx-blog .nx-blog-card__title{font-size:1.2rem;font-weight:700;line-height:1.2;letter-spacing:0;text-wrap:balance;color:#f7f1e3;transition:color .2s ease}.nx-blog .nx-blog-card__title:after{content:"";display:block;width:1.75rem;height:2px;margin-top:.6rem;border-radius:1px;background:rgba(230,194,122,.62);transition:width .25s ease,background-color .2s ease}.nx-blog .nx-blog-card__excerpt{display:-webkit-box;margin:.6rem 0 .95rem;overflow:hidden;font-size:.875rem;line-height:1.5;text-wrap:pretty;color:rgba(206,216,232,.8);-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.nx-blog .nx-blog-card .nx-blog-meta{gap:0;margin:auto 0 0;padding:.5rem .75rem;border-radius:.3125rem;background:rgba(4,9,19,.55);box-shadow:inset 0 1px 2px rgba(1,4,10,.7),0 1px 0 rgba(255,236,200,.06);font-size:.78rem;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:rgba(204,214,230,.66)}.nx-blog .nx-blog-card .nx-blog-meta span{gap:.4rem}.nx-blog .nx-blog-card .nx-blog-meta span+span{margin-inline-start:.75rem;padding-inline-start:.75rem;border-inline-start:1px solid rgba(255,255,255,.09)}.nx-blog .nx-blog-card .nx-blog-meta svg{width:.85rem;height:.85rem;color:rgba(222,184,110,.72)}.nx-blog .nx-blog-card:has(.nx-blog-card__link:focus-visible) .nx-blog-card__title{color:#f3dfae}@media (hover:hover) and (pointer:fine){.nx-blog .nx-blog-card:hover{transform:translateY(-2px);border-color:rgba(222,182,104,.55);box-shadow:inset 0 1px 0 rgba(255,236,200,.16),inset 0 -2px 0 rgba(1,4,10,.55),0 3px 0 #03070f,0 20px 32px -14px rgba(2,6,16,1)}.nx-blog .nx-blog-card:hover:before{opacity:1}.nx-blog .nx-blog-card:hover .nx-blog-card__art:before{transform:scale(1.03);filter:saturate(1.04) contrast(1.04) brightness(1.05)}.nx-blog .nx-blog-card:hover .nx-blog-card__art:after{box-shadow:inset 0 0 0 1px rgba(232,192,112,.62),inset 0 9px 14px -9px rgba(1,4,10,.9),inset 0 -1px 0 rgba(255,236,200,.14)}.nx-blog .nx-blog-card:hover .nx-blog-card__title{color:#f6e3b4}.nx-blog .nx-blog-card:hover .nx-blog-card__title:after{width:2.75rem;background-color:rgba(236,202,128,.85)}}.nx-blog .nx-blog-card:active{transform:translateY(1px);box-shadow:inset 0 1px 0 rgba(255,236,200,.08),inset 0 -2px 0 rgba(1,4,10,.55),inset 0 2px 6px rgba(1,4,10,.5),0 1px 0 #03070f,0 6px 12px -8px rgba(2,6,16,.9)}@media (max-width:640px){.nx-blog .nx-blog-card{--gap:0.375rem;--socket-ratio:2}.nx-blog .nx-blog-card__body{padding:1rem 1rem .75rem}.nx-blog .nx-blog-card__title{font-size:1.2rem}}@media (prefers-reduced-motion:reduce){.nx-blog .nx-blog-card,.nx-blog .nx-blog-card:before,.nx-blog .nx-blog-card__art:after,.nx-blog .nx-blog-card__art:before,.nx-blog .nx-blog-card__title,.nx-blog .nx-blog-card__title:after{transition:none}.nx-blog .nx-blog-card:active,.nx-blog .nx-blog-card:hover,.nx-blog .nx-blog-card:hover .nx-blog-card__art:before{transform:none}}