/* CHPoki theme – "rows" skin: category blocks + scrolling strips (arcade portal layout) */
.skin-rows{
	--bg:#f2f3f6;
	--bg-2:#e5e7ee;
	--surface:#fff;
	--ink:#15171c;
	--ink-2:#4a4f5c;
	--muted:#767c8b;
	--line:#e2e4ea;
	--accent:#e8412b;
	--accent-2:#ff8a3d;
	--chip:#eef0f4;
	--radius:14px;
	--gap:14px;
	--tile:150px;
	--header-h:64px;
	--font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	background:var(--bg);
}
.skin-rows .site-header{background:#15171c;box-shadow:0 2px 12px rgba(0,0,0,.25)}
.skin-rows .brand__word{background:none;-webkit-text-fill-color:#fff;color:#fff}
.skin-rows .brand__mark{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 0 #a82a17;transform:none;border-radius:10px}
.skin-rows .search input{background:#23262f;color:#fff;border-color:transparent}
.skin-rows .search input::placeholder{color:#8b91a1}
.skin-rows .search input:focus{background:#2c3039;border-color:var(--accent)}
.skin-rows .search__icon{color:#8b91a1}
.skin-rows .icon-btn{background:#23262f;color:#fff}
.skin-rows .icon-btn--menu{display:inline-flex;margin-right:2px}
.skin-rows .topnav a{color:#c9cdd8}
.skin-rows .topnav a:hover{background:#23262f;color:#fff}

/* Drawer */
.drawer{position:fixed;inset:0;z-index:80}
.drawer__scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(10,12,18,.55);cursor:pointer}
.drawer__panel{position:relative;z-index:1;width:min(320px,86vw);height:100%;overflow-y:auto;background:#15171c;color:#fff;padding:18px 14px 40px;box-shadow:4px 0 24px rgba(0,0,0,.4);animation:chpt-slide .18s ease-out}
@keyframes chpt-slide{from{transform:translateX(-12px);opacity:.6}to{transform:none;opacity:1}}
.drawer__head{display:flex;align-items:center;gap:10px;padding:0 4px 14px;margin-bottom:6px;border-bottom:1px solid #23262f}
.drawer__head .brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:18px;color:#fff}
.drawer__x{margin-left:auto;width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:0;border-radius:9px;background:#23262f;color:#c9cdd8;font-size:15px;line-height:1;cursor:pointer}
.drawer__x:hover{background:var(--accent);color:#fff}
.drawer__title{margin:16px 0 6px;padding-left:10px;font-weight:800;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:#767c8b}
.drawer__list{list-style:none;margin:0;padding:0}
.drawer__list a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#e7e9ef;font-weight:700;font-size:15px}
.drawer__list a:hover{background:#23262f;text-decoration:none}
.drawer__list a.is-current{background:var(--accent);color:#fff}
.drawer__list a.is-current small{color:rgba(255,255,255,.85)}
.drawer__list small{margin-left:auto;color:#767c8b;font-weight:700}
.drawer__list--top{padding-bottom:6px;border-bottom:1px solid #23262f}
.drawer__list--pages a{font-size:14px;font-weight:600;color:#b9bfcd}
html.drawer-open,html.drawer-open body{overflow:hidden}

/* Category rows */
.crow{display:grid;grid-template-columns:210px minmax(0,1fr);gap:16px;align-items:stretch;margin-top:18px}
.crow__cat{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:18px;border-radius:var(--radius);background:var(--cat,#2f82c4);color:#fff;box-shadow:0 6px 16px rgba(20,22,30,.14);transition:transform .15s}
.crow__cat:hover{transform:translateY(-2px);text-decoration:none;filter:saturate(1.1)}
.crow__icon{font-size:26px;line-height:1}
.crow__name{margin:6px 0 0;font-size:20px;font-weight:900;line-height:1.15;color:#fff}
.crow__count{font-size:13px;font-weight:700;opacity:.85}
.crow__wrap{position:relative;min-width:0}
.crow__strip{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px 2px 6px}
.crow__strip::-webkit-scrollbar{display:none}
.crow__strip .tile{flex:0 0 var(--tile);scroll-snap-align:start}
.crow__nav{position:absolute;top:calc(50% - 20px);z-index:3;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:22px;line-height:1;box-shadow:0 4px 14px rgba(20,22,30,.22);cursor:pointer;display:grid;place-items:center}
.crow__nav--prev{left:-6px}
.crow__nav--next{right:-6px}
.crow__wrap.at-start .crow__nav--prev,.crow__wrap.at-end .crow__nav--next{opacity:0;pointer-events:none}
@media (hover:none){.crow__nav{display:none}}

/* Tiles: caption under the thumbnail */
.skin-rows .tile{aspect-ratio:auto;background:none;box-shadow:none;border-radius:0;overflow:visible}
.skin-rows .tile__thumb{position:relative;inset:auto;display:block;aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;background:var(--bg-2);box-shadow:0 3px 10px rgba(20,22,30,.12);transition:transform .15s,box-shadow .15s}
.skin-rows .tile:hover{transform:none}
.skin-rows .tile:hover .tile__thumb{transform:translateY(-3px);box-shadow:0 10px 22px rgba(20,22,30,.22)}
.skin-rows .tile__title{position:static;opacity:1;transform:none;background:none;color:var(--ink);text-shadow:none;padding:8px 2px 0;font-size:13.5px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.skin-rows .tile--big{grid-column:auto;grid-row:auto}
.skin-rows .grid{grid-auto-flow:row}

/* Page chrome */
.skin-rows .page-intro--home{display:block;margin-bottom:4px}
.skin-rows .page-intro--home .page-intro__title{font-size:clamp(21px,2.4vw,27px)}
.skin-rows .page-intro--home .page-intro__text{font-size:15px;margin-top:4px}
.skin-rows .section__more,.skin-rows .sort-tabs{box-shadow:0 2px 8px rgba(20,22,30,.1)}
.skin-rows .sort-tabs a.is-active{background:var(--accent);color:#fff}
.skin-rows .chip.is-active{background:var(--accent);border-color:var(--accent)}
.skin-rows .page-intro__icon,.skin-rows .section__icon{background:#fff}
.skin-rows .card{box-shadow:0 2px 10px rgba(20,22,30,.08)}
.skin-rows .chp-player{background:#15171c}
.skin-rows .chp-player__play{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 6px 0 #a82a17,0 10px 24px rgba(232,65,43,.45)}
.skin-rows .chp-player__play:active{box-shadow:0 2px 0 #a82a17}
.skin-rows .chp-player__btn{background:#f1f2f5;color:var(--ink)}
.skin-rows .site-footer{background:#15171c}
.skin-rows .cat-cloud a:hover,.skin-rows .tag:hover,.skin-rows .pager a:hover,.skin-rows .section__more:hover{background:var(--accent);color:#fff}

@media (max-width:900px){
	.crow{grid-template-columns:1fr;gap:10px}
	.crow__cat{flex-direction:row;align-items:center;gap:10px;padding:12px 14px}
	.crow__name{margin:0;font-size:17px}
	.crow__count{margin-left:auto}
}
@media (max-width:700px){
	.skin-rows{--tile:128px;--gap:10px}
	.skin-rows .site-header__search{background:#15171c}
	.skin-rows .tile__title{font-size:12.5px}
}