:root{--bg:#ece4d1;--panel:#f3ecdc;--card:#fbf7ec;--card-alt:#f7f1e2;--line:#e2d7be;--line-soft:#ebe2cc;--ink:#3c342a;--ink-soft:#6e6353;--muted:#9a8c76;--brown:#8c6e49;--brown-deep:#5a4530;--accent:#9c7a4d;--pill:#efe7d4;--heart:#d8736b;--shadow:0 1px 2px #3c301e0f, 0 8px 24px #3c301e0f;--shadow-sm:0 1px 2px #3c301e0d;--r:18px;--r-sm:12px}html.dark{--bg:#212328;--panel:#2c2f36;--card:#2c2f36;--card-alt:#34373f;--line:#3b3f48;--line-soft:#33363d;--ink:#d4c3b3;--ink-soft:#ac9f8f;--muted:#8c8a93;--brown:#7e828b;--brown-deep:#3e424b;--accent:#c2b2a0;--accent-soft:#34373f;--pill:#34373f;--shadow:0 1px 2px #00000059, 0 10px 28px #00000073}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:url(/art/bg-pattern.webp);background-size:520px;margin:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.45;transition:background-color .3s,color .3s}html.dark body{background-image:url(/art/bg-pattern-dark.webp)}h1,h2,h3,.logo,.story-title,.meme-text{font-family:Fredoka,Nunito,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin:0 auto;padding:26px 24px 0}.topbar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:20px 28px;display:grid}.brand{align-items:center;gap:16px;display:flex}.logo{letter-spacing:-.5px;font-size:32px;font-weight:700}.logo .com{color:var(--accent)}.tagline{color:var(--ink-soft);margin-top:2px;font-size:14px;font-weight:600}.greet{justify-content:center;align-items:center;gap:14px;display:flex}.greet p{color:var(--ink);max-width:280px;margin:0;font-size:15.5px;font-weight:600}.topright{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.switch-note{color:var(--ink-soft);text-align:right;font-size:12.5px;font-weight:600;line-height:1.3}.controls{align-items:center;gap:8px;display:flex}.langpill{background:var(--pill);border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.langpill button{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .2s}.langpill button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.iconbtn{border:1px solid var(--line);background:var(--card);cursor:pointer;width:42px;height:42px;color:var(--ink-soft);border-radius:999px;place-items:center;transition:all .2s;display:grid}.iconbtn:hover{color:var(--ink);transform:translateY(-1px)}.medal-10{box-shadow:0 0 0 2px var(--card),0 0 0 4px #c68a4e}.medal-25{box-shadow:0 0 0 2px var(--card),0 0 0 4px #aeb4be}.medal-50{box-shadow:0 0 0 2px var(--card),0 0 0 4px #e0b24a}.bm-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bm-item{align-items:center;gap:8px;display:flex}.bm-link{border:1px solid var(--line);background:var(--card-alt);border-radius:14px;flex:1;align-items:center;gap:12px;min-width:0;padding:10px;transition:all .18s;display:flex}.bm-link:hover{border-color:var(--accent)}.bm-thumb{background:var(--card);border-radius:10px;flex:none;width:72px;height:54px;overflow:hidden}.bm-thumb img,.bm-thumb>span{width:100%;height:100%;display:block}.bm-thumb img{object-fit:cover}.bm-thumb svg{width:100%;height:100%}.bm-text{min-width:0}.bm-cat{text-transform:uppercase;letter-spacing:.4px;color:var(--brown);font-size:11px;font-weight:800;display:block}.bm-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-family:Fredoka,sans-serif;font-size:15px;font-weight:600;display:block;overflow:hidden}.bm-remove{border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;flex:none;width:32px;height:32px;font-size:13px;transition:all .18s}.bm-remove:hover{color:var(--heart)}.rank-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-row{border:1px solid var(--line);background:var(--card-alt);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.rank-num{text-align:center;width:24px;color:var(--accent);flex:none;font-family:Fredoka,sans-serif;font-size:16px;font-weight:700}.rank-badge{object-fit:contain;flex:none;width:40px;height:40px}.rank-avatar{background:var(--brown);color:#f6eedd;border-radius:999px;flex:none;place-items:center;width:34px;height:34px;font-family:Fredoka,sans-serif;font-size:15px;font-weight:700;display:grid}.rank-name{min-width:0;color:var(--ink);text-overflow:ellipsis;flex:1;font-size:14.5px;font-weight:800;overflow:hidden}.rank-team{color:var(--muted);font-size:12.5px;font-weight:700}.rank-score{color:var(--ink-soft);white-space:nowrap;flex:none;font-size:13px;font-weight:800}.article-comments{max-width:760px;margin:18px auto 30px}.comments{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:clamp(18px,4vw,28px)}.comment-form{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.comment-form textarea{border:1px solid var(--line);background:var(--card-alt);font:inherit;color:var(--ink);resize:vertical;border-radius:12px;outline:none;padding:12px 14px;font-weight:600}.comment-form textarea:focus{border-color:var(--accent)}.comment-form button{background:var(--brown);color:#f6eedd;font:inherit;cursor:pointer;border:0;border-radius:12px;align-self:flex-end;padding:10px 20px;font-weight:800;transition:all .18s}.comment-form button:hover{filter:brightness(1.08)}.comment-form button:disabled{opacity:.6;cursor:default}.comment-signin{margin:0 0 20px}.comment-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.comment{gap:12px;display:flex}.comment-avatar{background:var(--brown);color:#f6eedd;border-radius:999px;flex:none;place-items:center;width:38px;height:38px;font-family:Fredoka,sans-serif;font-size:16px;font-weight:700;display:grid}.comment-body{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:3px;display:flex}.comment-author{color:var(--ink);font-size:14px;font-weight:800}.comment-team{text-transform:uppercase;letter-spacing:.4px;color:var(--brown);background:var(--accent-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.comment-time{color:var(--muted);font-size:12px;font-weight:700}.comment-del{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:12px;font-weight:700}.comment-del:hover{color:var(--heart)}.comment-text{color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14.5px;line-height:1.55}.like-btn{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.like-btn:hover{color:var(--ink)}.like-btn.liked{color:var(--heart)}.like-btn.liked svg{fill:var(--heart);stroke:var(--heart)}.auth-slot{width:64px;height:36px;display:inline-block}.signin-btn{background:var(--brown);color:#f6eedd;border:1px solid var(--line);border-radius:999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:800;transition:all .18s;display:inline-flex}.signin-btn:hover{filter:brightness(1.08);color:#f6eedd}.usermenu{align-items:center;gap:8px;display:flex}.user-chip{background:var(--brown);color:#f6eedd;border:1px solid var(--line);border-radius:999px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid}.signout-btn{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .18s}.signout-btn:hover{color:var(--ink)}.auth-form{flex-direction:column;gap:12px;max-width:340px;margin:0 auto;display:flex}.auth-form input{border:1px solid var(--line);background:var(--card);font:inherit;color:var(--ink);border-radius:12px;outline:none;padding:13px 16px;font-weight:600}.auth-form input:focus{border-color:var(--accent)}.auth-form button{background:var(--brown);color:#f6eedd;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:13px;font-weight:800;transition:all .18s}.auth-form button:hover{filter:brightness(1.08)}.auth-form button:disabled{opacity:.6;cursor:default}.auth-error{color:var(--heart);margin:0;font-size:13px;font-weight:700}.auth-sent{color:var(--ink);margin:8px 0;font-size:15px;font-weight:700}.join-btn{background:var(--brown);color:#f6eedd;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:13px 26px;font-size:14px;font-weight:800;transition:all .18s;display:inline-block}.join-btn:hover{filter:brightness(1.08);color:#f6eedd}.join-btn:disabled{opacity:.6;cursor:default}.profile-head{align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-avatar{background:var(--brown);color:#f6eedd;border-radius:999px;flex:none;place-items:center;width:64px;height:64px;font-family:Fredoka,sans-serif;font-size:28px;font-weight:700;display:grid}.profile-name{font-family:Fredoka,sans-serif;font-size:20px;font-weight:600}.profile-email{color:var(--muted);font-size:13px;font-weight:600}.profile-stats{gap:14px;margin-bottom:22px;display:flex}.stat-box{border:1px solid var(--line);background:var(--card-alt);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:16px;display:flex}.stat-num{color:var(--accent);font-family:Fredoka,sans-serif;font-size:26px;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:12px;font-weight:800}.cat-head-h{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:800}.profile-team-card{border:1px solid var(--line);background:var(--card-alt);border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.profile-team-card img{width:72px;height:auto}.profile-team-card span{font-family:Fredoka,sans-serif;font-size:18px;font-weight:600}nav.cats{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.cattab{color:var(--ink);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-sm);text-align:center;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:15px;font-weight:700;transition:all .18s;display:flex}.cattab:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}.cattab svg{flex:none}@media (max-width:680px){.cattab{flex:100%;justify-content:flex-start}}.grid{grid-template-columns:228px 1fr 360px;gap:18px;margin-top:18px;padding-bottom:30px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.sidebar{align-self:start;max-height:calc(100vh - 32px);padding:14px;position:sticky;top:16px;overflow:auto}.menu{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.menu a{color:var(--ink-soft);border-radius:14px;align-items:center;gap:13px;padding:13px 16px;font-size:15px;font-weight:700;transition:all .18s;display:flex}.menu a:hover{background:var(--card-alt);color:var(--ink)}.menu a.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.menu svg{color:var(--muted);flex:none}.menu a.active svg{color:var(--brown)}.promo{background:var(--card-alt);border:1px solid var(--line);border-radius:16px;margin:16px 6px 6px;padding:18px}.promo h4{margin:0 0 8px;font-family:Fredoka;font-size:15px;font-weight:600}.promo p{color:var(--ink-soft);margin:0 0 14px;font-size:13px;font-weight:600}.promo button{background:var(--brown-deep);color:#f6eedd;width:100%;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:11px;font-size:13.5px;font-weight:800;transition:all .2s}.promo button:hover{filter:brightness(1.08)}.sidescene{place-items:center;padding:6px 0 4px;display:grid}.feedhead{border-bottom:1px solid var(--line-soft);padding:14px;display:flex}.viewtoggle{background:var(--pill);border:1px solid var(--line);border-radius:999px;gap:4px;padding:4px;display:flex}.viewtoggle button{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:800;transition:all .2s;display:flex}.viewtoggle button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.feed.list .story{grid-template-columns:148px 1fr;gap:20px;display:grid}.story{border-bottom:1px solid var(--line-soft);grid-template-columns:148px 1fr;gap:20px;padding:22px;display:grid}.story:last-child{border-bottom:0}.thumb{background:var(--card-alt);border:1px solid var(--line);border-radius:14px;width:148px;height:128px;overflow:hidden}.thumb svg{width:100%;height:100%;display:block}img.thumb{object-fit:cover;display:block}.story-meta{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.cat-label{letter-spacing:.7px;color:var(--brown);text-transform:uppercase;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:flex}.time{color:var(--muted);font-size:12.5px;font-weight:700}.story-title{margin:2px 0 8px;font-size:21px;font-weight:600;line-height:1.2}.story-body{color:var(--ink-soft);margin:0 0 14px;font-size:14px;font-weight:600}.story-foot{align-items:center;gap:22px;display:flex}.stat{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;display:flex}.stat:hover{color:var(--ink)}.stat.heart.on{color:var(--heart)}.stat.heart.on svg{fill:var(--heart);stroke:var(--heart)}.share{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-left:auto;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;display:flex}.share:hover{color:var(--ink)}.rail{flex-direction:column;align-self:start;gap:18px;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px;overflow:auto}.soothe-block{align-items:center;gap:12px;display:flex}.soothe-block img{flex:none;width:auto;height:56px}.soothe-block p{color:var(--ink-soft);margin:0;font-size:13.5px;font-weight:600;line-height:1.4}.block{padding:18px}.block-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.block-head h3{letter-spacing:.3px;text-transform:uppercase;margin:0;font-size:13.5px;font-weight:700}.fresh{color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.meme{border:1px solid var(--line);background:#1c1c22;border-radius:14px;position:relative;overflow:hidden}.meme svg{width:100%;display:block}.sharebar{align-items:center;gap:10px;margin-top:14px;display:flex}.sharebar span{color:var(--ink-soft);margin-right:2px;font-size:13px;font-weight:800}.soc{color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;width:34px;height:34px;transition:all .2s;display:grid}.soc:hover{transform:translateY(-2px)}.soc.tg{background:#2aabee}.soc.vb{background:#7360f2}.soc.x{background:#111}.soc.link{background:var(--brown)}.riddle h3{text-transform:uppercase;letter-spacing:.3px;font-size:13.5px}.riddle-q{color:var(--ink);margin:0 0 14px;font-family:Lora,Georgia,serif;font-size:18px;font-style:italic;font-weight:500;line-height:1.4}.hintbtn{background:var(--card-alt);border:1px solid var(--line);color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:800;transition:all .2s;display:inline-flex}.hintbtn:hover{color:var(--ink)}.hint{color:var(--ink-soft);margin:10px 2px 0;font-size:13px;font-weight:700}.answer-row{gap:10px;margin-top:14px;display:flex}.answer-row input{border:1px solid var(--line);background:var(--card);min-width:0;font:inherit;color:var(--ink);border-radius:12px;outline:none;flex:1;padding:12px 14px;font-weight:600}.answer-row input:focus{border-color:var(--accent)}.answer-row button{white-space:nowrap;background:var(--brown);color:#f6eedd;font:inherit;cursor:pointer;border:0;border-radius:12px;flex:none;padding:0 18px;font-weight:800;transition:all .2s}.answer-row button:hover{filter:brightness(1.08)}.reward{color:var(--ink-soft);flex-wrap:wrap;gap:6px 18px;margin:14px 2px 0;font-size:13px;font-weight:800;display:flex}.reward b{color:var(--brown)}.riddle-msg{margin:10px 2px 0;font-size:13.5px;font-weight:800}footer{border-top:1px solid var(--line);background:var(--panel);margin-top:8px}.foot{max-width:1240px;color:var(--ink-soft);align-items:center;gap:26px;margin:0 auto;padding:22px 24px;font-size:14px;font-weight:700;display:flex}.foot a:hover{color:var(--ink)}.foot .mid{color:var(--ink);align-items:center;gap:12px;margin-left:auto;font-weight:800;display:flex}.foot .copy{color:var(--muted);margin-left:auto;font-size:13.5px;font-weight:700}.menubtn{display:none}@media (max-width:1080px){.grid{grid-template-columns:1fr}.sidebar,.rail,.greet{display:none}}@media (max-width:760px){.wrap{padding:16px 14px 0}.topbar{border-radius:18px;grid-template-columns:1fr auto;gap:14px;padding:14px 16px}.brand .tagline{display:none}.logo{font-size:24px}.menubtn{display:grid}nav.cats{border-radius:16px;grid-template-columns:1fr}.navtab{border-right:0;border-bottom:1px solid var(--line-soft);padding:16px 18px}.navtab.soothe{display:none}.story{grid-template-columns:96px 1fr;gap:14px;padding:16px}.thumb{width:96px;height:84px}.story-title{font-size:17px}.story-body{display:none}.foot{flex-wrap:wrap;gap:14px}.foot .copy{width:100%;margin-left:0}body{padding-bottom:72px}.mobnav{display:flex}}.mobnav{background:var(--panel);border-top:1px solid var(--line);padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:20;justify-content:space-around;display:none;position:fixed;bottom:0;left:0;right:0}.mobnav a{color:var(--muted);flex-direction:column;align-items:center;gap:3px;padding:4px 10px;font-size:11px;font-weight:800;display:flex}.mobnav a.active{color:var(--brown)}.feedbar{justify-content:flex-end;margin-bottom:14px;display:flex}.feed-stack{flex-direction:column;gap:18px;display:flex}.feed-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}@media (max-width:680px){.feed-grid{grid-template-columns:1fr}}.feed-empty{color:var(--ink-soft);text-align:center;padding:24px;font-weight:600}.scard{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.scard:hover{border-color:var(--accent)}.scard-summary{cursor:pointer}.scard-thumb-link{display:block}.scard-stats{color:var(--ink-soft);align-items:center;gap:16px;margin-top:10px;font-size:13px;font-weight:800;display:flex}.scard-stats span{align-items:center;gap:6px;display:inline-flex}.scard-thumb{aspect-ratio:16/9;background:var(--card-alt);width:100%;overflow:hidden}.scard-thumb img,.scard-thumb svg{object-fit:cover;width:100%;height:100%;display:block}.scard-thumb span{width:100%;height:100%;display:block}.scard-pad{padding:16px 18px}.scard-meta{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.scard-cat{letter-spacing:.7px;text-transform:uppercase;color:var(--brown);font-size:11.5px;font-weight:800}.scard-time{color:var(--muted);font-size:12.5px;font-weight:700}.scard-title{color:var(--ink);margin:0 0 8px;font-family:Fredoka,Nunito,sans-serif;font-size:20px;font-weight:600;line-height:1.2}.scard-title a{color:inherit}.scard-excerpt{color:var(--ink-soft);margin:0;font-size:14px;font-weight:600;line-height:1.6}.clamp2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.scard-expand{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.scard.open .scard-expand{grid-template-rows:1fr}.scard-expand-inner{min-height:0;overflow:hidden}.scard-full{color:var(--ink);font-size:15.5px;line-height:1.75}.scard-full p{margin:0 0 14px}.scard-comments{border-top:1px solid var(--line-soft);color:var(--ink-soft);margin-top:6px;padding-top:14px;font-size:13.5px;font-weight:600}.scard-actions{border-top:1px solid var(--line-soft);align-items:center;gap:16px;display:flex}.sbtn{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13.5px;font-weight:800;transition:all .18s;display:inline-flex}.sbtn:hover{color:var(--ink)}.sbtn.liked{color:var(--heart)}.sbtn.liked svg{fill:var(--heart);stroke:var(--heart)}.sbtn.saved{color:var(--brown)}.sbtn.saved svg{fill:var(--brown);stroke:var(--brown)}.sbtn-primary{background:var(--brown);color:#f6eedd;border-radius:10px;padding:9px 16px}.sbtn-primary:hover{filter:brightness(1.08);color:#f6eedd}.sbtn-collapse{font-weight:800}.factions{margin-top:18px;padding:22px 24px}.factions-title{text-align:center;margin:0 0 18px;font-size:22px}.faction-grid{grid-template-columns:repeat(7,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.faction-card{text-align:center;border:1px solid var(--line);background:var(--card-alt);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;transition:all .18s;display:flex}.faction-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.faction-card img{width:100%;max-width:108px;height:auto}.faction-en{color:var(--ink);font-family:Fredoka,Nunito,sans-serif;font-size:13.5px;font-weight:600;line-height:1.15}html[lang=uk] .faction-en{font-weight:800}.faction-uk{color:var(--ink-soft);font-size:11.5px;font-weight:700;line-height:1.15}@media (max-width:1080px){.faction-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:680px){.faction-grid{grid-template-columns:repeat(2,1fr)}}.article{max-width:760px;margin:18px auto 0;padding:clamp(18px,4vw,32px)}.backlink{color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:14px;font-size:13.5px;font-weight:800;display:inline-flex}.backlink:hover{color:var(--ink)}.article-hero{border:1px solid var(--line);background:var(--card-alt);border-radius:16px;width:100%;margin:14px 0 22px;overflow:hidden}.article-hero svg,.article-hero img{width:100%;height:auto;display:block}.article-title{margin:6px 0 18px;font-size:clamp(24px,4vw,31px);line-height:1.18}.article-body{color:var(--ink);font-size:17px;line-height:1.75}.article-body p{margin:0 0 16px}.lang-divider{border:0;border-top:1px solid var(--line);margin:28px 0 16px}.lang-tag{letter-spacing:.7px;color:var(--brown);text-transform:uppercase;margin:0 0 10px;font-size:11.5px;font-weight:800}.article-foot{border-top:1px solid var(--line-soft);align-items:center;gap:22px;margin-top:24px;padding-top:18px;display:flex}.article-riddle{max-width:760px;margin:18px auto 30px}.cat-index{grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.cat-index-card{border:1px solid var(--line);background:var(--card-alt);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;transition:all .18s;display:flex}.cat-index-card:hover{border-color:var(--accent)}.cat-dot{background:var(--accent);border-radius:999px;flex:none;width:12px;height:12px;display:inline-block}.cat-index-en{font-family:Fredoka,Nunito,sans-serif;font-size:16px;font-weight:600}.cat-index-uk{width:100%;color:var(--ink-soft);padding-left:22px;font-size:12.5px;font-weight:700}@media (max-width:680px){.cat-index{grid-template-columns:1fr}}.archive-list{margin:0;padding:0;list-style:none}.archive-list li{border-top:1px solid var(--line-soft)}.archive-list li:first-child{border-top:0}.archive-list a{flex-wrap:wrap;align-items:baseline;gap:14px;padding:12px 4px;display:flex}.archive-list a:hover .archive-title{color:var(--accent)}.archive-date{color:var(--muted);flex:none;min-width:140px;font-size:12.5px;font-weight:700}.archive-title{color:var(--ink);flex:1;font-weight:700}.archive-cat{text-transform:uppercase;letter-spacing:.5px;color:var(--brown);font-size:11px;font-weight:800}@media (max-width:680px){.archive-date{width:100%;min-width:0}}.cat-head{margin:0 0 14px;padding:0 2px}.cat-head h1{margin:0;font-size:26px}.cat-head p{color:var(--ink-soft);margin:4px 0 0;font-size:14px;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}