/* 1000 Cuts blog. Edit tools/blog.css, then `python3 tools/blog.py build` copies it to media/blog.css. */
@font-face{font-family:"Lilita One";src:url(/lilita-one-latin.woff2) format("woff2");font-display:swap}
:root{
  --pink:#ff2d87;--orange:#ff7a3c;--purple:#8a3cff;--yellow:#ffe63c;--ink:#2a0b17;--ink2:#5a3a48;
  --paper:#fff7fb;--card:#fff;--line:#f3d7e5;--link:#c4005e;
  --grad:linear-gradient(135deg,#ff2d87 0%,#ff5f5f 45%,#ff8a3c 70%,#a23cff 100%);
  --r:22px;--head:"Lilita One",system-ui,sans-serif;--body:Nunito,system-ui,-apple-system,"Segoe UI",sans-serif
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:500 17px/1.65 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--link)}
.wrap{width:100%;max-width:1140px;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;border-radius:10px;z-index:99}.skip:focus{left:8px}
.chunk{font-family:var(--head);font-weight:400;color:#fff;-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;text-shadow:0 .07em 0 var(--ink);letter-spacing:.01em;line-height:1.02}
.chunk .y,.y{color:var(--yellow)}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:rgba(255,45,135,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:3px solid var(--ink)}
.navin{display:flex;align-items:center;justify-content:space-between;height:60px;gap:10px}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font:400 24px/1 var(--head);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill}
.logo img{border-radius:10px;box-shadow:0 3px 0 var(--ink)}
.logo b{font-weight:400;color:var(--yellow)}
.logo span{white-space:nowrap}
.nr{display:flex;gap:8px;align-items:center}
.chip{font:800 14px/1 var(--body);color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:999px;padding:8px 13px;text-decoration:none;box-shadow:0 3px 0 var(--ink);white-space:nowrap}
.chip.dl{background:var(--yellow)}
.chip:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}

/* google play button (same as index.html) */
.gp{display:inline-flex;align-items:center;gap:10px;background:#111;color:#fff;border:2.5px solid var(--ink);border-radius:14px;padding:9px 18px 9px 13px;text-decoration:none;box-shadow:0 5px 0 var(--ink);min-height:58px}
.gp svg{width:28px;height:28px;flex:none}
.gp span{display:flex;flex-direction:column;line-height:1.05}
.gp small{font:800 10.5px/1 var(--body);letter-spacing:.08em;opacity:.85}
.gp b{font:800 21px/1.1 var(--body)}
.gp.soon{background:#2a0b17;cursor:default}
.gp.soon small{color:var(--yellow);opacity:1}
a.gp:hover{transform:translateY(-1px)}

/* article hero */
.ahero,.ihero{background:var(--grad);color:#fff;border-bottom:3px solid var(--ink);position:relative;overflow:hidden}
.ahero:before,.ihero:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 85% 10%,rgba(255,255,255,.22),transparent 60%),radial-gradient(50% 60% at 5% 100%,rgba(138,60,255,.45),transparent 70%);pointer-events:none}
.hgrid{position:relative;display:grid;gap:22px;padding-top:26px;padding-bottom:30px}
.bc{list-style:none;display:flex;gap:6px;padding:0;margin:0 0 12px;font:800 13px/1 var(--body)}
.bc li+li:before{content:"›";margin-right:6px;opacity:.8}
.bc a{color:#fff;text-decoration:none;opacity:.95}
.ahero h1{font:400 clamp(32px,7.6vw,52px)/1.06 var(--head);margin:0;color:#fff;-webkit-text-stroke:.12em var(--ink);paint-order:stroke fill;text-shadow:0 .06em 0 var(--ink);letter-spacing:.005em}
.dek{font:700 18px/1.5 var(--body);margin:14px 0 0;max-width:640px;text-shadow:0 1px 0 rgba(42,11,23,.35)}
.meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:16px 0 0;font:800 13px/1.2 var(--body)}
.meta span{background:rgba(42,11,23,.28);padding:6px 10px;border-radius:999px}
.hpost{margin:0;justify-self:center;width:min(44vw,190px);aspect-ratio:9/16;border:6px solid var(--ink);border-radius:30px;overflow:hidden;box-shadow:0 10px 0 rgba(42,11,23,.35);transform:rotate(3deg);background:#ff2d87}
.hpost img{width:100%;height:100%;object-fit:cover}
@media(min-width:860px){
  .hgrid{grid-template-columns:1fr 270px;align-items:center;padding-top:44px;padding-bottom:48px;gap:48px}
  .hpost{width:270px}
}

/* layout */
.agrid{display:grid;gap:18px;padding-top:24px;padding-bottom:40px}
@media(min-width:1100px){.agrid{grid-template-columns:230px minmax(0,740px);justify-content:center;gap:44px;padding-top:40px}}
.toc details{background:#fff;border:2.5px solid var(--ink);border-radius:16px;padding:12px 16px;box-shadow:0 4px 0 var(--ink)}
.toc summary{font:800 15px/1.2 var(--body);cursor:pointer}
.toc ol{margin:10px 0 2px;padding-left:20px;font:700 14px/1.45 var(--body)}
.toc li{margin:5px 0}.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--link)}
@media(min-width:1100px){.toc{position:sticky;top:84px;align-self:start}}

/* prose */
.prose{min-width:0;max-width:740px;background:#fff;border:2.5px solid var(--ink);border-radius:var(--r);padding:22px 18px 18px;box-shadow:0 6px 0 var(--ink)}
@media(min-width:640px){.prose{padding:34px 40px 26px}}
.prose>*:first-child{margin-top:0}
.prose p,.prose li{font-size:17.5px;line-height:1.72}
.prose p{margin:0 0 1.05em}
.prose h2{font:400 clamp(26px,5.4vw,32px)/1.12 var(--head);color:var(--ink);margin:1.6em 0 .55em;letter-spacing:.005em;scroll-margin-top:80px}
.prose h3{font:800 20px/1.3 var(--body);margin:1.3em 0 .4em;scroll-margin-top:80px}
.prose ul,.prose ol{padding-left:22px;margin:0 0 1.1em}
.prose li{margin:.35em 0}
.prose strong{font-weight:800}
.prose a{font-weight:700;text-underline-offset:3px}
.summary{background:linear-gradient(135deg,#fff3c4,#ffe0ef);border:2.5px solid var(--ink);border-radius:18px;padding:16px 18px 4px;margin:0 0 22px}
.summary .sl{font:400 15px/1 var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--pink);-webkit-text-stroke:0;margin-bottom:8px}
.summary p{font-weight:700}
.note{margin:1.2em 0;padding:12px 16px;border-left:6px solid var(--purple);background:#f4edff;border-radius:0 14px 14px 0}
.note p{margin:0}
.pic{margin:1.4em auto;max-width:270px}
.pic img{border:4px solid var(--ink);border-radius:26px;width:100%;aspect-ratio:9/16;object-fit:cover;background:#ff2d87}
.pic.wide{max-width:520px}.pic.wide img{aspect-ratio:auto;border-radius:16px;background:#dedbd6}
.pic figcaption{font:700 13.5px/1.45 var(--body);color:var(--ink2);text-align:center;margin-top:8px}
.tbl{overflow-x:auto;margin:1.2em 0 1.4em;border:2.5px solid var(--ink);border-radius:16px;-webkit-overflow-scrolling:touch}
.tbl table{border-collapse:collapse;width:100%;font-size:15.5px}
.tbl.knives table{min-width:440px}
@media(max-width:420px){.tbl th,.tbl td{padding:9px 9px}.tbl table{font-size:14.5px}}
.tbl th{background:var(--ink);color:#fff;text-align:left;font:800 13px/1.2 var(--body);letter-spacing:.04em;text-transform:uppercase;padding:10px 12px}
.tbl td{padding:10px 12px;border-top:1.5px solid var(--line);vertical-align:middle;line-height:1.45}
.tbl tr:nth-child(even) td{background:#fff7fb}
.knives td:first-child{width:160px;background:#dedbd6!important}
.knives img{width:150px;height:auto}
.rar{display:inline-block;font:800 11px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:5px 8px;border-radius:7px}
.rar.common{background:#8a8f96}.rar.rare{background:#2f7de1}.rar.epic{background:#8b45d9}.rar.legendary{background:linear-gradient(90deg,#e09a1a,#f0c400);color:var(--ink)}
.playcard{display:flex;gap:16px;align-items:flex-start;margin:1.6em 0;padding:16px;border:2.5px solid var(--ink);border-radius:20px;background:linear-gradient(135deg,#ffe3f0,#fff1dc);box-shadow:0 5px 0 var(--ink)}
.playcard img{border-radius:18px;flex:none;box-shadow:0 3px 0 var(--ink)}
.playcard b{display:block;font:400 22px/1.15 var(--head);margin-bottom:4px}
.playcard p{font-size:15.5px!important;line-height:1.5!important;margin:0 0 12px!important}
@media(max-width:420px){.playcard{flex-direction:column}}
.faq h3{background:#fff7fb;border:2px solid var(--line);border-radius:14px;padding:10px 14px;margin:1.1em 0 .5em;font-size:18px}
.upd{font:700 13.5px/1.4 var(--body)!important;color:var(--ink2);border-top:2px dashed var(--line);padding-top:14px;margin-top:2em!important}

/* CTA */
.cta{background:var(--grad);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);color:#fff;position:relative;overflow:hidden}
.ctain{display:grid;gap:26px;padding-top:40px;padding-bottom:44px;align-items:center}
.ctat{text-align:center}
.cicon{margin:0 auto 14px;border-radius:24px;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink)}
.cta h2{font-size:clamp(38px,9vw,60px);margin:0 0 12px}
.cta p{font:700 17px/1.55 var(--body);max-width:520px;margin:0 auto 20px;text-shadow:0 1px 0 rgba(42,11,23,.35)}
.cphone{margin:0 auto;width:200px;aspect-ratio:9/16;border:6px solid var(--ink);border-radius:30px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 10px 0 rgba(42,11,23,.35)}
.cphone img{width:100%;height:100%;object-fit:cover}
@media(min-width:860px){.ctain{grid-template-columns:1fr 240px;padding-top:56px;padding-bottom:60px}.ctat{text-align:left}.cicon{margin:0 0 14px}.cta p{margin-left:0}.cphone{width:240px}}

/* more + index */
.more{padding:40px 0 50px}
.chunk.sm{font-size:clamp(30px,6vw,40px);margin:0 0 20px}
.pgrid{display:grid;gap:16px}
@media(min-width:700px){.pgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.pgrid{grid-template-columns:repeat(3,1fr)}}
.pcard{display:flex;gap:14px;background:#fff;border:2.5px solid var(--ink);border-radius:20px;padding:12px;text-decoration:none;color:var(--ink);box-shadow:0 5px 0 var(--ink);transition:transform .15s ease}
.pcard:hover{transform:translateY(-3px)}
.pim{flex:none;width:96px;aspect-ratio:9/16;border-radius:14px;overflow:hidden;border:2px solid var(--ink);background:#ff2d87}
.pim img{width:100%;height:100%;object-fit:cover}
.pt{display:flex;flex-direction:column;gap:5px;min-width:0}
.pt small{font:800 12px/1.2 var(--body);color:var(--ink2)}
.pt b{font:400 20px/1.15 var(--head)}
.pt p{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink2)}
.pt i{font:800 13.5px/1 var(--body);font-style:normal;color:var(--link);margin-top:auto}
.ihero .wrap{position:relative;padding-top:30px;padding-bottom:36px}
.ihero h1{font-size:clamp(44px,11vw,82px);margin:6px 0 0}
main.wrap .pgrid.big{padding:30px 0 50px}

/* footer */
.foot{background:var(--ink);color:#f6dbe8;padding:30px 0 40px}
.fin{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.foot p{margin:0;font:700 14.5px/1.7 var(--body)}
.foot .small{font-size:12.5px;opacity:.75;font-weight:600}
.foot a{color:#fff}
.foot .logo{-webkit-text-stroke:0}
@media(max-width:520px){.hide-s{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}