.filters{flex-wrap:wrap;gap:9px;margin:34px 0 4px;display:flex}.filter{color:var(--ink-2);background:var(--card);border:1px solid var(--line-2);cursor:pointer;border-radius:100px;padding:8px 16px;font-size:13.5px;transition:all .18s}.filter:hover{border-color:var(--ink)}.filter.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tpl-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}@media (max-width:940px){.tpl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tpl-grid{grid-template-columns:1fr}}.tpl{background:var(--card);border:1px solid var(--line-2);border-radius:16px;flex-direction:column;transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s;display:flex;overflow:hidden}.tpl:hover{transform:translateY(-4px);box-shadow:0 24px 46px -28px #3c2d148c}.tpl-thumb{border-bottom:1px solid var(--line-2);background-color:#100e0b;background-image:radial-gradient(circle at 1px 1px,#7d6e4b2e 1px,#0000 0);background-size:19px 19px;height:156px;position:relative;overflow:hidden}.tn{background:#16140f;border:1px solid #3a3530;border-radius:5px;padding:6px 8px;position:absolute;box-shadow:0 4px 12px #00000073}.tn:before{content:"";background:currentColor;border-radius:5px 0 0 5px;width:3px;position:absolute;top:-1px;bottom:-1px;left:-1px}.tn b{color:#ece6da;font-size:9.5px;font-weight:500;display:block}.tn span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-bottom:2px;font-size:7px;display:block}.tn.narr{color:#6ea8d8}.tn.choice{color:#d8a26e}.tn.chal{color:#c97373}.tn.out{color:#7fb38a}.tn.media{color:#a386d4}.tedge{transform-origin:0;background:#4a443a;height:1.5px;position:absolute}.tedge.gold{background:#e8a847}.tpl-type{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#a89e8c;background:#080705b3;border:1px solid #3a3530;border-radius:100px;padding:3px 9px;font-size:8.5px;position:absolute;top:10px;right:11px}.tpl-body{flex-direction:column;flex:1;padding:18px 19px 19px;display:flex}.tpl-subj{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold);font-size:10px}.tpl-body h3{font-family:var(--serif);letter-spacing:-.01em;margin-top:7px;font-size:23px}.tpl-body p{color:var(--ink-2);flex:1;margin-top:8px;font-size:14px;line-height:1.5}.tpl-foot{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:16px;padding-top:15px;display:flex}.tpl-use{color:var(--gold-deep);align-items:center;gap:6px;margin-left:auto;font-size:13px;font-weight:500;display:inline-flex}.tpl:hover .tpl-use{gap:9px}.blank{border-style:dashed;border-color:var(--line-2);text-align:center;background:0 0;justify-content:center;align-items:center;min-height:320px}.blank .tile-ic{margin:0 auto 14px}.blank h3{font-family:var(--serif);font-size:24px}.blank p{color:var(--ink-2);max-width:26ch;margin-top:8px;font-size:14px}